:root{--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--bg:#29333f;--bg-deep:#101115;--surface:rgba(21,19,44,0.8);--surface-strong:#15132c;--surface-alt:#25262a;--surface-soft:#1c242f;--line:rgba(104,104,111,0.42);--ink:#f4f4f4;--muted:#b7b7b7;--muted-strong:#d6d4d9;--accent:#b8099c;--accent-soft:rgba(184,9,156,0.16);--success:#84cc6d;--info:#5ac8fa;--warning:#ffcc00;--danger:#c63636;--input:#313237;--shadow:0 24px 80px rgba(0,0,0,0.34);--radius-xl:32px;--radius-lg:24px;--radius-md:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(184,9,156,.2),transparent 28%),radial-gradient(circle at top right,rgba(90,200,250,.14),transparent 24%),linear-gradient(180deg,#29333f,#101115)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.52),transparent 80%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-shell,.shell{min-height:100vh}.login-shell{padding:24px}.login-card{position:relative;display:grid;min-height:calc(100vh - 48px);grid-template-columns:3fr 1fr;border:1px solid rgba(104,104,111,.34);border-radius:40px;overflow:hidden;background:rgba(16,17,21,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.login-hero{position:relative;background:linear-gradient(135deg,rgba(16,17,21,.46),rgba(21,19,44,.8)),url(/login-hero.svg) 50%/cover no-repeat;color:white;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.hero-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:10px 14px;border-radius:999px;letter-spacing:.08em;font-size:.74rem;text-transform:uppercase;color:var(--muted-strong);background:rgba(28,36,47,.72);border:1px solid rgba(104,104,111,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-title{max-width:12ch;margin:16px 0 0;font-size:clamp(3rem,6vw,5.6rem);line-height:.95}.hero-copy{max-width:40rem;color:rgba(214,212,217,.82);font-size:1.02rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.hero-metric{padding:20px;border-radius:24px;background:rgba(28,36,47,.62);border:1px solid rgba(104,104,111,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-metric strong{display:block;font-size:1.65rem;margin-bottom:6px}.login-panel{display:flex;align-items:center;padding:32px}.login-form-card,.metric-card,.overview-card,.panel,.table-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(21,19,44,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(0,0,0,.22)}.login-form-card{width:100%;padding:28px}.login-form-card h1{margin:14px 0 10px;font-size:2rem;line-height:1}.login-form-card p{margin:0 0 24px;color:var(--muted)}.field{display:grid;grid-gap:10px;gap:10px;margin-bottom:18px}.field label{font-size:.9rem;font-weight:600;color:var(--muted-strong)}.field input,.search-input{width:100%;border:1px solid #68686f;background:var(--input);color:var(--ink);border-radius:16px;padding:14px 16px;outline:none;transition:border-color .2s ease,transform .2s ease}.field input::placeholder,.search-input::placeholder{color:#e8e8e8}.field input:focus,.search-input:focus{border-color:var(--accent);transform:translateY(-1px)}.btn,.ghost-btn,.pagination-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;border:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover,.ghost-btn:hover,.pagination-btn:hover{transform:translateY(-1px)}.btn{width:100%;padding:14px 18px;background:linear-gradient(135deg,#b8099c,#8d077a);color:white;font-weight:700;box-shadow:0 12px 24px rgba(184,9,156,.28)}.ghost-btn,.pagination-btn{padding:11px 16px;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line)}.error-text,.helper-text{font-size:.92rem;margin-top:12px}.error-text{color:var(--danger)}.helper-text{color:var(--muted)}.app-shell{display:grid;height:100vh;grid-template-columns:280px minmax(0,1fr);grid-gap:20px;gap:20px;padding:20px;overflow:hidden}.sidebar{display:flex;flex-direction:column;padding:22px;height:calc(100vh - 40px);min-height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#15132c,#b8099c);color:white;font-weight:700}.brand h1{margin:0;font-size:1.1rem}.brand p,.muted,.nav-link span,.panel-subtitle{color:var(--muted)}.nav{display:grid;grid-gap:8px;gap:8px;min-height:0;overflow:auto;padding-right:6px}.content-scroll::-webkit-scrollbar,.nav::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}.content-scroll::-webkit-scrollbar-thumb,.nav::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:rgba(104,104,111,.55);border-radius:999px}.nav-link{padding:14px 16px;border-radius:18px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease}.nav-link.active{background:linear-gradient(135deg,rgba(184,9,156,.22),rgba(184,9,156,.06));border-color:rgba(184,9,156,.28)}.nav-link strong{display:block;margin-bottom:4px;font-size:.98rem}.sidebar-footer{margin-top:auto;padding-top:24px}.content{display:grid;min-height:0;overflow:hidden}.content-scroll{min-height:0;overflow:auto;padding-right:6px}.dashboard-page{display:grid;grid-gap:20px;gap:20px;min-height:100%}.resource-page{grid-template-rows:auto minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 26px}.section-title,.topbar h2{margin:0;font-size:1.9rem}.metrics-grid,.overview-grid{display:grid;grid-gap:18px;gap:18px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.overview-card{padding:24px}.metric-card strong,.overview-card strong{display:block;margin-top:12px;font-size:2.4rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid rgba(104,104,111,.24);font-size:.82rem;font-weight:700;text-transform:capitalize;background:rgba(28,36,47,.78)}.badge.success{color:var(--success);background:rgba(132,204,109,.14)}.badge.accent{color:#f4a1e7;background:var(--accent-soft)}.table-card{overflow:hidden}.resource-table-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--line)}.table-toolbar h3{margin:0 0 6px;font-size:1.3rem}.table-wrap{overflow-x:auto;overflow-y:auto;min-height:0}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:16px 20px;text-align:left;border-bottom:1px solid rgba(104,104,111,.2);vertical-align:middle}.data-table th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.data-table tbody tr:hover{background:rgba(37,38,42,.5)}.data-table tr:last-child td{border-bottom:none}.cell-title{font-weight:700}.cell-subtitle{color:var(--muted);font-size:.92rem;margin-top:3px}.shimmer-block{position:relative;display:inline-block;overflow:hidden;background:rgba(104,104,111,.28);border-radius:999px}.shimmer-block:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(244,244,244,.18),transparent);animation:shimmer 1.5s infinite}.shimmer-badge{width:156px;height:36px}.shimmer-value{width:96px;height:38px;margin-top:12px;border-radius:14px}.shimmer-table-cell{width:72%;height:16px;border-radius:10px}.shimmer-table-primary{width:62%;height:16px;border-radius:10px}.shimmer-table-secondary{display:block;width:46%;height:12px;margin-top:8px;border-radius:10px}@keyframes shimmer{to{transform:translateX(100%)}}.pagination{justify-content:space-between;gap:12px;padding:20px 24px;border-top:1px solid var(--line)}.pagination,.pagination-group{display:flex;align-items:center}.pagination-group{gap:10px}@media (max-width:1180px){.app-shell,.login-card{grid-template-columns:1fr}.app-shell{height:auto;overflow:visible}.sidebar{position:static;height:auto}.content,.content-scroll,.dashboard-page,.nav,.resource-page,.resource-table-card,.table-wrap{overflow:visible}.hero-metrics,.metrics-grid,.overview-grid{grid-template-columns:1fr}}@media (max-width:720px){.app-shell,.login-shell{padding:14px}.login-card{min-height:auto}.login-hero,.login-panel,.pagination,.table-toolbar,.topbar{padding:20px}.pagination,.table-toolbar,.topbar{flex-direction:column;align-items:flex-start}}