*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;min-height:100vh}.sidebar{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;min-width:250px;transition:transform .25s ease;width:250px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #2a2a3e;display:flex;justify-content:center;padding:20px;position:relative}.sidebar-logo{height:auto;max-width:180px}.sidebar-close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;display:none;padding:4px;position:absolute;right:12px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-overlay{display:none}.nav-item{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;padding:12px 20px;text-decoration:none;transition:all .15s}.nav-item:hover{background:#2a2a3e;color:#fff}.nav-item.active{background:#2a2a3e;border-left:3px solid #60a5fa;color:#60a5fa}.nav-item svg{flex-shrink:0;margin-right:12px}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.top-nav{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.hamburger-btn{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:none;padding:6px}.hamburger-btn:hover{background:#f3f4f6}.top-nav-title{color:#1a1a2e;display:none;font-size:16px;font-weight:600}.user-menu{align-items:center;display:flex;gap:12px}.user-info{color:#6b7280;font-size:14px}.logout-btn{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background .15s}.logout-btn:hover{background:#dc2626}.page-content{flex:1 1;overflow-y:auto;padding:24px}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-logo{margin-bottom:20px;text-align:center}.login-logo img{height:auto;max-width:220px}.login-box h1{color:#1a1a2e;font-size:24px;margin-bottom:8px}.login-box p{color:#6b7280;font-size:14px;margin-bottom:28px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:15px;padding:12px;transition:border-color .15s;width:100%}.form-group input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa26;outline:none}.login-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .15s;width:100%}.login-btn:hover{background:#5568d3}.login-btn:disabled{background:#9ca3af;cursor:not-allowed}.error-message{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.page-header{margin-bottom:24px}.page-header h2{color:#1a1a2e;font-size:26px;margin-bottom:4px}.page-header p{color:#6b7280;font-size:14px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:20px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card h3{color:#6b7280;font-size:13px;font-weight:500;margin-bottom:6px}.stat-card .value{color:#1a1a2e;font-size:28px;font-weight:700;line-height:1.2}.stat-card .subtext{color:#9ca3af;font-size:12px;margin-top:4px}.table-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden}.table-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 20px}.table-header,.table-header h3{align-items:center;display:flex}.table-header h3{color:#1a1a2e;font-size:16px}table{border-collapse:collapse;width:100%}thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}th{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:14px 16px}tr:hover{background:#f9fafb}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:9px 18px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:#60a5fa;color:#fff}.btn-primary:hover{background:#3b82f6}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-info{background:#06b6d4;color:#fff}.btn-info:hover{background:#0891b2}.btn-sm{font-size:12px;padding:4px 10px}.toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:10000}.toast{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;max-width:400px;padding:12px 20px}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.badge-success{background:#d1fae5;color:#065f46}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.loading{align-items:center;display:flex;font-size:15px;justify-content:center}.empty-state,.loading{color:#6b7280;padding:60px 20px}.empty-state{text-align:center}.empty-state h3{color:#374151;font-size:18px;margin-bottom:6px}.empty-state p{font-size:14px;margin-bottom:16px}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close-btn{display:block}.sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:99}.hamburger-btn{display:flex}.top-nav-title{display:block}.hide-mobile{display:none}.page-content{padding:16px}.top-nav{padding:10px 16px}.page-header h2{font-size:22px}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:16px}.stat-card .value{font-size:24px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}td,th{font-size:13px;padding:10px 12px}.login-box{padding:28px 24px}.btn{font-size:13px;padding:8px 14px}}@media (max-width:480px){.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card .value{font-size:22px}.stat-card h3{font-size:12px}.top-nav{padding:8px 12px}.page-content{padding:12px}}@media print{.sidebar,.top-nav{display:none}.main-content{margin:0}.page-content{padding:0}}
/*# sourceMappingURL=main.16470722.css.map*/