:root{
  --red:#c41230;--dark:#1f1f1f;--mid:#555;--light:#f4f5f7;--line:#d9dde3;
  --green:#2e7d32;--amber:#b26a00;--blue:#2f5597;--danger:#a61b1b;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#202124}
a{color:#9e1028}
.topbar{background:var(--dark);color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{background:var(--red);color:#fff;font-weight:800;padding:10px;border-radius:4px}
.brand strong{display:block;letter-spacing:.5px}.brand small{display:block;color:#ccc;font-size:10px;margin-top:2px}
nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;padding:6px 8px;border-radius:4px}nav a:hover{background:#333}.nav-user{color:#ccc;font-size:13px}
.container{max-width:1600px;margin:18px auto;padding:0 18px}
.footer{padding:20px;text-align:center;color:#777;font-size:12px}
h1{margin:0 0 16px}h2{margin-top:0}.muted{color:#777}.small{font-size:12px}
.grid{display:grid;gap:14px}.grid-kpis{grid-template-columns:repeat(6,minmax(120px,1fr))}.grid-2{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.kpi .num{font-size:28px;font-weight:800}.kpi .target{color:#777;font-size:12px}.kpi .bar{height:7px;background:#eee;border-radius:10px;overflow:hidden;margin-top:10px}.kpi .bar span{display:block;height:100%;background:var(--red)}
.plan-strip{background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);padding:14px;margin-bottom:16px;border-radius:6px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px 8px;border-bottom:1px solid #e8eaed;vertical-align:top;text-align:left;font-size:13px}th{background:#f0f1f3;position:sticky;top:64px;z-index:5}tr:hover td{background:#fafafa}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.week1 td{background:#fff6d8}
.priority-high{font-weight:700;color:#9c0006}
.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;white-space:nowrap}
.badge-danger{background:#fde3e3;color:#9c0006}.badge-warning{background:#fff0c7;color:#7f6000}.badge-quote{background:#fce4d6;color:#833c0c}.badge-success{background:#e2f0d9;color:#375623}.badge-info{background:#e8eef7;color:#2f5597}.badge-muted{background:#eee;color:#666}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:5px;padding:9px 13px;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#555}.btn.light{background:#e7e7e7;color:#222}.btn.smallbtn{padding:5px 8px;font-size:12px}
.toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:12px 0}.toolbar label{font-size:12px;color:#555}.toolbar input,.toolbar select{min-width:150px}
form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#444}
input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{width:100%;padding:9px;border:1px solid #cbd0d6;border-radius:5px;background:#fff;font:inherit}
textarea{min-height:86px;resize:vertical}.checkbox-grid{display:flex;gap:16px;flex-wrap:wrap}.checkbox-grid label{font-weight:400}
.notice{padding:10px 12px;border-radius:5px;margin:10px 0}.success{background:#e2f0d9;color:#375623}.error{background:#fde3e3;color:#9c0006}.warning{background:#fff0c7;color:#7f6000}
.prompt{border-left:4px solid #bf9000;background:#fff8df;padding:12px}
.activity{border-left:3px solid #ccc;padding:8px 12px;margin-bottom:10px;background:#fafafa}.activity strong{display:block}
.login-wrap{max-width:420px;margin:80px auto}.login-wrap .card{padding:24px}
.actions-list{display:grid;gap:10px}.action-item{background:#fff;border:1px solid var(--line);border-left:5px solid #999;padding:12px;border-radius:6px}.action-item.overdue{border-left-color:var(--danger)}.action-item.today{border-left-color:#d69e00}.action-item.quote{border-left-color:#c65911}.action-item.order{border-left-color:var(--green)}
@media(max-width:1100px){.grid-kpis{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.topbar{position:static}th{position:static}}
@media(max-width:700px){.grid-kpis{grid-template-columns:repeat(2,1fr)}form .row{grid-template-columns:1fr}.container{padding:0 10px}.topbar{align-items:flex-start;flex-direction:column}}

.email-kpis{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.email-preview{max-width:520px;white-space:normal}.integration-ok{color:var(--green);font-weight:700}