:root{--ink:#282721;--dark:#282720;--bronze:#846736;--gold:#C4A774;--muted:#80786C;--paper:#FFFEFB;--warm:#F6F2EA;--line:#E7DCCD;--soft:#EEE7DB;--success:#568064;--font:"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F9F7F2;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}a:hover{color:var(--bronze)}[hidden]{display:none!important}*:focus-visible{outline:3px solid #B2955F!important;outline-offset:3px}::selection{background:#E7D3AD;color:#24221F}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:20px;z-index:999;background:var(--dark);color:white;padding:15px}.skip:focus{top:14px}
.loading-shell{height:100vh;display:grid;place-content:center;text-align:center;color:var(--bronze)}.loading-star{font:55px var(--serif);animation:turn 5s infinite linear}.loading-shell p{letter-spacing:1.5px;font-size:11px}@keyframes turn{to{transform:rotate(360deg)}}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(330px,47%) 1fr;background:#F8F5F0}.auth-side{background:#292821;color:#FAF5E9;position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,8vw,110px);overflow:hidden}.auth-side:after{content:"";width:410px;height:410px;border:1px solid #BEA57965;border-radius:50%;position:absolute;right:-210px;bottom:-140px;box-shadow:0 0 0 65px #C7A76814,0 0 0 130px #C7A76810;pointer-events:none}
.brand-large{font:29px var(--serif);letter-spacing:5px;position:absolute;left:clamp(35px,8vw,110px);top:46px}.brand-large span{font-size:13px;vertical-align:top;letter-spacing:0;color:var(--gold)}
.auth-caption,.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--bronze)}.auth-caption{color:#C9B48B}.auth-side h1{font:normal clamp(55px,5.6vw,88px)/1.12 var(--serif);letter-spacing:-3px;margin:27px 0}.auth-side h1 em,.auth-card h2 em,.page-intro h1 em{color:#C7AF81;font-style:italic}.auth-side p{font-size:14px;color:#CBC3B6;line-height:1.85;max-width:380px}.auth-stamp{position:absolute;bottom:40px;left:clamp(35px,8vw,110px);font-size:10px;letter-spacing:3px;color:#B6A27C}.auth-stamp span{color:#DCC9A4}
.auth-main{display:flex;justify-content:center;align-items:center;padding:50px 35px}.auth-card{width:min(100%,420px)}.mini-brand{font:31px var(--serif);height:55px;width:55px;border:1px solid var(--gold);color:var(--bronze);border-radius:50%;display:grid;place-items:center;position:relative;margin-bottom:48px}.mini-brand span{font:13px var(--serif);position:absolute;right:6px;top:3px}.auth-card h2{font:normal 51px/1.09 var(--serif);letter-spacing:-2px;margin:17px 0}.auth-card h2 em{color:var(--bronze)}.auth-card>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:29px}.auth-card label,.modal-header+div label{display:block;font-size:11px;font-weight:700;margin:19px 0 10px;color:#4C473D}.auth-card input,.filters input,.filters select,.list-head select,.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:15px 17px;border:1px solid #D9CBB8;border-radius:7px;background:#FFFDF9;color:#2E2B27;outline:none}.auth-card input:focus,.filters input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:var(--bronze);box-shadow:0 0 0 3px #BBA17722}.auth-card form{display:flex;flex-direction:column}.auth-card form .primary{margin-top:30px}.primary{background:var(--dark);border:1px solid #78603A;color:#FFF;padding:14px 19px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;letter-spacing:.2px}.primary:hover{background:#4D4738;color:white}.secondary{border:1px solid #CBBBA0;background:transparent;color:#665539;padding:12px 19px;font-size:12px;font-weight:700}.secondary:hover{background:var(--soft)}.auth-card .small{font-size:12px;text-align:center;margin-top:26px}.auth-card .small a{color:var(--bronze);text-decoration:underline;text-underline-offset:4px}.auth-card .legal{font-size:10px;text-align:center;color:#999184;margin-top:55px}.auth-message,.global-error,.modal-error{padding:12px 15px;margin-top:16px;background:#FFF0E9;border:1px solid #D8A18D;color:#8B402C;font-size:12px;line-height:1.5}
.portal{min-height:100vh;display:flex}.sidebar{flex:0 0 254px;background:var(--dark);color:#EDE9E0;min-height:100vh;position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;padding:33px 21px 25px;z-index:70}.sidebar-brand{font:28px var(--serif);letter-spacing:4px;color:#FFF5E0;display:block}.sidebar-brand span{font-size:11px;vertical-align:top;letter-spacing:0;color:#D2B780}.sidebar-caption{display:block;font-size:7px;letter-spacing:2.1px;color:#BDAD91;margin-top:7px}.workspace-chip{display:flex;align-items:center;gap:12px;color:#E8DFC9;font:12px var(--font);padding:19px 10px;margin:29px 0 22px;border-top:1px solid #5A5141;border-bottom:1px solid #5A5141}.workspace-icon{display:grid;place-items:center;font:24px var(--serif);color:#DBC19B;background:#4F4636;width:38px;height:38px;border-radius:9px}
.nav-caption{font-size:9px;color:#BFA77B;letter-spacing:2px;font-weight:700;padding:7px 10px;margin-bottom:9px}.nav-caption-second{margin-top:27px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav button{background:transparent;border:1px solid transparent;border-radius:7px;color:#CEC9BE;display:flex;align-items:center;gap:13px;text-align:left;padding:12px 15px;font-size:12px}.nav-icon{width:18px;color:#C0A97E;font:18px var(--serif);text-align:center}.side-nav button:hover{background:#403C32;color:white}.side-nav button.active{background:#4E4536;border-color:#675A42;color:#FFF7E8}.sidebar-bottom{margin-top:auto;border-top:1px solid #544E43;padding-top:18px;display:flex;flex-direction:column;gap:18px}.sidebar-bottom a{font-size:10px;color:#C4B79F;padding:5px}.sidebar-bottom button{color:#E9DFC9;background:transparent;border:1px solid #655B49;padding:11px 12px;text-align:left;font-size:11px;display:flex;justify-content:space-between}.sidebar-bottom button:hover{background:#3C372D}
.workarea{flex:1;min-width:0}.topbar{position:sticky;top:0;height:76px;background:#FFFEFBF2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 45px;z-index:30}.topbar-breadcrumb{font-size:10px;color:#B1976D;letter-spacing:1.6px;font-weight:700}.topbar-breadcrumb span{color:#CEBFA8;margin:0 8px}.topbar-breadcrumb strong{color:#555046;font-weight:600}.topbar-right{display:flex;align-items:center;gap:9px;font-size:10px;color:#878075}.live-indicator{height:6px;width:6px;border-radius:50%;background:var(--success)}.profile-chip{margin-left:19px;border-radius:50%;background:#EAE1D2;color:#785D38;border:1px solid #DDCFB8;height:38px;width:38px;font:13px var(--serif)}.menu-toggle{display:none;border:0;background:none;font-size:23px;color:var(--bronze)}
main{padding:55px clamp(20px,4.1vw,78px) 115px;max-width:1510px;margin:auto}.view{display:none}.view.active{display:block}.page-intro,.list-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:38px}.page-intro h1,.list-head h1{font:normal clamp(42px,4.2vw,61px)/1.12 var(--serif);letter-spacing:-2px;margin:18px 0}.page-intro h1 em{font-style:italic;color:var(--bronze)}.page-intro p,.list-head p{max-width:550px;font-size:13px;color:var(--muted);line-height:1.8}.intro-action{margin-bottom:18px;align-self:end}
.summary-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:57px}.metric-card{min-height:216px;background:#FFFDF9;border:1px solid #E7DBCB;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.metric-card.dark{background:#2E2D26;color:#FFFAF0;border-color:#AC8F60}.metric-card>span{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#A18454}.metric-card.dark>span{color:#DCC398}.metric-card>strong{font:normal 71px var(--serif);letter-spacing:-2px}.metric-card>small{font-size:11px;color:#908475}.metric-card.dark>small{color:#CFC5B2}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head h2,.paper-panel h2{font:normal 25px var(--serif);letter-spacing:-.5px}.text-button{color:var(--bronze);border:0;border-bottom:1px solid var(--bronze);padding:5px 0;background:none;font-size:11px;font-weight:700}
.paper-table,.paper-panel,.service-card{background:#FFFEFB;border:1px solid var(--line);box-shadow:0 5px 24px #55432A08}.paper-table{overflow:auto}.paper-table table{border-collapse:collapse;width:100%;text-align:left;min-width:510px}.paper-table th{font-size:10px;letter-spacing:1.4px;color:#9B8868;background:#FBF8F2;text-transform:uppercase;border-bottom:1px solid var(--line);padding:17px 19px}.paper-table td{font-size:12px;padding:18px 19px;border-bottom:1px solid #EEE8DC;color:#5F574A}.paper-table tr:last-child td{border-bottom:0}.paper-table .name{font-weight:700;color:var(--ink)}.paper-table .sub{display:block;font-weight:400;color:#9B9183;font-size:10px;margin-top:5px}.empty{padding:28px;color:var(--muted);font-size:13px;margin:0}.status{font-size:10px;border:1px solid #E8D8B6;background:#FBF0DC;color:#946C34;padding:5px 9px;border-radius:3px;white-space:nowrap}.status.ready,.status.issued{border-color:#D5E5D7;color:#4C7660;background:#EDF6ED}.status.cancelled{color:#A34C3A;background:#FFEFEA;border-color:#E6B8A9}
.filters{display:flex;gap:12px;margin-bottom:20px}.filters input{flex:1;min-width:0;max-width:550px}.filters select{width:auto;min-width:185px}.list-head select{background:#FFF;border:1px solid var(--line);padding:13px 17px;border-radius:4px;color:#716552;font-size:12px}.pagination{display:flex;align-items:center;justify-content:end;gap:20px;margin-top:20px;font-size:11px;color:var(--muted)}.pagination button{background:none;border:1px solid #D4C5AB;padding:10px 13px;font-size:11px;color:var(--bronze)}
.service-grid,.report-grid,.billing-grid,.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-card,.paper-panel{padding:29px}.service-card h2{font:normal 23px var(--serif);margin:0 0 20px}.service-line{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.service-line>span{color:#5A5348}.service-line strong{color:var(--bronze);white-space:nowrap}.paper-panel p{font-size:12px;color:var(--muted);line-height:1.8}.report-value{font:normal 43px var(--serif);margin:12px 0}.report-value-label{font-size:9px;letter-spacing:1.4px;color:#917C59;font-weight:700}.helper{font-size:12px;color:#8A8173;margin-top:20px;max-width:620px;line-height:1.8}.billing-card{background:#2E2D26;color:#fff}.billing-card h2{color:#F9F5E9}.billing-card p{color:#E2D5C1}.billing-card .report-value{color:#DEBF8A}.account-grid dl{margin:0}.account-grid dt{font-size:10px;font-weight:700;color:#9A8665;letter-spacing:1.2px;margin:20px 0 7px}.account-grid dd{font-size:13px;color:#3B362D;margin:0;overflow-wrap:anywhere}.account-link{display:block;font-size:12px;color:var(--bronze);padding:12px 0;border-top:1px solid var(--line)}
dialog{border:1px solid #CBBAA0;background:#FDFBF7;color:var(--ink);padding:0;width:min(94vw,555px);max-height:90vh;box-shadow:0 20px 80px #241E1455}dialog::backdrop{background:#1C1A16A6}#modal-form{padding:32px;max-height:90vh;overflow:auto}.modal-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:21px}.modal-header h2{font:normal 32px var(--serif);margin:9px 0}.close-modal{align-self:start;border:1px solid #D7C9B2;background:transparent;font-size:24px;height:33px;width:33px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px}.form-grid .full{grid-column:span 2}.form-grid label{margin:8px 0 6px!important}.form-grid textarea{min-height:75px;resize:vertical}.form-grid input,.form-grid textarea,.form-grid select{padding:11px 13px;font-size:13px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:27px}.drawer-cover{display:none}
@media(max-width:1200px){.sidebar{flex-basis:218px}.topbar{padding:0 30px}main{padding:46px 34px}.summary-grid{grid-template-columns:repeat(3,1fr)}.metric-card{padding:21px}.metric-card>strong{font-size:58px}}
@media(max-width:930px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-103%);transition:transform .25s;width:256px}.sidebar.open{transform:translateX(0)}.drawer-cover:not([hidden]){display:block;position:fixed;inset:0;background:#171613A6;z-index:60}.menu-toggle{display:block}.topbar{height:68px}.page-intro,.list-head{align-items:start}.summary-grid{gap:11px}.metric-card{min-height:160px}.metric-card>strong{font-size:47px}.auth-shell{grid-template-columns:1fr}.auth-side{display:none}}
@media(max-width:630px){.topbar{padding:0 18px}.topbar-breadcrumb{font-size:9px}.topbar-right{font-size:0}.profile-chip{margin-left:2px;height:35px;width:35px}.live-indicator{display:none}main{padding:32px 18px 90px}.page-intro,.list-head{flex-direction:column;gap:9px;margin-bottom:25px}.page-intro h1,.list-head h1{font-size:46px}.intro-action{align-self:start;margin-bottom:6px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:35px}.metric-card{min-height:137px;padding:19px}.metric-card.dark{grid-column:span 2;min-height:176px}.metric-card>strong{font-size:47px}.metric-card.dark>strong{font-size:61px}.metric-card>span{font-size:8px}.metric-card>small{font-size:10px}.filters{flex-direction:column}.filters input,.filters select{max-width:unset;width:100%}.service-grid,.report-grid,.billing-grid,.account-grid{grid-template-columns:1fr}.paper-panel,.service-card{padding:21px}.auth-main{padding:55px 21px}.auth-card h2{font-size:44px}.mini-brand{margin-bottom:34px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:span 1}.modal-actions{justify-content:stretch}.modal-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.sidebar,.loading-star{animation:none;transition:none}}

.demo-ribbon{position:fixed;z-index:999;top:auto;bottom:0;left:0;right:0;text-align:center;background:#6F5330;color:#fff7e7;padding:11px 9px;font:700 9px Arial, sans-serif;letter-spacing:1.2px;box-shadow:0 -5px 30px #2B241C38;pointer-events:none}