:root{--bg:#090a0b;--panel:#131517;--panel2:#191b1d;--line:#333332;--gold:#e4bd70;--fg:#eeeae1;--muted:#a09e97;--green:#a6d6a9;--red:#e6a0a0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.brand,button{font-family:'Space Grotesk',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.muted{color:var(--muted)}.tiny{font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);font-weight:700}.brand{font-weight:700;letter-spacing:.05em}.disclosure{font-size:12px;color:#b7a77f;border:1px solid #574a33;background:#201b13;padding:11px 16px;border-radius:8px;line-height:1.6}.gold{color:var(--gold)}.btn{background:linear-gradient(120deg,#ffe0a2,#c59548);border:0;color:#15110a;font-weight:700;border-radius:9px;padding:13px 21px}.btn-secondary{background:#242424;color:#eee5d2;border:1px solid #514637}.btn:hover{filter:brightness(1.09)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 25%,#322716,#090a0b 52%)}.login-shell{width:min(455px,100%)}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:37px;font-size:19px}.login-logo img{height:45px;width:45px;border-radius:50%;object-fit:cover}.login-card{background:#151514;border:1px solid #564326;padding:37px;border-radius:15px;box-shadow:0 20px 90px #0008}.login-card h1{margin:9px 0;font-size:31px;letter-spacing:-.055em}.login-card p{line-height:1.65}.form-group{margin-top:22px}.form-group label{display:block;font-size:12px;color:#d4caba;margin-bottom:9px;font-weight:700}.form-group input{width:100%;background:#0c0c0c;border:1px solid #484039;color:#f4eede;border-radius:8px;padding:14px;font-size:15px}.login-submit{width:100%;margin:25px 0 16px}.error{color:#ffb7a7;font-size:13px;min-height:20px}.login-back{display:block;text-align:center;color:#a6a198;font-size:12px;margin-top:25px}.fine{text-align:center;color:#75736e;font-size:11px;margin-top:16px}.dashboard{display:none;min-height:100vh}.dashboard.on{display:block}.login-page.off{display:none}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#121314;border-bottom:1px solid #37312a;padding:15px clamp(18px,4vw,55px)}.top .brand{display:flex;align-items:center;gap:10px}.top img{width:33px;height:33px;border-radius:50%}.top-actions{display:flex;align-items:center;gap:13px;font-size:12px}.top-actions button{background:none;color:#eee;border:1px solid #504537;border-radius:6px;padding:9px 12px}.layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100vh - 70px)}aside{background:#101112;border-right:1px solid #33302a;padding:28px 13px}.aside-title{padding:0 14px 16px}.tab{width:100%;text-align:left;background:none;border:0;color:#b2aca1;padding:13px;border-radius:9px;font-size:13px;display:flex;justify-content:space-between;gap:8px}.tab:hover,.tab.active{background:#252219;color:#f6d9a1}.content{max-width:1300px;width:100%;padding:35px clamp(18px,4vw,54px) 70px;margin:auto}section.view{display:none}section.view.active{display:block}h1{font-size:clamp(28px,4vw,45px);letter-spacing:-.055em;margin:7px 0 10px}h2{font-size:23px;letter-spacing:-.04em}p{line-height:1.6}.view-lead{color:var(--muted);margin:0 0 26px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:26px 0}.metric,.panel{border:1px solid #3c352b;background:#171819;border-radius:12px;padding:23px}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#a7a093}.metric-value{font-family:'Space Grotesk';font-size:clamp(21px,2.5vw,32px);font-weight:700;margin:15px 0 6px}.metric-sub{color:#898781;font-size:12px}.columns{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.panel h2{margin-top:0}.feed{display:grid;gap:0}.feed-item{padding:15px 0;border-bottom:1px solid #34312b;font-size:13px}.feed-item:last-child{border:0}.feed-item span{color:#8b877e;font-size:11px}.table-wrap{overflow-x:auto;border:1px solid #3c352b;border-radius:12px;background:#171819}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:625px}th{padding:18px;color:#b5a78d;background:#211e19;font-size:10px;letter-spacing:.12em;text-transform:uppercase}td{padding:18px;border-top:1px solid #38342d;color:#ddd7cc}td.amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{font-size:10px;background:#28271e;color:#dfc68f;border:1px solid #5e4e30;border-radius:20px;padding:5px 9px;white-space:nowrap}.stamp{font-size:11px;color:#9e9584;margin:15px 0}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sticky{position:relative;min-height:192px;padding:22px 20px 25px;background:#e9d7a7;color:#30291e;transform:rotate(-1deg);box-shadow:3px 7px 18px #0005;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.5}.sticky:nth-child(3n+2){transform:rotate(1.2deg);background:#c3d7d0}.sticky:nth-child(3n){transform:rotate(-.4deg);background:#dfc5bf}.sticky small{display:block;margin-top:15px;font-size:10px;color:#655c51;text-transform:uppercase;letter-spacing:.08em}.sticky strong{display:block;font-size:12px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.hr{border-top:1px solid #39352d;margin:22px 0}.executive{display:flex;align-items:center;gap:20px}.executive img{height:112px;width:112px;object-fit:cover;object-position:top;border-radius:8px}.employee{display:inline-block;border:1px solid #8b713d;color:#f6d89e;background:#292315;padding:11px 15px;border-radius:9px;margin-top:10px;font-weight:700;font-size:12px;letter-spacing:.1em}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.status{min-height:25px;color:var(--gold);font-size:13px;margin-top:15px}.progress{height:10px;background:#2f302b;border-radius:6px;overflow:hidden;margin:18px 0}.progress>div{height:100%;background:linear-gradient(90deg,#866a3b,#eac681);width:0;transition:width .6s}.footer{text-align:center;border-top:1px solid #302d29;padding:18px;font-size:11px;color:#77736b}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.layout{display:block}aside{border-right:0;border-bottom:1px solid #333;padding:10px;display:flex;overflow-x:auto;gap:5px}.aside-title{display:none}.tab{white-space:nowrap;width:auto}.columns,.notes-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:25px 16px 45px}.metric,.panel{padding:18px}.top{padding:12px 14px}.top-actions .identity{display:none}.executive{align-items:flex-start}.executive img{width:85px;height:95px}}