:root{--bg:#0b1220;--bg-2:#0f172a;--bg-3:#0b1220;--paper:#fff;--muted:#6b7280;--primary:#2563eb;--primary-light:#e7f0fe;--danger:#ef4444;--border:#e5e7eb;--radius-lg:1rem;--shadow-sm:0 1px 2px 0 #0000000d}*{box-sizing:border-box}html,body{height:100%}body{color:#111827;background:#f8f9fa;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.btn{border:1px solid var(--border);background:#fff;border-radius:.6rem;padding:.6rem .9rem;display:inline-block}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.h1{margin:.2rem 0 .4rem;font-size:1.25rem}.h2{margin:0 0 .6rem;font-size:1.05rem}.muted{color:var(--muted);margin:0 0 1rem}.app{min-height:100dvh;display:flex}.sidebar{background:linear-gradient(180deg, var(--bg), var(--bg-3));color:#e5e7eb;width:260px;padding:1rem .8rem;position:relative}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.logo{align-items:center;gap:.6rem;font-weight:600;display:flex}.logo svg{color:#60a5fa}.logo-text{white-space:nowrap}.nav{flex-direction:column;gap:.2rem;display:flex}.nav-link{color:#e5e7eb;border-radius:.5rem;padding:.6rem .7rem}.nav-link:hover{background:#ffffff14}.sidebar-footer{color:#9ca3af;padding:0 .8rem;font-size:.85rem;position:absolute;bottom:1rem;left:0;right:0}.sidebar-close{color:#cbd5e1;background:0 0;border:0;font-size:1.4rem;line-height:1;display:none}.main{flex-direction:column;flex:1;display:flex}.topbar{background:var(--bg-2);color:#e5e7eb;z-index:5;justify-content:space-between;align-items:center;height:56px;padding:0 1rem;display:flex;position:sticky;top:0}.hamburger{cursor:pointer;background:0 0;border:0;width:36px;height:28px;padding:0;display:none}.hamburger span{background:#e5e7eb;border-radius:2px;height:2px;margin:6px 0;display:block}.topbar-title{font-weight:600}.topbar-actions{align-items:center;gap:.5rem;display:flex}.content{max-width:1100px;padding:1rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.card{background:var(--paper);border:1px solid var(--border);border-radius:.9rem;padding:1rem}.kpi{flex-direction:column;gap:.25rem;display:flex}.kpi-title{color:var(--muted);font-size:.9rem}.kpi-value{font-size:1.6rem;font-weight:700}.kpi-note{color:var(--muted);font-size:.85rem}.kpi.danger .kpi-value{color:var(--danger)}.quick-actions{flex-wrap:wrap;gap:.6rem;display:flex}@media (max-width:1024px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.sidebar{z-index:20;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close,.hamburger{display:inline-block}.app{display:block}.main{padding-left:0}.cards{grid-template-columns:1fr}}.backdrop{z-index:10;background:#00000040;display:none;position:fixed;inset:0}.sidebar.open~.backdrop{display:block}.form{gap:1rem;max-width:820px;display:grid}.form-row{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;display:grid}.form-field{grid-column:span 12}@media (min-width:768px){.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}}.label{color:var(--muted);margin:0 0 .35rem;font-size:.9rem;display:block}.input,.select,.textarea{border:1px solid var(--border);background:#fff;border-radius:.6rem;width:100%;padding:.6rem .7rem}.textarea{resize:vertical;min-height:120px}.help{color:var(--muted);margin-top:.35rem;font-size:.8rem}.form-actions{flex-wrap:wrap;gap:.6rem;display:flex}.login-screen{background:#020617;place-items:center;min-height:100dvh;padding:2rem 1rem;display:grid;position:relative;overflow:hidden}.login-hero{z-index:0;background:radial-gradient(circle at 0 0,#2563eb26 0%,#0000 40%),radial-gradient(circle at 100% 100%,#4f46e526 0%,#0000 40%),radial-gradient(circle,#0f172a 0%,#020617 100%);position:absolute;inset:0}.login-hero:before{content:"";opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);color:#f8fafc;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2rem;width:100%;max-width:440px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff0d}.login-brand{justify-content:center;margin-bottom:2rem;display:flex}.login-brand img{filter:drop-shadow(0 0 8px #ffffff1a);max-width:100%;height:auto}.login-title{text-align:center;letter-spacing:-.025em;background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.login-sub{text-align:center;color:#94a3b8;margin:.5rem 0 2rem;font-size:.95rem}.login-form{gap:1.25rem;display:grid}.login-field{background:#0003;border:1px solid #ffffff1a;border-radius:1rem;grid-template-columns:20px 1fr;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:grid}.login-field:focus-within{background:#0000004d;border-color:#2563eb80;box-shadow:0 0 0 4px #2563eb1a}.login-icon{color:#64748b;place-items:center;transition:color .2s;display:grid}.login-field:focus-within .login-icon{color:#60a5fa}.login-field input{color:#f8fafc;background:0 0;border:0;outline:none;width:100%;font-size:1rem}.login-field input::placeholder{color:#475569}.login-row{justify-content:space-between;align-items:center;gap:.6rem;margin:.25rem 0;display:flex}.login-remember{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.login-remember input{accent-color:#3b82f6;width:1rem;height:1rem}.login-forgot{color:#3b82f6;font-size:.875rem;font-weight:500;transition:color .2s}.login-forgot:hover{color:#60a5fa;text-decoration:none}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:1rem;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 10px 15px -3px #2563eb4d}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#2563eb);transform:translateY(-1px);box-shadow:0 20px 25px -5px #2563eb66}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.login-card{border-radius:1.5rem;padding:2rem 1.5rem}.login-title{font-size:1.25rem}}.bottom-nav{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffd9;border:1px solid #fff6;border-radius:20px;justify-content:space-around;align-items:center;width:calc(100% - 2rem);max-width:400px;height:64px;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}.bottom-nav-item{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:flex}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{justify-content:center;align-items:center;display:flex}.bottom-nav-label{font-size:.75rem;font-weight:500}@media (min-width:769px){.bottom-nav{display:none}}@media (max-width:768px){body{padding-bottom:100px!important}}