:root{--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--blue:#3b82f6;--blue-dark:#1d4ed8;--blue-light:#dbeafe;--green:#22c55e;--green-dark:#15803d;--amber:#f59e0b;--red:#ef4444;--red-dark:#b91c1c;--sidebar-width:240px;--header-height:60px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--gray-50);color:#1e293b;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0}.app-layout{display:flex;min-height:100vh}.sidebar{background:#0f172a;background:var(--gray-900);bottom:0;color:#cbd5e1;color:var(--gray-300);display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #1e293b;border-bottom:1px solid var(--gray-800);padding:16px 20px}.sidebar-title{color:#fff;font-size:16px;font-weight:700}.sidebar-subtitle{color:#94a3b8;color:var(--gray-400);font-size:11px;margin-top:2px}.sidebar-section{padding:16px 0}.sidebar-section-title{color:#64748b;color:var(--gray-500);font-size:11px;font-weight:600;letter-spacing:.6px;padding:0 20px 8px;text-transform:uppercase}.sidebar-link{align-items:center;border-left:3px solid #0000;color:#cbd5e1;color:var(--gray-300);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 20px;text-decoration:none}.sidebar-link.active,.sidebar-link:hover{background:#1e293b;background:var(--gray-800);color:#fff}.sidebar-link.active{border-left-color:#3b82f6;border-left-color:var(--blue)}.sidebar-footer{border-top:1px solid #1e293b;border-top:1px solid var(--gray-800);font-size:12px;gap:10px;margin-top:auto;padding:12px 20px}.sidebar-footer,.user-avatar{align-items:center;display:flex}.user-avatar{background:#3b82f6;background:var(--blue);border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px}.logout-btn,.user-role{color:#94a3b8;color:var(--gray-400)}.logout-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 6px}.logout-btn:hover{background:#1e293b;background:var(--gray-800);color:#fff}.main{flex:1 1;margin-left:240px;margin-left:var(--sidebar-width);min-height:100vh}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:20px 28px}.page-header h2{color:#0f172a;color:var(--gray-900);font-size:20px;margin:0 0 4px}.page-header p{color:#64748b;color:var(--gray-500);font-size:13px;margin:0}.page-body{padding:24px 28px}.flex-between{flex-wrap:wrap;gap:12px;justify-content:space-between}.flex-between,.flex-row{align-items:center;display:flex}.flex-row{gap:10px}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:10px;box-shadow:0 1px 3px #00000005;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--gray-100);display:flex;gap:10px;justify-content:space-between;padding:14px 20px}.card-title{color:#1e293b;color:var(--gray-800);font-size:14px;font-weight:600}.card-body{padding:20px}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:9px 16px;transition:background .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#3b82f6;background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--blue-dark)}.btn-secondary{background:#fff;border-color:#e2e8f0;border-color:var(--gray-200);color:#334155;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--gray-50)}.btn-danger{background:#ef4444;background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--red-dark)}.btn-sm{font-size:12px;padding:5px 10px}.btn-block{width:100%}.form-group{margin-bottom:14px}.form-label{color:#475569;color:var(--gray-600);display:block;font-size:13px;font-weight:500;margin-bottom:5px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:8px;color:#1e293b;color:var(--gray-800);display:block;font-family:inherit;font-size:14px;padding:9px 12px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f626;outline:none}.badge{border-radius:999px;display:inline-block;font-size:11px;font-weight:600;padding:3px 9px}.badge-gray{background:#f1f5f9;background:var(--gray-100);color:#475569;color:var(--gray-600)}.badge-blue{background:#dbeafe;background:var(--blue-light);color:#1d4ed8;color:var(--blue-dark)}.badge-green{background:#dcfce7;color:#15803d;color:var(--green-dark)}.badge-amber{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#b91c1c;color:var(--red-dark)}.empty-state{color:#94a3b8;color:var(--gray-400);padding:30px;text-align:center}.empty-state>div:first-child{font-size:36px;margin-bottom:8px}.empty-state p{font-size:14px;margin:0}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.loading-spinner.dark{border-color:#e2e8f0;border-color:var(--gray-200);border-top-color:#475569;border-top-color:var(--gray-600)}@keyframes spin{to{transform:rotate(1turn)}}.page-loading{padding:60px}.login-page,.page-loading{align-items:center;display:flex;justify-content:center}.login-page{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:14px;box-shadow:0 20px 50px #0000004d;max-width:380px;padding:32px;width:100%}.login-title{color:#0f172a;color:var(--gray-900);font-size:22px;font-weight:700;margin:0 0 4px;text-align:center}.login-subtitle{color:#64748b;color:var(--gray-500);margin:0 0 24px}.login-error,.login-subtitle{font-size:13px;text-align:center}.login-error{background:#fee2e2;border-radius:6px;color:#b91c1c;color:var(--red-dark);margin-bottom:14px;padding:10px 12px}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobile-menu-toggle{align-items:center;background:#0f172a;background:var(--gray-900);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex!important;font-size:20px;height:40px;justify-content:center;position:fixed;right:12px;top:12px;width:40px;z-index:200}.page-header{padding:16px 64px 16px 20px}.page-body{padding:16px 20px}}.mobile-menu-toggle{display:none}
/*# sourceMappingURL=main.6d28d972.css.map*/