:root{--text-base:14px}body{font-size:var(--text-base);line-height:1.48}.page{width:min(1040px,100%)}.main-toolbar{margin-bottom:16px}.compact-subtitle{margin:2px 0 0;font-size:12px}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:minmax(260px,1.7fr) minmax(150px,.65fr) minmax(170px,.75fr);gap:10px;align-items:end;background:rgba(255,255,255,.72);border:1px solid #e5e7f0;border-radius:16px;padding:12px;margin-bottom:14px;backdrop-filter:blur(10px)}.filters label{font-size:11px;color:#667085;gap:4px}.filters .input{padding:9px 10px;font-size:13px}.customer-group summary{min-height:70px;padding:13px 17px}.customer-main strong{font-size:15px}.customer-main small{font-size:11px}.customer-jobs{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 14px 14px;gap:11px}.customer-jobs .card{padding:16px}.actions .action-s-Sedang-desain{background:#e7e5ff;color:#4338ca}.actions .action-s-Dijeda{background:#fff0cf;color:#92400e}.actions .action-s-Preview{background:#dff7fb;color:#0e7490}.actions .action-s-Menunggu{background:#f4e8ff;color:#7e22ce}.actions .action-s-Selesai{background:#dcfce7;color:#166534}#theme-toggle{position:fixed;right:18px;bottom:70px;z-index:30;border:1px solid #d9dce6;border-radius:999px;padding:8px 12px;background:#fff;color:#39405a;box-shadow:0 8px 22px rgba(25,32,56,.11);cursor:pointer;font-weight:700}
[data-theme="dark"]{color-scheme:dark;--ink:#edf1ff;--muted:#aab1c5;--line:#343a4f;--paper:#1d2233;--canvas:#111521;background:#111521;color:#edf1ff}[data-theme="dark"] body{background:radial-gradient(circle at 15% 0,#25264b 0,transparent 32rem),#111521}[data-theme="dark"] .nav{background:rgba(25,30,45,.94);border-color:#30364a}[data-theme="dark"] .nav button{color:#aab1c5}[data-theme="dark"] .nav button:hover{background:#292f43;color:#fff}[data-theme="dark"] .nav button.active{background:#35345f;color:#d9d7ff;box-shadow:inset 0 0 0 1px #4b4a75}[data-theme="dark"] .card,[data-theme="dark"] .customer-group,[data-theme="dark"] .stats>div,[data-theme="dark"] .report-table,[data-theme="dark"] .form-card{background:#1d2233;border-color:#343a4f;color:#edf1ff}[data-theme="dark"] .customer-jobs .card,[data-theme="dark"] .event{background:#252a3c}[data-theme="dark"] .filters{background:rgba(29,34,51,.82);border-color:#343a4f}[data-theme="dark"] .input{background:#171c2b;border-color:#3c435b;color:#edf1ff}[data-theme="dark"] .notice{background:linear-gradient(135deg,#29284a,#203744);border-color:#3e4264;color:#d9d7ff}[data-theme="dark"] .muted,[data-theme="dark"] .meta,[data-theme="dark"] .customer-main small{color:#aab1c5}[data-theme="dark"] #theme-toggle{background:#252a3c;border-color:#343a4f;color:#fff}
@media(max-width:780px){.filters{grid-template-columns:1fr 1fr}.filters .search-field{grid-column:1/-1}.customer-jobs{grid-template-columns:1fr}}@media(max-width:480px){:root{--text-base:13px}.page{padding:14px 10px 34px}.top{padding:11px 12px}.brand strong{font-size:17px}.nav{padding:7px 8px}.nav button{font-size:12px;padding:8px 10px}.main-toolbar{align-items:flex-end}.main-toolbar .btn{padding:8px 10px}.filters{grid-template-columns:1fr 1fr;padding:10px}.customer-group summary{min-height:62px;padding:11px 13px}.customer-jobs{padding:0 10px 10px}.customer-jobs .card{padding:14px}.card h3{font-size:16px}.actions{gap:6px}.btn.small{font-size:12px;padding:7px 9px}#theme-toggle{right:12px;bottom:66px}#install-app{right:12px;bottom:14px}}