:root{--sidebar-width:250px;--sidebar-bg:#1a1d23;--sidebar-text:#a8b0c0;--sidebar-active:#4f96ff;--topbar-height:60px;--primary:#4f96ff}body{background:#f0f2f5;font-family:Segoe UI,system-ui,sans-serif}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:1000;min-height:100vh;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:.5rem;padding:1.25rem 1rem;font-size:1.15rem;font-weight:700;display:flex}.sidebar-brand i{color:var(--sidebar-active);font-size:1.4rem}.sidebar-nav{padding:1rem 0}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.7rem}.sidebar .nav-link{color:var(--sidebar-text);border-radius:0;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.875rem;transition:all .2s;display:flex}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;border-left:3px solid var(--sidebar-active);background:#4f96ff26}.sidebar .nav-link i{width:1.2rem;font-size:1rem}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);z-index:999;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.page-content{flex:1;padding:1.5rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-value{color:#1a1d23;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.data-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.data-card-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.data-card-header h5{margin:0;font-size:1rem;font-weight:600}.table th{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem}.table td{vertical-align:middle;font-size:.875rem}.badge-status{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:.3em .65em;font-size:.7rem;font-weight:600}.login-page{background:linear-gradient(135deg,#1a1d23 0%,#2d3348 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.login-page-auth{background:radial-gradient(circle at 0 0,#2f80ed47,#0000 34%),radial-gradient(circle at 85% 15%,#00d2c92e,#0000 26%),linear-gradient(135deg,#0b1220 0%,#11192c 45%,#151d31 100%);padding:32px;position:relative;overflow:hidden}.login-page-auth:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 92%);mask-image:linear-gradient(#000000b3,#0000 92%)}.login-page-auth:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0d 50%,#0000 100%);animation:10s ease-in-out infinite login-sheen;position:absolute;inset:0;transform:translate(-120%)}.login-shell{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(360px,420px);align-items:center;gap:28px;width:min(1120px,100%);display:grid;position:relative}.login-hero{color:#f5f7fb;padding:28px 18px;animation:.9s ease-out both login-rise}.login-mark{align-items:center;gap:14px;margin-bottom:26px;display:flex}.login-mark-icon{background:linear-gradient(135deg,#1f6feb,#4f8cff);border-radius:16px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 16px 40px #1f6feb59}.login-mark-icon i{color:#fff;font-size:1.55rem}.login-brand{letter-spacing:.02em;font-size:1.15rem;font-weight:800}.login-tagline{color:#f5f7fbad;font-size:.82rem}.login-headline{letter-spacing:-.04em;text-wrap:balance;max-width:11ch;margin:0 0 18px;font-size:clamp(2.4rem,4vw,4.35rem);line-height:.95}.login-copy{color:#ebf1ffbd;max-width:54ch;margin-bottom:24px;font-size:1.02rem;line-height:1.7}.login-badges{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.login-badge{color:#eef4ff;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.55rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.login-badge-accent{background:#1f6feb38;border-color:#4f8cff66}.login-art{grid-template-columns:minmax(0,1fr) 144px;align-items:stretch;gap:16px;display:grid}.login-art-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#ffffff1a,#ffffff0a);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 24px 70px #00000059}.login-art-card-large{min-height:180px;padding:22px;position:relative;overflow:hidden}.login-art-card-large:after{content:"";background:radial-gradient(circle,#4f8cff73,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;inset:auto -20% -48% auto}.login-art-kicker{text-transform:uppercase;letter-spacing:.16em;color:#ebf1ffb8;margin-bottom:14px;font-size:.75rem}.login-art-title{max-width:16ch;margin-bottom:20px;font-size:1.35rem;font-weight:800;line-height:1.25}.login-art-stats{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.login-art-stats div{background:#080d185c;border:1px solid #ffffff14;border-radius:16px;padding:12px 10px}.login-art-stats strong{margin-bottom:4px;font-size:1rem;display:block}.login-art-stats span{color:#ebf1ffa3;font-size:.76rem;display:block}.login-art-card-mini{color:#f6f8fc;letter-spacing:.03em;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;font-weight:700;animation:5.5s ease-in-out infinite login-float;display:flex}.login-art-card-mini i{color:#7dd3fc;font-size:1.75rem}.login-card-auth{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:50%;background:#fffffff0;border:1px solid #ffffff29;max-width:none;animation:.82s cubic-bezier(.2,.8,.2,1) both login-pop;box-shadow:0 28px 80px #050c1b66}.login-card-icon{color:#fff;background:linear-gradient(135deg,#1f6feb,#54a3ff);border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 14px;display:grid;box-shadow:0 16px 38px #1f6feb47}.login-card-icon i{font-size:1.6rem}.login-alert{color:#b02a37;background:#dc354514;border:0}.login-input-group .form-control,.login-input-group .input-group-text{border-color:#d7deea}.login-input-group .form-control:focus{box-shadow:none;border-color:#4f8cff}.login-submit{background:linear-gradient(135deg,#1f6feb,#3d8bff 56%,#59b0ff);border:0;border-radius:14px;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 18px 36px #1f6feb47}.login-submit:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 22px 40px #1f6feb57}.login-submit:disabled{opacity:.8}.login-orb{filter:blur(10px);pointer-events:none;border-radius:50%;position:absolute}.login-orb-1{background:#4f8cff2e;width:220px;height:220px;animation:14s ease-in-out infinite alternate login-drift;top:8%;left:6%}.login-orb-2{background:#00d2c91f;width:260px;height:260px;animation:18s ease-in-out infinite alternate-reverse login-drift;bottom:8%;right:10%}.login-grid{opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 42%,#0000 82%);mask-image:radial-gradient(circle,#000 42%,#0000 82%)}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes login-pop{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes login-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-14px)scale(1.07)}}@keyframes login-sheen{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}.main-wrapper{margin-left:0}.login-page-auth{padding:20px}.login-shell{grid-template-columns:1fr;gap:18px}.login-hero{padding:14px 4px}.login-headline{max-width:none}.login-art{grid-template-columns:1fr}.login-art-card-mini{min-height:92px}.login-card-auth{padding:1.6rem}}