@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-color: #cbd5e1;--border-color-light: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--primary: #2563eb;--primary-glow: rgba(37, 99, 235, .08);--primary-hover: #1d4ed8;--success: #10b981;--success-glow: rgba(16, 185, 129, .08);--error: #ef4444;--error-glow: rgba(239, 68, 68, .08);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .08);--glass-bg: rgba(255, 255, 255, .85);--glass-card-bg: rgba(255, 255, 255, .6);--input-bg: rgba(255, 255, 255, .9);--table-header-bg: rgba(241, 245, 249, .8);--hover-overlay: rgba(37, 99, 235, .03)}.dark-mode{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--border-color: #334155;--border-color-light: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .85);--glass-card-bg: rgba(30, 41, 59, .6);--input-bg: rgba(15, 23, 42, .9);--table-header-bg: rgba(30, 41, 59, .8);--hover-overlay: rgba(255, 255, 255, .05);--primary-glow: rgba(59, 130, 246, .15);--success-glow: rgba(16, 185, 129, .15);--error-glow: rgba(239, 68, 68, .15);--warning-glow: rgba(245, 158, 11, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color-light)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px -10px #0000001a,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 1px 1px #ffffff0d}.glass-card:hover{border-color:var(--primary);transform:translateY(-4px) scale(1.01);background:var(--bg-card);box-shadow:0 20px 30px -10px var(--primary-glow),inset 0 1px 1px #ffffff1a}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow),inset 0 -2px #0000001a,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px var(--primary-glow),inset 0 -2px #0000001a,inset 0 1px #fff3;filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0003}.btn-secondary{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 2px 5px #00000005}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 15px #0000000d}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px 0 var(--success-glow),inset 0 -2px #0000001a}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px -4px var(--success-glow);filter:brightness(1.1)}.btn-disabled{background:var(--bg-card-hover)!important;color:var(--text-muted)!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;border:1px solid var(--border-color)!important}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{font-size:.82rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;font-family:var(--font-sans);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;outline:none;box-shadow:inset 0 1px 2px #00000005}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow),inset 0 1px 2px #00000003;background:var(--bg-card)}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px}.grid-3-2{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:start}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.responsive-flex-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.panel-padded{padding:28px}@media (max-width: 960px){.grid-3-2,.grid-2-1{grid-template-columns:1fr}}@media (max-width: 768px){.grid-2-cols{grid-template-columns:1fr}.panel-padded{padding:20px 16px}.form-input{font-size:16px}.desktop-nav{display:none!important}.mobile-nav-toggle{display:block!important}.mobile-nav-theme-btn{display:inline-flex!important}}@media (max-width: 640px){.form-grid-2{grid-template-columns:1fr;gap:12px}.dashboard-grid{grid-template-columns:1fr;gap:16px}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);box-shadow:0 4px 15px -5px #0000000d;max-width:100%}.data-table{width:100%;min-width:540px;border-collapse:separate;border-spacing:0;text-align:left;font-size:.88rem}.data-table th{background:var(--table-header-bg);padding:14px 16px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:background .2s}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:all .2s ease}.data-table tr:hover td{background:var(--hover-overlay)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-success{background:var(--success-glow);color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-warning{background:var(--warning-glow);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-error{background:var(--error-glow);color:var(--error);border:1px solid rgba(239,68,68,.3)}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;background:var(--bg-card);border-right:1px solid var(--border-color);z-index:100;box-shadow:2px 0 12px #0000000a;transition:transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-brand{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color)}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;align-items:center;justify-content:center;transition:all .2s}.sidebar-close-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.brand-logo{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff;box-shadow:0 4px 10px #3b82f64d}.brand-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.sidebar-menu{flex:1;padding:20px 12px;list-style:none;display:flex;flex-direction:column;gap:4px}.menu-item-link{display:flex;align-items:center;gap:12px;padding:11px 16px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.93rem;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item-link:hover{color:var(--text-primary);background:#2563eb0f}.menu-item-link.active{color:var(--primary);background:var(--primary-glow);box-shadow:none}.sidebar-profile{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-dark)}.profile-info{max-width:150px}.profile-name{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.profile-role{font-size:.75rem;color:var(--text-muted);font-weight:500}.logout-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center}.logout-btn:hover{color:var(--error);background:#ef444414}.mobile-topbar{display:none;height:60px;position:sticky;top:0;z-index:80;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:0 16px;align-items:center;justify-content:space-between}.mobile-menu-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.mobile-menu-btn:hover{background:var(--hover-overlay);border-color:var(--primary)}.sidebar-backdrop{display:none}.main-content{margin-left:260px;padding:36px 40px;min-height:100vh;background:var(--bg-dark);animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;max-width:calc(100vw - 260px);box-sizing:border-box}@media (max-width: 1024px){.sidebar{transform:translate(-100%);z-index:1000;box-shadow:4px 0 24px #0003;width:280px;max-width:85vw}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:999;animation:fadeIn .2s ease-out}.mobile-topbar{display:flex}.main-content{margin-left:0;padding:20px 16px 36px;min-height:calc(100vh - 60px);max-width:100vw}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}