:root{--bg:#f4f7fb;--card:#fff;--text:#223;--primary:#1d4ed8;--secondary:#64748b;--border:#dbe2ea;--success:#16a34a;--danger:#dc2626}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}label{display:block;font-weight:600;margin:.45rem 0 .25rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.72rem;border:1px solid var(--border);border-radius:8px;background:#fff}textarea{min-height:88px}button,.btn{display:inline-block;background:var(--primary);color:#fff;border:none;padding:.8rem 1rem;border-radius:10px;cursor:pointer}.btn.secondary{background:var(--secondary)}.container{max-width:1200px;margin:20px auto;padding:0 14px}.card{background:var(--card);padding:18px;border-radius:14px;box-shadow:0 4px 18px rgba(0,0,0,.06);margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards.mini{grid-template-columns:repeat(3,1fr)}.stat{font-size:2rem;font-weight:700}.topnav{background:#0f172a;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:0;z-index:10}.nav-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav-links a,.nav-links span{color:#fff}.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}th{background:#eff6ff}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.badge{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:#dbeafe;color:#1e3a8a;font-size:.85rem}.badge.submitted{background:#dcfce7;color:#166534}.badge.draft{background:#fef3c7;color:#92400e}.alert{padding:10px 12px;border-radius:8px;margin:12px 0}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-progress{height:10px;background:#dbe2ea;border-radius:999px;overflow:hidden;margin:16px 0 20px}.wizard-progress div{height:100%;background:linear-gradient(90deg,#2563eb,#0ea5e9);width:12.5%}.step-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.thumb{max-width:140px;max-height:110px;display:block;margin-top:10px;border-radius:10px;border:1px solid var(--border)}.thumb.large{max-width:220px;max-height:180px}.image-grid{display:flex;gap:12px;flex-wrap:wrap}.gps-box,.offline-note{background:#eff6ff;border:1px dashed #93c5fd;padding:10px;border-radius:10px;margin-top:10px}.repeat-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;margin-bottom:10px}.signature-pad{width:100%;height:150px;border:1px dashed #94a3b8;background:#fff;border-radius:10px;touch-action:none}.filter-row{display:grid;grid-template-columns:120px 1fr 120px 1fr 120px 1fr auto;gap:10px;align-items:end}.two-col{display:grid;grid-template-columns:380px 1fr;gap:16px}.login-page{display:grid;place-items:center;min-height:100vh;background:linear-gradient(120deg,#eff6ff,#e0f2fe)}.login-card{width:min(420px,94vw);background:#fff;padding:24px;border-radius:18px;box-shadow:0 15px 40px rgba(0,0,0,.08)}
@media (max-width:900px){.cards,.cards.mini,.grid.two,.grid.three,.two-col,.filter-row,.repeat-row{grid-template-columns:1fr}.topnav{align-items:flex-start;flex-direction:column}.page-head{flex-direction:column;align-items:flex-start}}