*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#fff8f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fff3ed}::-webkit-scrollbar-thumb{background:#ffb899;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff6b35}.card{background:#fff;border:1px solid #ffe0cc;border-radius:12px;padding:20px;box-shadow:0 1px 4px #ff64000f}.metric-card{background:#fff;border:1px solid #ffe0cc;border-radius:10px;padding:16px;transition:box-shadow .15s;box-shadow:0 1px 4px #ff64000a}.metric-card:hover{box-shadow:0 4px 12px #ff64001f}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8c00);border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-secondary{color:#ff6b35;cursor:pointer;background:#fff;border:1px solid #ffb899;border-radius:8px;padding:8px 18px;font-size:13px;transition:background .15s}.btn-secondary:hover{background:#fff3ed}table{border-collapse:collapse;width:100%}th{color:#ff6b35;text-align:left;background:#fff3ed;border-bottom:1px solid #ffe0cc;padding:10px 12px;font-size:12px;font-weight:500}td{color:#333;border-bottom:1px solid #fff3ed;padding:10px 12px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#fffaf7}.badge-aktif{color:#166534;background:#dcfce7}.badge-pause{color:#854d0e;background:#fef9c3}.badge-selesai{color:#991b1b;background:#fee2e2}input,select{color:#1a1a1a;background:#fff;border:1px solid #ffd4b8;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351f}input[readonly]{color:#999;background:#fff8f5}.section-label{color:#ff8c00;text-transform:uppercase;letter-spacing:.08em;background:#fff3ed;border-radius:4px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s fadeIn}