:root{--black:#080806;--gold:#d7a83c;--cream:#f3f0e8;--line:#ded8cb;--text:#171611;--muted:#77736a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--cream)}a{text-decoration:none;color:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-panel{background:radial-gradient(circle at 85% 80%,#33260c 0,transparent 35%),var(--black);color:#fff;padding:42px 7vw;display:flex;flex-direction:column;justify-content:space-between}.brand-logo{width:100px}.brand-copy{max-width:560px;margin:auto 0 8vh}.brand-copy span,.eyebrow,.login-card small,.dashboard-main header small,.hero span{color:#b9954b;letter-spacing:.22em;font-size:12px}.brand-copy h1{font-size:clamp(52px,6vw,88px);line-height:.92;margin:28px 0}.brand-copy p{color:#aaa69c;font-size:18px;line-height:1.7}.login-panel{display:grid;place-items:center;padding:32px}.login-card,.form-card{width:min(100%,430px);background:#fff;padding:48px;border:1px solid #e8e3d8;border-radius:26px;box-shadow:0 24px 70px #4e41261c}.login-card h2,.form-card h1{font-size:36px;margin:24px 0 14px}.login-card p,.form-card p{color:var(--muted);line-height:1.6}.lock{width:48px;height:48px;border-radius:15px;background:#171611;color:var(--gold);display:grid;place-items:center;font-size:24px;margin-bottom:30px}.gold-button{border:0;width:100%;display:block;text-align:center;background:linear-gradient(90deg,#efca72,#d49d28);padding:18px;border-radius:999px;font-weight:800;margin-top:28px;cursor:pointer}.secure{text-align:center;color:#999;font-size:12px;margin-top:18px}.form-page{min-height:100vh;display:grid;place-items:center;padding:40px;background:radial-gradient(circle at 20% 20%,#2a210d,var(--black) 48%)}.form-card{width:min(100%,620px)}.form-logo{width:90px}.form-card form{display:grid;gap:16px;margin-top:28px}.form-card label{display:grid;gap:8px;font-size:13px;font-weight:700}.form-card input,.form-card textarea{font:inherit;padding:14px;border:1px solid var(--line);border-radius:12px;background:#faf9f6}.form-card textarea{min-height:110px;resize:vertical}.error{background:#fff0ed;color:#a83622;padding:12px;border-radius:10px}.text-link{display:block;text-align:center;color:var(--muted);font-size:13px;margin-top:22px}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#eee}.status.pending{background:#fff1cc;color:#88620b}.status.active,.status.approved,.status.paid{background:#dff7e8;color:#16733a}.status.rejected,.status.suspended,.status.cancelled{background:#ffe5e0;color:#9c3223}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--black);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.sidebar>img{width:80px;margin:0 auto 35px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:15px;border-radius:10px;color:#8f8d86;font-weight:700}.sidebar nav a.active,.sidebar nav a:hover{color:#ebc568;background:#2a2416}.profile{margin-top:auto;border-top:1px solid #272721;padding-top:20px;display:grid;gap:5px}.profile small{color:#777}.profile a{color:#c9a34e;font-size:13px;margin-top:8px}.dashboard-main{grid-column:2;padding:42px 4vw 70px;max-width:1400px;width:100%}.dashboard-main header h1{font-size:40px;margin:10px 0 34px}.hero{background:radial-gradient(circle at 90% 20%,#4d3912,transparent 35%),#0e0e0b;color:#fff;padding:42px;border-radius:22px}.hero h2{font-size:35px;margin:20px 0 10px}.hero p{color:#959289}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.metrics article,.panel{background:#fff;border:1px solid #e6e1d7;border-radius:18px;padding:24px}.metrics span{font-size:11px;color:#8a857a;font-weight:800}.metrics strong{display:block;font-size:28px;margin-top:22px}.metrics .dark{background:#11100d;color:#fff}.panel{margin-top:16px}.panel h2{margin:0 0 20px}.table{display:grid}.row{display:grid;grid-template-columns:1fr minmax(150px,auto) auto;gap:20px;align-items:center;padding:16px 0;border-top:1px solid #eee9df}.row:first-child{border:0}.row small{display:block;color:#8d897f;margin-top:5px}.row input{width:100%;max-width:500px;padding:10px;border:1px solid #ddd7ca;border-radius:8px}.empty{color:#8b877d}.panel .status{justify-self:end}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:48vh;padding:28px}.brand-copy h1{font-size:52px}.login-panel{padding:28px;margin-top:-20px}.dashboard-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:20px;padding:12px 18px;overflow:auto}.sidebar>img{width:52px;margin:0}.sidebar nav{display:flex}.sidebar nav a{white-space:nowrap;padding:10px}.profile{display:none}.dashboard-main{padding:28px 18px}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand-panel{display:none}.login-shell{display:block}.login-panel{min-height:100vh;margin:0}.login-card,.form-card{padding:28px;border-radius:20px}.metrics{grid-template-columns:1fr}.hero{padding:28px}.hero h2{font-size:29px}.dashboard-main header h1{font-size:32px}.row{grid-template-columns:1fr}.panel .status{justify-self:start}.row input{max-width:100%}}