:root{color-scheme:light;--ink:#25221c;--muted:#756e60;--blue:#80601f;--accent:#80601f;--line:#e5dfd2;--surface:#fff;--canvas:#f6f3ec;--radius:18px;--shadow:0 5px 22px #33270c08}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.85 Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 19px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
button:hover,.button:hover{transform:translateY(-1px)}button:active,.button:active{transform:translateY(0)}
.primary{color:#241c0d;background:#e8cb87;border-color:#d8b96e;box-shadow:0 3px 7px #99762b20}.primary:hover{background:#dab96b;box-shadow:0 4px 12px #99762b30}
.secondary{color:#5d5037;border-color:var(--line);background:white}.secondary:hover{background:#faf6ec;border-color:#cdbc97}
.quiet{min-height:36px;padding:5px 12px;font-size:12px;background:#f5efdf;color:var(--accent)}.quiet:hover{background:#eee2c6}
.danger{color:#a34b42;background:#fcf0ed}.danger:hover{background:#f9ded8}
:focus-visible{outline:3px solid #ae8739;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}
.masthead{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(4%,calc((100vw - 1440px)/2));background:#121211;color:#edd28e;border-bottom:3px solid #d7b76d}
.brand{display:flex;align-items:center;gap:13px}.brand strong{font-size:19px;font-weight:700}
.brand-logo{width:50px;height:50px;object-fit:contain;border-radius:10px;background:#000;padding:0;flex-shrink:0}
.account{display:flex;align-items:center;gap:12px;font-size:12px}.account form{margin:0}.account-name{display:flex;align-items:center;gap:9px}
.avatar{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff28;background:#ffffff10;border-radius:50%;color:#edd28e;font-size:14px}
.account .quiet{color:#f5ebd4;background:#ffffff09;border-color:#ffffff25}.account .quiet:hover{background:#ffffff18}
main{width:100%;max-width:1560px;margin-inline:auto;padding:36px 4% 64px}
h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(23px,2.2vw,30px);font-weight:700;letter-spacing:-.7px;line-height:1.7}h2{margin-bottom:0;font-size:16px;font-weight:700}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-heading h1{position:relative;padding-inline-start:17px}
.page-heading h1::before{content:'';position:absolute;inset-inline-start:0;top:25%;height:50%;width:4px;border-radius:3px;background:#c6a35a}
.page-heading p,.muted{color:var(--muted);font-size:12px}
.export-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:24px}.export-actions .button{min-height:39px;padding:7px 14px;font-weight:400;font-size:12px}
.stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:28px}
.stat{position:relative;overflow:hidden;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow)}
.stat>span{display:flex;align-items:center;gap:10px;color:#71634b;font-size:12px}.stat>span .icon{box-sizing:content-box;padding:9px;border-radius:10px;background:#f6efdc;color:var(--accent)}
.stat strong{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:20px;font-size:clamp(24px,2.4vw,34px);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.55}.stat small{font-size:12px;color:var(--muted);font-weight:400}
.main-stat{background:#1b1a17;border-color:#373022;color:#edd28e}.main-stat>span{color:#e8d8b2}.main-stat>span .icon{color:#edd28e;background:#ffffff12}.main-stat small{color:#cebc95}
.tabs{display:flex;gap:5px;padding:6px;margin-bottom:20px;overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#eee9de;scrollbar-width:thin;scrollbar-color:#cdbd9e transparent}
.tabs a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;padding:10px 16px;border-radius:9px;color:#756347;font-size:12px;white-space:nowrap;transition:background .18s,color .18s}.tabs a:hover{background:#ffffff80;color:#1b1a17}.tabs .active{background:#fffaf0;color:var(--accent);font-weight:700;box-shadow:0 2px 5px #33270c12}.tabs .icon{width:17px;height:17px}
.workspace{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.section-heading{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px}.section-heading>span{color:var(--muted);font-size:11px}.workspace>h2{margin:24px 24px 17px;padding-inline-start:12px;border-inline-start:3px solid #d7bc7d}
.table-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#cdbd9e #faf7f0}table{width:100%;border-collapse:collapse;font-size:12px}
th,td{text-align:center;vertical-align:top}
th{background:#f5f0e6;color:#716044;font-size:11px;font-weight:600;padding:14px 19px;border-block:1px solid #e8dfcb;white-space:nowrap}
td{padding:18px 19px;border-bottom:1px solid #eee8dc;white-space:nowrap;transition:background .15s}tbody tr:nth-child(even):not(.total){background:#fcfaf5}tbody tr:hover:not(.total){background:#faf2df}tbody tr:last-child td{border-bottom:0}
.subcell{display:block;color:#7c715f;font-size:11px;margin-top:4px}.number{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}.strong{font-weight:700}
.description{min-width:200px;max-width:320px;white-space:normal;font-size:12px;line-height:1.9;color:#746b5b;overflow-wrap:anywhere}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #e7d7b2;border-radius:7px;background:#faf3e1;color:#80601f;font-size:11px}.warning{color:#946420;background:#fff6e4;border-color:#f2e5c4}.total{font-weight:700;background:#f2e7cb;color:#564018}
.table-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:17px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.table-bottom a{display:inline-block;color:var(--accent);margin-inline:8px;padding:4px 9px;background:#f4ecd8;border-radius:6px}
.empty{text-align:center;height:190px;color:#7c7364;padding:40px 20px;font-size:13px;background:#fff;white-space:normal}.footnote{color:var(--muted);font-size:11px;line-height:1.9;margin:15px 24px}
.form-panel{max-width:900px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:var(--shadow);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.full{grid-column:1/-1}
label{display:block;margin-bottom:8px;font-size:12px;font-weight:600;color:#5e5037}
input,select,textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid #dfd5c1;border-radius:10px;color:var(--ink);background:#fcfaf5;font-size:14px;transition:background .18s,border-color .18s,box-shadow .18s}
input::placeholder,textarea::placeholder{color:#827766;font-weight:400;opacity:1}input:hover,select:hover,textarea:hover{border-color:#c5ac75}input:focus,select:focus,textarea:focus{outline:0;border-color:#ac8538;background:white;box-shadow:0 0 0 3px #ac853820}
input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--accent);vertical-align:middle;margin-inline-end:8px}input[type=file]{padding:9px}input::file-selector-button{border:0;padding:7px 12px;margin-inline-end:14px;border-radius:6px;background:#f0e3c3;color:var(--accent);font:inherit;cursor:pointer}
select{cursor:pointer}textarea{resize:vertical;min-height:112px}.field small{color:var(--muted);font-size:11px}
.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.form-panel .form-actions{border-top:1px solid #eee6d6;padding-top:23px;margin-top:27px}td .form-actions{flex-wrap:nowrap;justify-content:center;gap:6px}td .form-actions form{margin:0}.form-panel .footnote{margin-inline:0}.form-panel form>.primary{margin-top:24px}
.notice{margin:0 0 22px;padding:14px 18px;border:1px solid #e3d3ac;border-inline-start:4px solid #ad883c;border-radius:10px;color:#6c541f;background:#fbf5e5;font-size:13px}.error{color:#953f36;border-color:#efcec8;border-inline-start-color:#c56d60;background:#fff3f0}.notice ul{margin:5px 0;padding-inline-start:20px}
.list-search{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:0 24px 22px}.search-field{position:relative;flex:1;min-width:200px;max-width:520px}.search-field>.icon{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#8b7852;pointer-events:none}.list-search>.field{flex:0 0 180px}.list-search>.field label{height:18px;margin-bottom:6px}.list-search input{min-width:0;min-height:43px;background:#faf7f0;font-size:12px}.list-search .search-field input{padding-inline-start:43px}.list-search>.field input{padding-inline:13px}.list-search button,.list-search .button{min-height:43px;margin-bottom:0}
.guest-page{background:#eee8db}.guest-page main{min-height:calc(100svh - 86px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:44px}.guest-page .notice{width:min(100%,440px)}
.login-card{width:100%;max-width:440px;padding:40px;margin:0 auto;border:1px solid #e0d5bf;border-top:4px solid #d7b76d;border-radius:20px;background:white;box-shadow:0 18px 60px #35280912}.login-card h1{font-size:25px;margin-bottom:27px}.login-card label{margin-top:18px}.login-card input{min-height:49px}.wide{width:100%;margin-top:30px;min-height:48px}
details{padding:10px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin:10px 0 0;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){main{padding-inline:48px}}
@media(max-width:1050px){.stats{gap:12px}.stat{padding:20px}.tabs a{padding:10px 12px}.tabs .icon{display:none}}
@media(max-width:700px){.masthead{min-height:72px;padding:12px 5%;gap:10px}.brand-logo{width:40px;height:40px;border-radius:9px}.brand{gap:9px}.brand strong{font-size:15px}.account{gap:8px}.account-name>span:not(.avatar){display:none}.avatar{width:30px;height:30px}.account .quiet{padding:5px 9px;min-height:34px}main{padding:25px 5% 40px}.page-heading{align-items:center;flex-wrap:wrap;gap:13px;margin-bottom:19px}.page-heading h1{padding-inline-start:12px;font-size:22px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.main-stat{grid-column:1/-1}.stat{padding:18px;border-radius:14px}.stat>span{font-size:11px;gap:8px}.stat>span .icon{display:none}.main-stat>span .icon{display:block}.stat strong{font-size:23px;margin-top:14px;gap:6px}.main-stat strong{font-size:31px}.stat small{font-size:10px}.tabs{margin-inline:-1px;border-radius:11px}.tabs a{padding:9px 12px;font-size:12px}.export-actions{gap:7px;margin-bottom:20px}.export-actions .button{padding:7px 10px;font-size:11px}.section-heading{padding:18px;min-height:67px;flex-wrap:wrap;gap:5px}.section-heading h2{font-size:15px}.workspace{border-radius:14px}.workspace>h2{margin-inline:18px;font-size:14px}th,td{padding:13px 15px}.empty{height:150px}.list-search{padding-inline:18px;gap:8px}.search-field{flex-basis:calc(100% - 100px);min-width:0}.list-search .button{font-size:11px;padding-inline:12px}.table-bottom{padding:15px 18px;font-size:10px}.form-grid{grid-template-columns:1fr;gap:19px}.form-panel{padding:22px;border-radius:14px}input,select,textarea{font-size:16px}.login-card{padding:29px 25px}.guest-page main{min-height:calc(100svh - 72px);padding-block:28px}.footnote{margin-inline:18px}}
@media(max-width:380px){.stats{grid-template-columns:1fr}.account .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Refined, responsive interface; shared by all application pages. */
:root{--ink:#222823;--muted:#71766e;--accent:#80602e;--blue:#80602e;--line:#e6e7df;--canvas:#f5f6f2;--surface:#fff;--radius:20px;--shadow:0 4px 24px #24332205}
body{background:radial-gradient(ellipse at 95% 0,#ece8db 0,transparent 42%),var(--canvas);line-height:1.8}
button,.button{border-radius:12px;min-height:44px;gap:7px;touch-action:manipulation}
.primary{background:#263e33;color:#fff;border-color:#263e33;box-shadow:0 3px 8px #263e3314}
.primary:hover{background:#355442;border-color:#355442;box-shadow:0 5px 14px #263e3320}
.secondary{background:#fff;color:#49534a;border-color:#dde2d9}.secondary:hover{background:#f4f6f0;border-color:#bdc8b8}
.quiet{background:#f1f4ed;color:#465a43}.quiet:hover{background:#e5ecdf}.danger{background:#fcf0ed;color:#a34b42}
.masthead{min-height:80px;background:#1d2923;border-bottom:1px solid #bfa269;padding-block:14px;box-shadow:0 4px 24px #17261d0b}
.brand strong{font-size:18px;letter-spacing:-.5px}.brand-logo{border:1px solid #c5ae7340;border-radius:14px}
.avatar{color:#f2dfb0;border-color:#c8af7145;background:#c8af7112}
main{padding-top:30px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:clamp(21px,2.2vw,29px);letter-spacing:-.8px}.page-heading h1::before{width:3px;background:#b89a58}
.export-actions{gap:8px;margin-bottom:22px}.export-actions .button{min-height:42px;border-radius:10px}
.stats{gap:16px;margin-bottom:24px;grid-template-columns:1.15fr 1fr 1fr}
.stat{padding:23px;border-color:#e4e7df;box-shadow:var(--shadow)}.stat>span{color:#6d7769}.stat>span .icon{background:#f2f4ec;color:#71815f;padding:8px}
.stat strong{font-size:clamp(23px,2.3vw,32px);margin-top:16px;letter-spacing:-.5px}
.main-stat{background:linear-gradient(120deg,#263e33,#344b3c);color:#f5e5bf;border-color:#354f3f}.main-stat>span{color:#dedfcb}.main-stat>span .icon{color:#dfc58c;background:#ffffff0c}.main-stat small{color:#ced4c2}
.tabs{background:#e9ede5;border-color:#e0e6da;gap:4px;padding:5px;border-radius:14px;scrollbar-color:#bdc7b3 transparent}
.tabs a{min-height:44px;color:#65725d;padding:9px 14px}.tabs a:hover{color:#263e33;background:#ffffff70}.tabs .active{background:#fff;color:#263e33;box-shadow:0 2px 7px #263e330c}
.workspace{border-color:#e2e6dc;box-shadow:var(--shadow)}.section-heading{min-height:70px;padding:18px 22px;border-bottom:1px solid #f0f2eb}.section-heading h2{color:#364532}
th{padding:13px 17px;background:#f1f4ec;color:#66715b;border-color:#e6ebdf;font-size:11px}td{padding:16px 17px;border-color:#eef1e9}tbody tr:nth-child(even):not(.total){background:#fafbf8}tbody tr:hover:not(.total){background:#f0f5eb}
.description{color:#697261}.subcell{color:#7c8575}.badge{background:#f4f5eb;border-color:#e4e7d6;color:#6c774e;border-radius:8px;padding:4px 9px}.warning{background:#fff5e3;color:#866221;border-color:#eddfbd}.total{background:#eaf0e2;color:#364d30}
.table-scroll{overscroll-behavior-x:contain;scrollbar-color:#c4cfb9 #f7f9f4}.table-bottom{padding:14px 22px;background:#fcfdfb}.table-bottom a{background:#edf2e7;color:#49633c;min-height:36px;padding:5px 11px}.empty{color:#7b8573}
.form-panel{padding:28px;border-color:#e1e6da;box-shadow:var(--shadow)}.form-grid{gap:22px}.form-grid>.field{min-width:0}label{color:#58674d;font-size:12px}
input,select,textarea{background:#fafbf8;border-color:#dce3d5;border-radius:12px;color:#273325}input::placeholder,textarea::placeholder{color:#8a9383}input:hover,select:hover,textarea:hover{border-color:#b2c0a4}input:focus,select:focus,textarea:focus{border-color:#748c60;box-shadow:0 0 0 3px #748c6018;background:#fff}
:focus-visible{outline-color:#748c60}input[type=checkbox]{accent-color:#36523d}input::file-selector-button{background:#eaf0e1;color:#49613d}.form-panel .form-actions{border-color:#e9eee2}
.notice{background:#f3f6e9;border-color:#dae3c7;border-inline-start-color:#789453;color:#536638;border-radius:12px}.notice.error{background:#fff4f1;border-color:#efcec8;border-inline-start-color:#c56d60;color:#953f36}
.list-search{padding:16px 18px;margin-bottom:20px;background:#fff;border:1px solid var(--line);border-radius:16px;gap:12px;box-shadow:var(--shadow);align-items:flex-end}
.list-search .search-field{min-width:180px;max-width:none;flex:1 1 220px}.list-search .search-field>.icon{color:#7d8b71}
.list-search input{min-height:44px;background:#f8faf5;font-size:14px}.list-search .search-field input{padding-inline-start:41px}
.date-filter-row{display:grid;grid-template-columns:minmax(130px,170px) minmax(130px,170px) auto;align-items:end;gap:10px;min-width:0}
.date-filter-row .field{min-width:0}.date-filter-row label{font-size:11px;line-height:1.6;margin:0 0 6px;height:auto;white-space:nowrap}.date-filter-row input{width:100%;min-width:0;text-align:center;padding:9px 8px;font-variant-numeric:tabular-nums;letter-spacing:.2px}.date-filter-row .primary{white-space:nowrap;min-height:44px;padding:9px 14px}
.list-search>.secondary{min-height:44px;padding:9px 12px;white-space:nowrap;font-size:12px}
.guest-page{background:radial-gradient(ellipse at 25% 20%,#e6eddd,transparent 65%),#f4f5ef}.login-card{border-color:#e0e5d7;border-top:3px solid #b49b64;border-radius:24px;box-shadow:0 20px 70px #2733250d}.login-card h1{color:#31432b}.guest-page .masthead{min-height:76px}
@media(hover:none){button:hover,.button:hover{transform:none}}
@media(max-width:900px){.date-filter-row{grid-template-columns:minmax(115px,1fr) minmax(115px,1fr) auto;flex:1 1 390px}.list-search .search-field{flex-basis:100%}.stats{gap:12px}}
@media(max-width:700px){
 .masthead{min-height:68px;padding:11px 16px;gap:10px}.brand{gap:9px}.brand-logo{width:38px;height:38px;border-radius:11px}.brand strong{font-size:14px}.account{gap:7px}.account .quiet{min-height:40px;padding:7px 10px}.avatar{width:29px;height:29px}
 main{padding:21px 14px 36px}.page-heading{gap:10px;margin-bottom:16px}.page-heading h1{font-size:21px;padding-inline-start:12px}.page-heading>.button{font-size:12px;min-height:42px;padding:8px 12px}
 .export-actions{gap:6px;margin-bottom:18px}.export-actions .button{font-size:11px;min-height:40px;padding:7px 10px;gap:5px}.export-actions .icon{width:16px;height:16px}
 .stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:18px}.main-stat{grid-column:1/-1}.stat{padding:16px;border-radius:16px;min-width:0}.stat strong{font-size:clamp(18px,5vw,25px);margin-top:11px;gap:5px;overflow-wrap:anywhere}.main-stat strong{font-size:28px}.stat>span{font-size:10px;gap:6px}.stat small{font-size:10px}
 .tabs{margin-bottom:14px;border-radius:12px}.tabs a{font-size:11px;padding:8px 11px;min-height:42px}.workspace{border-radius:16px}.section-heading{min-height:60px;padding:15px}.section-heading h2{font-size:14px}th,td{padding:12px 13px}.table-bottom{padding:12px 15px}
 .list-search{padding:12px;margin-bottom:16px;gap:10px;border-radius:15px}.list-search .search-field{flex:1 1 100%;min-width:0}.list-search .search-field input{font-size:16px;min-height:44px}
 .date-filter-row{width:100%;flex:1 1 100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px}.date-filter-row label{font-size:10px;margin-bottom:5px}.date-filter-row input{font-size:16px;letter-spacing:-.5px;min-height:42px;padding:8px 3px;border-radius:9px}.date-filter-row .primary{font-size:11px;padding:8px 10px;min-height:42px;border-radius:9px;gap:0}.list-search>.secondary{min-height:36px;padding:5px 10px;font-size:11px;margin-inline-start:auto}
 .form-panel{padding:20px 16px;border-radius:16px}.form-grid{gap:18px;grid-template-columns:1fr}.form-panel input,.form-panel select,.form-panel textarea{font-size:16px}.form-actions{gap:8px}.notice{padding:12px 14px;font-size:12px}.login-card{padding:30px 22px}.guest-page main{padding-inline:20px}.footnote{font-size:11px;margin-inline:15px}
}
@media(max-width:360px){.date-filter-row{gap:5px}.date-filter-row .primary{font-size:10px;padding-inline:7px}.date-filter-row input{letter-spacing:-.8px}.brand strong{font-size:13px}.page-heading h1{font-size:19px}.stat strong{font-size:18px}.main-stat strong{font-size:26px}}

/* Original black and gold palette; retain the responsive layout above. */
:root{--ink:#25221c;--muted:#756e60;--blue:#80601f;--accent:#80601f;--line:#e5dfd2;--surface:#fff;--canvas:#f6f3ec;--shadow:0 5px 22px #33270c08}
body{background:var(--canvas)}
.primary{color:#241c0d;background:#e8cb87;border-color:#d8b96e;box-shadow:0 3px 7px #99762b20}.primary:hover{background:#dab96b;border-color:#d8b96e;box-shadow:0 4px 12px #99762b30}
.secondary{color:#5d5037;border-color:var(--line);background:#fff}.secondary:hover{background:#faf6ec;border-color:#cdbc97}
.quiet{background:#f5efdf;color:var(--accent)}.quiet:hover{background:#eee2c6}.danger{color:#a34b42;background:#fcf0ed}.danger:hover{background:#f9ded8}
.masthead{background:#121211;color:#edd28e;border-bottom-color:#d7b76d;box-shadow:0 4px 24px #33270c0b}.brand-logo{border-color:#d7b76d40}
.avatar{border-color:#ffffff28;background:#ffffff10;color:#edd28e}.page-heading h1::before{background:#c6a35a}
.stat{border-color:var(--line)}.stat>span{color:#71634b}.stat>span .icon{background:#f6efdc;color:var(--accent)}
.main-stat{background:#1b1a17;border-color:#373022;color:#edd28e}.main-stat>span{color:#e8d8b2}.main-stat>span .icon{color:#edd28e;background:#ffffff12}.main-stat small{color:#cebc95}
.tabs{background:#eee9de;border-color:var(--line);scrollbar-color:#cdbd9e transparent}.tabs a{color:#756347}.tabs a:hover{background:#ffffff80;color:#1b1a17}.tabs .active{background:#fffaf0;color:var(--accent);box-shadow:0 2px 5px #33270c12}
.workspace{border-color:var(--line)}.section-heading{border-bottom-color:#eee8dc}.section-heading h2{color:var(--ink)}
th{background:#f5f0e6;color:#716044;border-color:#e8dfcb}td{border-color:#eee8dc}tbody tr:nth-child(even):not(.total){background:#fcfaf5}tbody tr:hover:not(.total){background:#faf2df}
.description{color:#746b5b}.subcell{color:#7c715f}.badge{border-color:#e7d7b2;background:#faf3e1;color:#80601f}.warning{color:#946420;background:#fff6e4;border-color:#f2e5c4}.total{background:#f2e7cb;color:#564018}
.table-scroll{scrollbar-color:#cdbd9e #faf7f0}.table-bottom{background:#fff}.table-bottom a{color:var(--accent);background:#f4ecd8}.empty{color:#7c7364}
.form-panel{border-color:var(--line)}label{color:#5e5037}input,select,textarea{border-color:#dfd5c1;color:var(--ink);background:#fcfaf5}input::placeholder,textarea::placeholder{color:#827766}input:hover,select:hover,textarea:hover{border-color:#c5ac75}input:focus,select:focus,textarea:focus{border-color:#ac8538;background:#fff;box-shadow:0 0 0 3px #ac853820}
:focus-visible{outline-color:#ae8739}input[type=checkbox]{accent-color:var(--accent)}input::file-selector-button{background:#f0e3c3;color:var(--accent)}.form-panel .form-actions{border-color:#eee6d6}
.notice{border-color:#e3d3ac;border-inline-start-color:#ad883c;color:#6c541f;background:#fbf5e5}.notice.error{color:#953f36;border-color:#efcec8;border-inline-start-color:#c56d60;background:#fff3f0}
.list-search{background:#fff;border-color:var(--line)}.list-search .search-field>.icon{color:#8b7852}.list-search input{background:#faf7f0}.list-search input:focus{background:#fff}
.guest-page{background:#eee8db}.login-card{border-color:#e0d5bf;border-top-color:#d7b76d;box-shadow:0 18px 60px #35280912}.login-card h1{color:var(--ink)}
.source-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.source-account-stats .stat strong{font-size:clamp(20px,2.2vw,30px)}.source-voided{opacity:.65}.source-example{margin-top:24px;line-height:2}.source-account-stats .main-stat{grid-column:auto}
.source-account-filter-panel{overflow-x:auto}
.source-account-filter{display:flex;align-items:flex-end;gap:14px;flex-wrap:nowrap}
.source-account-filter>.field{flex:1 0 180px}
.source-account-filter>.form-actions{flex:0 0 auto;flex-wrap:nowrap;border:0;padding:0;margin:0}
.source-account-filter .button,.source-account-filter button{min-height:47px;white-space:nowrap}
@media(max-width:700px){.source-account-stats{grid-template-columns:1fr}.source-account-stats .stat{min-width:0}}

.owner-report-section{margin-bottom:24px}.owner-unassigned{padding:0 20px 16px}.owner-unassigned>summary{padding:12px 0}

.date-filter-row.building-date-filters{grid-template-columns:minmax(170px,1.3fr) repeat(2,minmax(140px,1fr)) auto;gap:12px;flex:2 1 620px}
.unit-deposit-table td.number{vertical-align:middle;padding-block:18px}
.unit-deposit-table .subcell{display:block;width:fit-content;margin-top:8px;padding:4px 9px;border:1px solid #e6dcc7;border-radius:6px;background:#faf7f0;color:#756347;font-size:11px;font-weight:400;line-height:1.8;white-space:normal}
.unit-deposit-table .total .subcell{background:#fffaf0}
.comparison-table .comparison-subtotal td{background:#faf7f0;font-weight:600;border-top:1px solid #d9c9a7}.comparison-table .total td{font-weight:700}.comparison-table td{padding-block:14px}
.owner-report-section>summary{padding:18px 20px;font-weight:700;cursor:pointer}
.owner-report-section>.source-account-filter{margin:0 20px 18px;gap:12px}
.owner-report-section>.footnote{padding:0 20px 16px;line-height:1.9}
@media(max-width:700px){.owner-report-section>.source-account-filter{flex-wrap:wrap}.owner-report-section>.source-account-filter>.field{flex:1 1 100%}.unit-deposit-table .subcell{font-size:10px}}
.building-date-filters input,.building-date-filters select,.building-date-filters .primary{height:44px;min-height:44px;box-sizing:border-box}
.building-date-filters select{width:100%;min-width:0;padding:9px 12px;background:#faf7f0;font-size:14px}
.building-date-filters label{font-size:12px}
@media(max-width:700px){
 .date-filter-row.building-date-filters{width:100%;flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .building-date-filters>.field:first-child{grid-column:1/-1}
 .building-date-filters>.primary{grid-column:1/-1;width:100%;font-size:13px}
 .building-date-filters input{font-size:13px;letter-spacing:0}
}

/* Building accounts: a quiet, consistent workspace for ledgers and reports. */
.building-page{--ink:#292b28;--muted:#7a7c75;--line:#e7e7df;--accent:#80602e;background:#f5f5f1}
.building-page main{max-width:1600px;padding-top:32px}
.building-page .page-heading{align-items:center;margin-bottom:28px;gap:24px}
.building-page .page-heading h1{padding:0;font-size:27px;letter-spacing:-.8px;color:#292b28;line-height:1.7}
.building-page .page-heading h1::before{display:none}
.building-breadcrumb{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;color:#7f7c70;font-size:11px}
.building-breadcrumb::before{content:'‹';font:18px/1 Arial;transform:rotate(180deg)}
.building-breadcrumb:hover{color:#80602e;text-decoration:underline;text-underline-offset:4px}
.building-page .page-heading .building-intro{margin:6px 0 0;font-size:12px;color:#7a7c75;line-height:1.9}
.building-page .button,.building-page button{border-radius:9px;font-size:12px;min-height:42px;padding:9px 15px;box-shadow:none}
.building-page .primary{background:#343c32;border-color:#343c32;color:#fff}
.building-page .primary:hover{background:#454e3e;border-color:#454e3e}
.building-page .secondary{border-color:#dedfd5;background:#fff;color:#56594e}
.building-page .secondary:hover{background:#f7f7f0;border-color:#b9bda9}
.building-page .tabs{background:transparent;border:0;border-bottom:1px solid #dedfd6;border-radius:0;gap:20px;padding:0;margin-bottom:26px;overflow-x:auto}
.building-page .tabs a{position:relative;flex:0 0 auto;min-height:54px;padding:10px 6px 15px;border-radius:0;font-size:12px;color:#818477;gap:9px;background:transparent;box-shadow:none}
.building-page .tabs a:hover{background:transparent;color:#494f3b}
.building-page .tabs .active{color:#635029;font-weight:700}
.building-page .tabs .active::after{content:'';position:absolute;inset-inline:0;bottom:0;height:3px;background:#a88c52;border-radius:3px 3px 0 0}
.building-page .tabs .icon{display:block;width:18px;height:18px;opacity:.85}
.building-page .workspace{border-color:#e3e4dc;border-radius:14px;box-shadow:0 3px 16px #292b2803}
.building-page .section-heading{padding:21px 24px;min-height:78px;border-bottom:1px solid #eceee6;gap:16px}
.building-page .section-heading h2{font-size:14px;color:#3d4335;line-height:1.8}
.building-caption{display:block;color:#707568;font-size:11px;line-height:1.8;margin-top:4px}
.building-page .export-actions{margin:0;gap:7px;flex-shrink:0}
.building-page .export-actions .button{padding:6px 11px;min-height:35px;font-size:11px;background:#fff;border-color:#e1e3d9;color:#727565}
.building-page .export-actions .icon{width:15px;height:15px}
.building-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:-6px 0 20px}
.building-report-toolbar .building-caption{margin:0}
.building-page .building-ledger>.list-search{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(520px,2fr) auto;align-items:end;gap:12px;margin:0;padding:19px 24px;background:#fcfcf9;border:0;border-bottom:1px solid #e9ebe2;border-radius:0;box-shadow:none}
.building-page .building-ledger>.list-search:not(:has(>a)){grid-template-columns:minmax(180px,.9fr) minmax(520px,2fr)}
.building-page .building-ledger .search-field{min-width:0;width:100%;max-width:none}
.building-page .date-filter-row.building-date-filters{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(2,minmax(120px,1fr)) auto;gap:10px;min-width:0}
.building-page label{font-size:11px;color:#747868;font-weight:400;margin-bottom:7px}
.building-page input,.building-page select,.building-page textarea{border:1px solid #dedfd3;background:#fff;border-radius:8px;color:#383d31;font-size:13px;box-shadow:none}
.building-page input:hover,.building-page select:hover,.building-page textarea:hover{border-color:#b6bca3}
.building-page input:focus,.building-page select:focus,.building-page textarea:focus{border-color:#a18b59;box-shadow:0 0 0 3px #a18b5912}
.building-page .list-search input,.building-page .list-search select{height:42px;min-height:42px;font-size:12px}
.building-page .list-search button,.building-page .list-search .button{height:42px;min-height:42px;padding-inline:13px;white-space:nowrap}
.building-page .building-date-filters label{font-size:11px}
.building-page .list-search .search-field>.icon{color:#969b88;width:17px;height:17px}
.building-page .table-scroll{scrollbar-color:#c9cbbd #f8f9f4}
.building-page table{font-size:12px}
.building-page th{padding:14px 18px;color:#6e7561;background:#f6f7f1;border-color:#e9ebe2;font-size:11px;font-weight:400}
.building-page td{padding:19px 18px;vertical-align:middle;border-color:#eef0e8;color:#535849;line-height:1.85}
.building-page tbody tr:nth-child(even):not(.total){background:#fdfdfa}
.building-page tbody tr:hover:not(.total){background:#f7f8ef}
.building-page td.number{font-size:13px;font-family:Tahoma,Arial,sans-serif;letter-spacing:.1px;color:#363e2e}
.building-page td.strong,.building-page .building-owner strong{font-weight:600;color:#3a4131}
.building-page .building-name{color:#6f735e}
.building-page .subcell{color:#777e6b;font-size:11px;margin-top:5px;line-height:1.8}
.building-page .flow-label{display:flex;align-items:center;gap:5px;justify-content:center;color:#848977}
.building-page .flow-label::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.building-page .flow-in{color:#55764e}.building-page .flow-out{color:#956d3c}.building-page .flow-void{color:#77796d}
.building-page .badge{background:#f5f5ed;border-color:#e6e8dc;color:#6c735a;padding:3px 8px;font-size:11px;border-radius:5px}
.building-page td.description{min-width:180px;max-width:280px;color:#707660;font-size:12px;line-height:2;text-align:start}
.building-page td .quiet{min-height:34px;padding:4px 9px;background:#f3f5ed;color:#63704f;border:1px solid #e5e9db;border-radius:6px;font-size:11px}
.building-page td .danger{background:transparent;border-color:transparent;color:#b89786}
.building-page td .danger:hover{background:#fcf1ea;border-color:#f0ddd0;color:#a6755e}
.building-page .source-voided td{text-decoration-color:#c2c3b9;color:#a0a392}
.building-page .table-bottom{padding:15px 23px;background:#fcfcf9;border-color:#e9ebe1;color:#959987}
.building-page .table-bottom a{background:#f0f2e8;color:#7b8369;border:1px solid #e4e7d9;border-radius:6px}
.building-page .owner-report-section{margin-bottom:20px}
.building-page .total,.building-page .total th,.building-page .total td{background:#edf0e3;color:#526044;border-color:#dce3cc;font-weight:600}
.building-page .comparison-subtotal td{background:#f4f5ec;border-color:#dfe4d3;color:#778064;font-size:11px}
.building-page .unit-deposit-table .subcell{background:#f8f9f2;border-color:#e5e8d8;border-radius:5px;color:#879170;padding:3px 7px;font-size:10px}
.building-page .owner-report-section>summary{display:flex;align-items:center;gap:12px;padding:20px 24px;font-size:13px;color:#59624a;list-style:none}
.building-page .owner-report-section>summary::-webkit-details-marker{display:none}
.building-page .owner-report-section>summary::before{content:'+';display:grid;place-items:center;width:24px;height:24px;border:1px solid #e0e4d4;border-radius:6px;background:#f5f7ee;color:#8b9676;font-size:16px;font-weight:400;flex-shrink:0}
.building-page .owner-report-section[open]>summary{border-bottom:1px solid #eceee3;margin-bottom:18px}
.building-page .owner-report-section[open]>summary::before{content:'−'}
.building-page .source-account-filter{gap:14px;flex-wrap:wrap}
.building-page .source-account-filter>.field{flex:1 1 180px;min-width:0}
.building-page .source-account-filter>.form-actions{margin:0;padding:0;border:0}
.building-page .owner-report-section>.source-account-filter{margin:0 24px 20px;padding:0}
.building-page .source-account-filter select,.building-page .source-account-filter button{height:42px;min-height:42px}
.building-page .form-panel{border-radius:14px;border-color:#e3e5d9;box-shadow:none;max-width:1040px;padding:26px}
.building-page .form-grid{gap:22px 26px}
.building-page .form-grid>.field[hidden]{display:none}
.building-page .form-panel .form-actions{margin-top:26px;padding-top:22px;border-color:#e8ebde}
.building-page .form-panel.owner-report-section{max-width:none;padding:18px 24px;background:#fcfcf9}
.building-page .footnote{color:#727b61;font-size:11px;line-height:2;padding:0;margin:14px 24px 18px}
.building-page .owner-report-section>.footnote{padding:0;margin:14px 24px 18px}
.building-page .empty{color:#969d87;height:155px;font-size:12px}
@media(min-width:1400px){.building-page main{padding-inline:48px}}
@media(max-width:1100px){
 .building-page .building-ledger>.list-search,.building-page .building-ledger>.list-search:not(:has(>a)){grid-template-columns:1fr auto;gap:14px}
 .building-page .building-ledger>.list-search>.search-field{grid-column:1/-1}
 .building-page .building-ledger>.list-search:not(:has(>a))>.date-filter-row{grid-column:1/-1}
 .building-page .tabs{gap:14px}
}
@media(max-width:700px){
 .building-page main{padding:22px 16px 40px}
 .building-page .page-heading{align-items:flex-start;gap:18px;margin-bottom:18px}
 .building-page .page-heading h1{font-size:23px}
 .building-page .page-heading .building-intro{font-size:11px}
 .building-page .page-heading>.form-actions{width:100%;gap:8px}
 .building-page .page-heading>.form-actions .button{flex:1}
 .building-page .tabs{gap:17px;margin-bottom:22px}
 .building-page .tabs a{font-size:11px;min-height:49px;padding-bottom:13px;gap:6px}
 .building-page .tabs .icon{width:16px;height:16px}
 .building-page .section-heading{padding:17px;align-items:flex-start}
 .building-page .section-heading>.export-actions{width:100%;margin-top:8px}
 .building-page .building-ledger>.list-search,.building-page .building-ledger>.list-search:not(:has(>a)){display:flex;flex-wrap:wrap;padding:16px;gap:12px}
 .building-page .building-ledger>.list-search>.search-field{flex:1 1 100%}
 .building-page .date-filter-row.building-date-filters{width:100%;flex:1 1 100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .building-page .building-date-filters>.field:first-child{grid-column:1/-1}
 .building-page .building-date-filters>.primary{grid-column:1/-1;width:100%}
 .building-page .list-search>.secondary{width:100%}
 .building-report-toolbar{flex-wrap:wrap;gap:12px}
 .building-report-toolbar>.export-actions{margin-inline-start:auto}
 .building-page td{padding:15px 13px}.building-page th{padding:12px 13px}
 .building-page .table-bottom{padding:13px 16px;font-size:10px;gap:8px}
 .building-page .owner-report-section>summary{padding:17px;font-size:12px}
 .building-page .owner-report-section>.source-account-filter{margin-inline:17px}
 .building-page .source-account-filter>.field{flex-basis:100%}
 .building-page .source-account-filter>.form-actions,.building-page .source-account-filter button{width:100%}
 .building-page .form-panel{padding:20px 17px}
 .building-page .form-grid{gap:18px}
 .building-page .form-grid input,.building-page .form-grid select,.building-page .form-grid textarea{font-size:16px}
 .building-page .footnote,.building-page .owner-report-section>.footnote{margin-inline:17px}
 .building-page .building-caption{font-size:10px}
}
