*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#182230;font:15px Arial,sans-serif}.top{background:#172033;color:white;padding:16px 3%;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.top b{font-size:19px}.top a{color:#e1eaff;text-decoration:none;margin:0 9px}.wrap{max-width:1250px;margin:28px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.panel,.stat{background:white;border:1px solid #e3e8ef;border-radius:11px;padding:18px;margin-bottom:17px}.stat small{color:#667085}.stat strong{display:block;font-size:30px;margin-top:7px}.field{flex:1;min-width:160px;margin:0 0 12px}.field label{display:block;font-weight:bold;font-size:13px;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:10px;border:1px solid #ccd3dd;border-radius:7px;font:inherit}.field textarea{min-height:80px}.row,.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.btn{display:inline-block;border:0;border-radius:7px;background:#1769d2;color:white;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:bold}.btn.gray{background:#e9edf3;color:#25334a}.btn.red{background:#b42318}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}td,th{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;vertical-align:top}th{font-size:12px;color:#667085;background:#fafbfc}.pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#eef2f7;font-size:12px;font-weight:bold}.high{background:#fee4e2;color:#b42318}.medium{background:#fff1cc;color:#8a5b00}.low,.done{background:#dcfae6;color:#067647}.progress{background:#dbeafe;color:#175cd3}.postponed{background:#f4e8ff;color:#6941c6}.alert{padding:12px;background:#eaf2ff;color:#1849a9;border-radius:7px;margin-bottom:14px}.error{background:#fee4e2;color:#b42318}.login{max-width:430px;margin:8vh auto}.muted{color:#667085}.footer{text-align:center;color:#98a2b3;padding:25px;font-size:12px}@media(max-width:600px){.top{display:block}.top nav{margin-top:12px}.top a{margin:0 12px 0 0}}

/* Dashboard visual hierarchy */
.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}
.dashboard-stats .stat{border-left:5px solid #cbd5e1;transition:transform .15s ease,box-shadow .15s ease}
.dashboard-stats .stat:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,32,51,.08)}
.dashboard-stats .stat small{font-weight:700}
.dashboard-stats .stat strong{font-size:32px;line-height:1.15}
.stat-active{background:#eff6ff;border-color:#bfdbfe!important;border-left-color:#2563eb!important}
.stat-active strong{color:#1d4ed8}
.stat-done{background:#ecfdf3;border-color:#bbf7d0!important;border-left-color:#16a34a!important}
.stat-done strong{color:#15803d}
.stat-month{background:#ecfeff;border-color:#a5f3fc!important;border-left-color:#0891b2!important}
.stat-month strong{color:#0e7490}
.stat-overdue{background:#fff1f2;border-color:#fecdd3!important;border-left-color:#e11d48!important}
.stat-overdue strong{color:#be123c}
.stat-urgent{background:#fff7ed;border-color:#fed7aa!important;border-left-color:#ea580c!important}
.stat-urgent strong{color:#c2410c}
.stat-postponed{background:#f5f3ff;border-color:#ddd6fe!important;border-left-color:#7c3aed!important}
.stat-postponed strong{color:#6d28d9}
.stat-total{background:#f8fafc;border-color:#e2e8f0!important;border-left-color:#64748b!important}
.stat-total strong{color:#334155}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.section-heading h2{margin:0 0 5px}
.section-heading p{margin:0}
.dashboard-current{padding:20px}
.dashboard-table{min-width:820px}
.dashboard-table tbody tr:hover{background:#f8fafc}
.dashboard-table td{padding-top:13px;padding-bottom:13px}
.order-id{font-weight:700;color:#1769d2;text-decoration:none}
.order-id:hover{text-decoration:underline}
.pill{padding:5px 11px;font-size:12px;letter-spacing:.1px}
.priority-pill,.status-pill{white-space:nowrap}
.high{background:#fee4e2;color:#b42318}
.medium{background:#fff1cc;color:#8a5b00}
.low,.done{background:#dcfae6;color:#067647}
.progress{background:#dbeafe;color:#175cd3}
.new{background:#fff1cc;color:#8a5b00}
.postponed{background:#f4e8ff;color:#6941c6}
.due-date{display:inline-block;padding:4px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-weight:600;white-space:nowrap}
.due-overdue{background:#fee4e2;color:#b42318}
.empty-state{padding:25px 15px;text-align:center;border:1px dashed #cbd5e1;border-radius:9px;color:#64748b;background:#f8fafc}
@media(max-width:650px){.section-heading{align-items:flex-start;flex-direction:column}.dashboard-current{padding:15px}}