:root{--bg:#070c11;--surface:#111a23;--surface2:#18232d;--line:#34404a;--gold:#d8af65;--goldhi:#f0cc88;--text:#f3f0e8;--muted:#aab4be;--green:#88deb3;--red:#f1a0a0;--blue:#9ac8e9;--radius:18px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 85% 4%,rgba(164,120,47,.11),transparent 36%),linear-gradient(#0b1119,#080e15);font:15px/1.62 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}
[hidden]{display:none!important}button,input,select,textarea{font:inherit}a{color:var(--goldhi);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:3px solid var(--goldhi);outline-offset:3px}.skip{position:absolute;left:-9999px;top:10px;padding:10px;background:#fff;color:#000}.skip:focus{left:15px;z-index:999}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px max(24px,calc((100vw - 1280px)/2));background:#090d12;border-bottom:1px solid #29313a}
.brand{display:flex;align-items:center;gap:11px;color:var(--text)}.brand img{object-fit:contain}.brand strong{display:block;letter-spacing:.12em;font-size:19px;line-height:1.15}.brand i{font-style:normal;color:var(--goldhi)}.brand small{display:block;color:var(--gold);font-size:8px;letter-spacing:.15em}.topbar nav{display:flex;gap:25px}.topbar nav a{color:#d4d2cf;font-size:13px;font-weight:650}.secure-note{font-size:10px;font-weight:800;color:var(--gold);letter-spacing:.11em;white-space:nowrap}.secure-note span{font-size:17px}
.workspace{width:min(1340px,calc(100% - 42px));margin:0 auto;min-height:calc(100vh - 194px);padding:56px 0 80px}
.intro{max-width:850px;margin:0 0 38px}.intro h1{font-size:clamp(40px,5.7vw,74px);letter-spacing:-.06em;line-height:1.09;margin:10px 0 18px}.intro h1 em{font-style:normal;color:var(--gold)}.intro>p:last-child{max-width:740px;color:var(--muted);font-size:17px;margin:0}
.overline{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px}
.auth-card{max-width:640px;border:1px solid rgba(216,175,101,.34);border-radius:22px;background:linear-gradient(145deg,#16212b,#101820);padding:34px 38px 42px;box-shadow:0 20px 65px rgba(0,0,0,.18)}
.card-icon{display:inline-grid;place-items:center;width:47px;height:47px;border:1px solid #76613c;background:#302c21;border-radius:13px;color:var(--goldhi);font-size:26px;margin-bottom:20px}
.auth-card h2{font-size:clamp(25px,3.5vw,34px);line-height:1.18;letter-spacing:-.045em;margin:0 0 12px}.auth-card>p:not(.overline):not(.status){color:var(--muted);line-height:1.72}
label{display:block;font-size:13px;color:#dbd7cd;font-weight:700;margin:0 0 7px}
input,textarea,select{display:block;background:#0a121a;color:var(--text);border:1px solid #45505c;border-radius:11px;padding:12px 14px;min-height:49px;width:100%;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,175,101,.14)}textarea{min-height:110px;resize:vertical}input::placeholder,textarea::placeholder{color:#8995a4}
form{margin:24px 0 8px}form input,form select,form textarea{margin-bottom:17px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border:1px solid rgba(216,175,101,.55);padding:11px 18px;border-radius:11px;font-size:13px;font-weight:820;text-decoration:none;line-height:1.35;letter-spacing:.02em}
.btn:hover{text-decoration:none;filter:brightness(1.07)}.btn-gold{background:linear-gradient(125deg,#af863b,#f1d08d 50%,#bd9450);color:#1b160e;border:none}.btn-outline{background:transparent;color:var(--goldhi)}.btn-full{width:100%}
.auth-card form .btn{width:100%;margin-top:7px}.hint,.small{font-size:12px;color:var(--muted)}.status{font-size:13px;color:var(--goldhi);line-height:1.5;min-height:15px;margin:15px 0 0}.status.error{color:var(--red)}.status.success{color:var(--green)}.text-button{color:var(--gold);background:none;border:0;text-decoration:underline;padding:7px 0;margin-top:10px}
.qr-wrap{display:flex;justify-content:center;padding:16px}.qr-wrap img{max-width:220px;background:#fff;padding:10px;border-radius:12px}.secret-display{padding:12px;background:#0a1117;border:1px solid #536272;border-radius:8px;overflow-wrap:anywhere;font-size:13px;color:#f1d4a2}
.loading-mark{display:block;width:35px;height:35px;border:3px solid #48545c;border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}
.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #303846;padding:25px max(24px,calc((100vw - 1280px)/2));font-size:12px;color:#a4a8ae}
.dash-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;min-height:580px}
.sidebar{background:linear-gradient(170deg,#151d26,#0e151c);border:1px solid #34414c;border-radius:19px;padding:23px;display:flex;flex-direction:column}
.sidebar-heading h2{font-size:26px;letter-spacing:-.04em;margin:0}.sidebar-heading .small{overflow-wrap:anywhere;margin:5px 0}.role-pill{display:inline-block;color:var(--green);border:1px solid #426455;background:#152c23;padding:4px 11px;border-radius:25px;margin:12px 0 23px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.portal-nav{display:grid;gap:7px}.portal-nav button{border:1px solid transparent;color:#c8d1d6;padding:12px 11px;text-align:left;background:none;border-radius:10px;font-weight:650;font-size:13px}
.portal-nav button:hover,.portal-nav button.active{color:var(--goldhi);border-color:#69583c;background:#24251f}
.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom p{font-size:12px;color:#9cabb3;margin:19px 0 0}
.dashboard-main{min-width:0;padding:8px 0}.dashboard-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-topline span{color:var(--muted);font-size:12px}
.dashboard-title{display:flex;justify-content:space-between;align-items:start;gap:15px;margin:6px 0 25px}
.dashboard-title h2{font-size:clamp(27px,3.1vw,39px);letter-spacing:-.045em;line-height:1.1;margin:0 0 8px}.dashboard-title p{color:var(--muted);margin:0;font-size:14px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(177px,1fr));gap:15px;margin-bottom:25px}
.stat-card,.panel{border:1px solid #36434e;background:linear-gradient(148deg,#16212c,#121b24);border-radius:16px;padding:21px}
.stat-card .number{font-size:33px;font-weight:850;letter-spacing:-.04em;line-height:1.15;color:var(--goldhi);margin:9px 0 0}
.stat-card .label{font-size:11px;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;font-weight:750}
.panel{margin-bottom:18px}.panel h3{font-size:20px;letter-spacing:-.025em;margin:0 0 15px}.panel .subtitle{color:var(--muted);font-size:13px;margin:-4px 0 19px}.muted{color:var(--muted)}.empty{border:1px dashed #495563;background:rgba(10,20,27,.65);padding:21px;border-radius:11px;color:#b4bec9;font-size:14px}
.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.record-list{display:grid;gap:10px}.record{border:1px solid #3a4955;border-radius:13px;background:#0d161e;padding:14px 16px;display:flex;align-items:start;justify-content:space-between;gap:18px}.record h4{margin:0 0 5px;font-size:14px}.record .detail{font-size:12px;color:var(--muted);margin:0 0 3px;overflow-wrap:anywhere}.status-pill{border:1px solid #63583f;border-radius:30px;color:#f3d290;padding:4px 9px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-pill.closed{border-color:#456458;color:var(--green)}.record-actions{display:grid;gap:8px;min-width:150px}.record-actions select{font-size:12px;padding:7px;min-height:38px;margin:0}.record-actions button{min-height:37px}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px}
.panel form{margin:0}.panel form button{margin-top:3px}.notice{border-left:3px solid var(--gold);padding:10px 15px;background:#212720;font-size:13px;color:#d1cbbf;margin:12px 0}
@media(max-width:1040px){.dash-layout{grid-template-columns:220px minmax(0,1fr);gap:19px}.topbar{padding-inline:25px}}
@media(max-width:760px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center;gap:15px}.secure-note{margin-left:auto}.workspace{width:calc(100% - 28px);padding:34px 0 55px}.intro{margin-bottom:27px}.intro>p:last-child{font-size:15px}.auth-card{padding:27px 19px}.dash-layout{grid-template-columns:1fr}.sidebar{display:block;padding:16px}.sidebar-heading .small{font-size:11px}.portal-nav{display:flex;overflow-x:auto;scrollbar-width:thin;margin:8px 0 15px}.portal-nav button{white-space:nowrap}.sidebar-bottom{display:flex;align-items:center;gap:18px}.sidebar-bottom .btn{max-width:170px}.sidebar-bottom p{margin:0}.dashboard-title{align-items:center}.dashboard-title .btn{padding:8px}.cols2{grid-template-columns:1fr}.inline-fields{grid-template-columns:1fr}.record{flex-direction:column}.record-actions{width:100%;display:flex;align-items:center;flex-wrap:wrap}.record-actions select{flex:1;min-width:130px}.footer{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}