@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.8624a701.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.8e66b869.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.f6ed4c33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.1bbdebe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_b12fdfaf-module__MnhKkq__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}
:root{--color-primary:#080f1e;--color-primary-mid:#0f1a30;--color-primary-light:#1a2840;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-accent-muted:#2563eb1a;--color-bg:#f9fafb;--color-bg-card:#fff;--color-bg-alt:#f1f5f9;--color-border:#e2e8f0;--color-text:#5a6a7e;--color-heading:#1a2840;--container-width:1200px;--radius:10px;--radius-sm:6px;--radius-pill:100px;--ease-out-expo:cubic-bezier(.16,1,.3,1);--transition:.2s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}a{color:inherit;transition:var(--transition);text-decoration:none}h1,h2,h3,h4{color:var(--color-heading);letter-spacing:0;font-weight:700;line-height:1.2}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition),transform .15s ease,border-color var(--transition);letter-spacing:.01em;border:2px solid #0000;justify-content:center;align-items:center;padding:.6875rem 1.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.w-full{width:100%}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:0 1px 3px #2563eb40,0 4px 12px #2563eb1f}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 2px 6px #2563eb59,0 8px 20px #2563eb2e}.form-group{margin-bottom:1.125rem}.form-label{color:var(--color-heading);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.form-input{background-color:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-heading);transition:border-color var(--transition),box-shadow var(--transition),background-color var(--transition);appearance:none;padding:.6875rem .875rem;font-size:1rem}.form-input:focus{border-color:var(--color-accent);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb14}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-6{margin-bottom:1.5rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.dashboard-card{background-color:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);transition:transform .2s ease,box-shadow var(--transition);padding:1.75rem;box-shadow:0 1px 4px #0000000a}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{color:var(--color-heading);font-size:1.125rem;font-weight:700}.status-badge{border-radius:var(--radius-pill);letter-spacing:.02em;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-success{color:#166534;background-color:#22c55e1a}.status-warning{color:#854d0e;background-color:#eab3081a}.status-neutral{background-color:var(--color-bg-alt);color:var(--color-text)}.activity-feed{background-color:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 4px #0000000a}.activity-item{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{background-color:var(--color-bg-alt);width:32px;height:32px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-icon.system{background-color:var(--color-accent-muted);color:var(--color-accent)}.activity-content h4{margin-bottom:.25rem;font-size:.9375rem}.activity-content p{color:var(--color-text);margin-bottom:0;font-size:.8125rem}.activity-time{color:#94a3b8;white-space:nowrap;margin-left:auto;font-size:.75rem}
.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:padding var(--transition),box-shadow var(--transition);background-color:#fffffff5;padding:1rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:.75rem 0;box-shadow:0 4px 20px #0000000f}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo-text{color:var(--color-heading);letter-spacing:-.01em;font-size:1.375rem;font-weight:800;line-height:1}.logo-text .accent{color:var(--color-accent)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--color-text);padding:.25rem 0;font-size:.9375rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--color-accent);transform-origin:0;height:2px;transition:transform .25s var(--ease-out-expo);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.menu-toggle{cursor:pointer;z-index:101;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:20px;padding:0;display:none}.menu-toggle .bar{background-color:var(--color-heading);border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .3s}.mobile-menu{background-color:var(--color-bg);z-index:99;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:fixed;inset:0;transform:translateY(-8px)}.mobile-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-link{color:var(--color-heading);padding:.5rem 1rem;font-size:1.5rem;font-weight:700;transition:color .2s}.mobile-link:hover,.mobile-link:active{color:var(--color-accent)}.mobile-menu .btn{min-width:220px;margin-top:1rem}footer{background-color:var(--color-primary-light);color:#fff6;border-top:1px solid #ffffff0f;margin-top:auto;padding:2rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-logo .logo-text{color:#fff;font-size:1.25rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{transition:color var(--transition);font-size:.8125rem}.footer-links a:hover{color:#ffffffbf}.footer-copy{font-size:.8125rem}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.75rem}@media (max-width:900px){.nav-links{display:none}.menu-toggle{display:flex}.footer-content{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@media (max-width:640px){.container{padding:0 1.25rem}.footer-content{gap:1rem}.footer-links{flex-direction:column;align-items:center;gap:.75rem}.mobile-link{font-size:1.25rem}.mobile-menu{gap:1.5rem}}