:root,[data-theme=dark]{--bg:#0f1117;--card:#1a1d27;--card-hover:#1e2130;--border:#2a2d3a;--text:#e8e9ed;--text-dim:#9095a8;--accent:#3b82f6;--accent-hover:#2563eb;--green:#22c55e;--green-dim:#166534;--red:#ef4444;--red-dim:#7f1d1d;--amber:#f59e0b;--amber-dim:#78350f;--surface:#13151d;--input-bg:#0d0f15;--modal-overlay:#000000b3;--calendar-icon-filter:invert(1);--date-color-scheme:dark}[data-theme=light]{--bg:#f0f1f5;--card:#fff;--card-hover:#f9fafb;--border:#c8cdd5;--text:#111827;--text-dim:#5b6270;--accent:#2563eb;--accent-hover:#1d4ed8;--green:#15803d;--green-dim:#bbf7d0;--red:#dc2626;--red-dim:#fecaca;--amber:#b45309;--amber-dim:#fde68a;--surface:#dce0e8;--input-bg:#f8f9fb;--modal-overlay:#00000073;--calendar-icon-filter:none;--date-color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.55}body.modal-open{overflow:hidden}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr;gap:8px}}.stat-value-lg{font-size:24px}.stat-value-sm{font-size:18px}@media (width<=480px){.stat-value-lg{font-size:18px}.stat-value-sm{font-size:15px}}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:600}td{padding:12px 14px}tr+tr{border-top:1px solid color-mix(in srgb, var(--border) 25%, transparent)}thead tr{border-bottom:1px solid var(--border)}.app-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:100;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}@media (width<=480px){.app-header{padding:10px 16px}}.app-content{max-width:1100px;margin:0 auto;padding:24px 20px}@media (width<=480px){.app-content{padding:16px 12px}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}@media (width<=600px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-actions{gap:8px;display:flex}.dashboard-actions button{flex:1}}.project-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:10px;margin-bottom:10px;padding:18px 22px;transition:border-color .15s}.vendor-stats-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;display:grid}@media (width<=600px){.vendor-stats-grid{grid-template-columns:1fr 1fr;gap:10px}}.project-card:hover,.project-card:active{border-color:color-mix(in srgb, var(--accent) 40%, transparent)}@media (width<=600px){.project-card{padding:14px 16px}}.tab-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-bar>*{flex-shrink:0}.detail-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}@media (width<=600px){.detail-header{flex-direction:column;align-items:stretch}.detail-header-actions{justify-content:flex-end;gap:8px;display:flex}}.modal-overlay{z-index:1000;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border:1px solid var(--border);border-radius:12px;width:520px;max-width:100%;max-height:85vh;overflow:auto}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:92vh}}.form-row{gap:10px;display:flex}@media (width<=480px){.form-row{flex-direction:column}}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:40px;height:100%;position:absolute;right:0}input[type=date]{color-scheme:var(--date-color-scheme)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:8px;align-items:center;min-height:40px;padding:8px 12px;font-size:16px;line-height:1;transition:all .15s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--accent)}.show-mobile{display:none}.hide-mobile{width:100%;display:table}.mobile-card-item{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;padding:16px}@media (width<=768px){.show-mobile{display:block}.hide-mobile{display:none}button{min-height:44px}input,select{min-height:44px;font-size:16px!important}}.inline-confirm{align-items:center;gap:6px;display:flex}.inline-confirm button{min-height:32px}