.sidebar{background:#0a1020;border-right:1px solid var(--line);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:800;font-size:20px;margin-bottom:var(--spacing-sm);padding:0}.brand .brand-text{padding:var(--spacing-sm)}.brand .admin{margin-left:auto;background:#16a34a22;border:1px solid #22c55e55;padding:4px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:#22c55e}.side-item{padding:10px 12px;border-radius:var(--radius-md);color:#cbd5e1;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-normal);font-size:var(--text-base);font-weight:500}.side-item:hover{background:#111b34;color:var(--text)}.side-item.active{background:#111b34;color:var(--text);font-weight:600}@media(max-width:768px){.sidebar{display:none}}.logoContainer{display:flex;align-items:center;justify-content:center}.logoBox{background-color:#84c217;width:50px!important;height:50px!important;border-radius:8px!important;display:flex;justify-content:center;align-items:center}.badge{padding:6px 10px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;border:1px solid var(--line);background:#16233f;display:inline-flex;align-items:center;white-space:nowrap;transition:all var(--transition-fast)}.badge.success{background:var(--badge-success-bg);border-color:var(--badge-success-border);color:var(--badge-success-text)}.badge.warn{background:var(--badge-warn-bg);border-color:var(--badge-warn-border);color:var(--badge-warn-text)}.badge.danger{background:var(--badge-danger-bg);border-color:var(--badge-danger-border);color:var(--badge-danger-text)}.badge.badge-sm{padding:4px 8px;font-size:var(--text-xs)}.badge.badge-lg{padding:8px 12px;font-size:var(--text-base)}.btn{background:#14213a;border:1px solid var(--line);color:var(--text);padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:600;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit;white-space:nowrap}.btn:hover:not(:disabled){border-color:#fff3;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.primary:hover:not(:disabled){background:#96d91e}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.danger:hover:not(:disabled){background:#f15b5b}.btn.btn-sm{padding:6px 10px;font-size:var(--text-sm)}.btn.btn-lg{padding:12px 18px;font-size:var(--text-lg)}.topbar{display:flex;gap:var(--spacing-md);align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);background:#020617a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:#1f2937;display:flex;align-items:center;justify-content:center;font-weight:700;border:1px solid var(--line);flex-shrink:0;font-size:var(--text-sm)}.container{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.content{display:flex;flex-direction:column;min-height:100vh}.main{padding:20px;flex:1}.card{background:#0f172a;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.container,.form-grid{grid-template-columns:1fr}}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:var(--text-base);font-weight:600;color:var(--text)}input,select,textarea{width:100%;background:#0b1328;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);padding:10px 12px;font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input::placeholder{color:#64748b}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--danger)!important}.error-message{color:var(--danger);font-size:var(--text-sm);margin-top:-2px}.text-danger{color:var(--danger)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px;padding-right:40px}.logoContainerLogin{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}.logoBoxLogin{background-color:#84c217;width:100px;height:100px;border-radius:20px;display:flex;justify-content:center;align-items:center}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)}.modal{width:100%;max-width:560px;background:#0f172a;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal);z-index:var(--z-modal)}.modal-content{margin-top:var(--spacing-lg)}.modal h3{margin:0;font-size:var(--text-2xl)}@media(max-width:768px){.modal{max-width:100%;max-height:95vh}}.create-user-modal .form-section{padding:var(--spacing-lg);background:#84c2161a;border:1px solid rgba(132,194,22,.3);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.create-user-modal .form-section h4{margin:0 0 var(--spacing-md) 0;font-size:var(--text-base);font-weight:600}.create-user-modal .error-alert{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--danger);margin-bottom:var(--spacing-lg);font-size:var(--text-base)}.create-user-modal .success-alert{padding:var(--spacing-md);background:#84c2161a;border:1px solid rgba(132,194,22,.3);border-radius:var(--radius-sm);color:var(--accent);margin-bottom:var(--spacing-lg);font-size:var(--text-base)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stat{background:#0c142b;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--spacing-md)}.progress{height:16px;background:#0b1328;border:1px solid var(--line);border-radius:var(--radius-full);overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#22c55e,#60a5fa);transition:width var(--transition-slow)}@media(max-width:768px){.stats{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-weight:600;font-size:var(--text-sm)}tbody tr:last-child td{border-bottom:none}td{font-size:var(--text-base)}.list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-normal);cursor:pointer}.item:hover{background:#0e1a35}:root{--bg: #0E1F2F;--panel: #14263A;--card: #1C2F45;--line: rgba(255, 255, 255, .08);--text: #FFFFFF;--muted: #94a3b8;--accent: #84C216;--warn: #F5C542;--danger: #E94E4E;--info: #60a5fa;--badge-success-bg: #052e1e;--badge-success-border: #1dd69a55;--badge-success-text: #1dd69a;--badge-warn-bg: #2f2205;--badge-warn-border: #f59e0b55;--badge-warn-text: #f59e0b;--badge-danger-bg: #3b0b0b;--badge-danger-border: #ef444455;--badge-danger-text: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 100}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.muted{color:var(--muted)}.mt-auto{margin-top:auto}.w-full{width:100%}.flex-1{flex:1}.row{display:flex;align-items:center;gap:var(--spacing-md)}.row-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid;gap:var(--spacing-md)}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-slow)}.slide-in{animation:slideIn var(--transition-slow)}.slide-up{animation:slideUp var(--transition-slow)}@media(max-width:768px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}