*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;margin-bottom:30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{opacity:.9;font-size:1.1rem}.card{border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.card,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px}.form-group textarea{min-height:200px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.table td,.table th{padding:12px;border-bottom:1px solid #eee}.table th{color:#333}.table th,.table tr:hover{background-color:#f8f9fa}.actions{display:flex;gap:10px;align-items:center}.actions .btn{white-space:nowrap;flex-shrink:0}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:30px;border-radius:8px;max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.close-btn:hover{color:#333}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state svg{width:100px;height:100px;margin-bottom:20px;opacity:.5}.loading{text-align:center;padding:40px;color:#667eea}.error{background:#fee;color:#c33}.error,.success{padding:15px;border-radius:5px;margin-bottom:20px}.success{background:#efe;color:#3c3}.app-layout{min-height:100vh}.app-layout,.sidebar{display:flex;background-color:#fff}.sidebar{width:260px;border-right:1px solid #e5e7eb;flex-direction:column;position:fixed;left:0;top:0;height:100vh;z-index:100;box-shadow:2px 0 8px rgba(0,0,0,.04)}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-start;background-color:#fff}.sidebar-nav{flex:1 1;padding:16px 0;overflow-y:auto}.sidebar-item{display:flex;align-items:center;padding:12px 20px;color:#6b7280;text-decoration:none;transition:all .2s;margin:4px 12px;border-radius:8px;font-size:15px}.sidebar-item:hover{background-color:#f3f4f6;color:#111827}.sidebar-item.active{background-color:#eff6ff;color:#2563eb;font-weight:500}.sidebar-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.sidebar-text{flex:1 1}.main-content{flex:1 1;margin-left:260px;min-height:100vh;background-color:#fff}.page-container{padding:32px 40px;max-width:1400px}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;font-weight:600;color:#111827;margin-bottom:8px}.page-header p{font-size:14px;color:#6b7280}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb}.table{width:100%;border-collapse:collapse;margin-top:20px}.table td,.table th{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.table th{font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.table th,.table tr:hover{background-color:#f9fafb}.table tr:last-child td{border-bottom:none}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-right:10px;white-space:nowrap;display:inline-block}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.modal-content{background:#fff;padding:32px;border-radius:12px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.sidebar-footer{padding:16px 0;border-top:1px solid #e5e7eb;margin-top:auto}.logout-btn{width:100%;background:none;border:none;text-align:left;cursor:pointer;color:#dc2626}.logout-btn:hover{background-color:#fef2f2;color:#b91c1c}.logout-btn:disabled{opacity:.6;cursor:not-allowed}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.login-box{background:#fff;border-radius:16px;padding:48px 40px;width:100%;max-width:420px;box-shadow:0 10px 40px rgba(0,0,0,.1)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;font-weight:600;color:#111827;margin:16px 0 8px}.login-header p{font-size:14px;color:#6b7280}.login-form{margin-top:32px}.login-btn{width:100%;padding:14px;font-size:16px;font-weight:500;margin-top:8px}.login-btn:disabled{opacity:.6;cursor:not-allowed}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#fff}.loading-container .loading{font-size:16px;color:#6b7280}select{font-family:inherit}select:hover{border-color:#9ca3af!important}select:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important}@media (max-width:768px){.sidebar{width:240px}.main-content{margin-left:240px}.page-container{padding:24px 20px}.login-box{padding:32px 24px}}