:root{--olive:#85877F;--pale:#F3C484;--yellow:#DFBE00;--orange:#ED9433;--stone:#797B73;--sage:#6D6F68;--border:rgba(255,255,255,0.12);--dark:#2E2E26;--mid:#D4C8A8;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'DM Sans',system-ui,sans-serif;background:var(--olive);color:var(--pale);min-height:100vh;}
a{color:var(--yellow);text-decoration:none;}
.dash-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:var(--sage);border-bottom:1px solid var(--border);}
.dash-header h1{font-family:Lora,serif;font-size:1.5rem;font-weight:500;}
.dash-header p{font-size:0.8rem;color:var(--mid);margin-top:4px;}
.dash-back{font-size:0.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--pale);}
.dash-nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 28px;background:rgba(0,0,0,0.08);border-bottom:1px solid var(--border);}
.dash-nav a{padding:8px 14px;font-size:0.72rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--mid);border-radius:2px;}
.dash-nav a.active,.dash-nav a:hover{background:var(--stone);color:var(--pale);}
.dash-main{max-width:1100px;margin:0 auto;padding:28px;}
.card{background:var(--stone);border:1px solid var(--border);padding:22px;margin-bottom:20px;}
.card h2{font-family:Lora,serif;font-size:1.2rem;margin-bottom:16px;}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;}
.metric{background:var(--stone);border:1px solid var(--border);padding:18px;}
.metric-val{font-family:Lora,serif;font-size:1.8rem;color:var(--orange);}
.metric-label{font-size:0.68rem;text-transform:uppercase;letter-spacing:2px;color:var(--mid);margin-top:6px;}
table{width:100%;border-collapse:collapse;font-size:0.88rem;}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);}
th{font-size:0.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--mid);}
.arrow-up{color:#6ecf8f;}
.arrow-down{color:#e86a6a;}
.arrow-flat{color:var(--mid);}
.form-row{margin-bottom:14px;}
.form-row label{display:block;font-size:0.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--mid);margin-bottom:6px;}
.form-row input,.form-row select,.form-row textarea{width:100%;max-width:420px;padding:10px 12px;border:1px solid var(--border);background:var(--olive);color:var(--pale);font-family:inherit;}
.form-row textarea{min-height:90px;max-width:100%;}
.btn{display:inline-block;padding:10px 18px;background:var(--orange);color:var(--dark);border:none;font-size:0.72rem;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-family:inherit;}
.btn:hover{background:var(--yellow);}
.btn-muted{background:transparent;border:1px solid var(--border);color:var(--pale);}
.alert{padding:12px 16px;margin-bottom:16px;border:1px solid var(--yellow);background:rgba(223,190,0,0.12);font-size:0.88rem;}
.alert-error{border-color:var(--orange);background:rgba(237,148,51,0.12);}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;}
.login-box{width:100%;max-width:380px;background:var(--stone);border:1px solid var(--border);padding:32px;}
.login-box h1{font-family:Lora,serif;font-size:1.6rem;margin-bottom:8px;}
.login-box p{color:var(--mid);font-size:0.88rem;margin-bottom:24px;}
.client-select{margin-bottom:20px;}
.client-select select{padding:10px 12px;background:var(--olive);color:var(--pale);border:1px solid var(--border);min-width:240px;}
@media(max-width:768px){.metrics{grid-template-columns:1fr 1fr;}}
