:root{--ink:#11121a;--muted:#596070;--surface:#fef6eb;--surface-strong:#f9e2c9;--accent:#ff6b4a;--accent-deep:#e14d2a;--outline:#2a2f3a;--shadow:#14161d1f}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 15% 20%,#ffa56e59,#0000 55%),radial-gradient(circle at 80% 0,#ffe6c8b3,#0000 50%),linear-gradient(140deg,#fffaf3 0%,#fbe7d3 40%,#f7d1bd 100%);font-family:Space Grotesk,Helvetica Neue,Helvetica,sans-serif}.app-banner{letter-spacing:.02em;width:100%;color:var(--outline);background:#ffffffb3;border-bottom:1px solid #11121a14;padding:12px 20px;font-weight:600}a{color:inherit;text-decoration:none}.page{justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.shell{width:min(960px,100%)}.page.page-wide{align-items:flex-start}.shell.shell-wide{width:100%;max-width:none}.card{background:var(--surface);box-shadow:0 18px 40px var(--shadow);border:1px solid #11121a14;border-radius:20px;padding:32px}.stack{flex-direction:column;gap:20px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.title{letter-spacing:-.02em;font-size:clamp(1.8rem,2vw + 1rem,2.6rem)}.subtitle{color:var(--muted);font-size:.95rem}.label{color:var(--muted);font-size:.9rem}.input{background:#fff;border:1px solid #11121a2e;border-radius:12px;width:100%;padding:12px 14px;font-size:1rem}.input:focus{border-color:var(--accent);outline:2px solid #ff6b4a4d}.button{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:600;transition:transform .15s,background .15s}.button:hover{background:var(--accent-deep);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button:disabled:hover{background:inherit;transform:none}.button.secondary{background:var(--outline)}.button.success{background:#1f7a45}.button.success:hover{background:#166138}.button.danger{background:#c0392b}.button.danger:hover{background:#a93226}.button.ghost{color:var(--outline);background:0 0;border:1px solid #11121a4d}.button.tiny{border-radius:8px;padding:6px 10px;font-size:.85rem}.tag{color:var(--accent-deep);background:#ff6b4a1f;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:inline-flex}.chip{background:#fff;border:1px solid #11121a1a;border-radius:12px;align-items:center;padding:6px 10px;font-size:.85rem;display:inline-flex}.error{color:#a1331c;background:#e14d2a14;border:1px solid #e14d2a40;border-radius:12px;padding:12px 14px;font-size:.9rem}.error pre{white-space:pre-wrap;word-break:break-word;color:inherit;margin-top:8px;font-size:.8rem}.modal{z-index:50;background:#08090c80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(520px,100%);padding:24px;box-shadow:0 20px 40px #0c0c0e33}.muted{color:var(--muted)}.divider{background:#11121a1a;height:1px}.monthly-table-wrapper{width:100%;overflow-x:auto}.monthly-table{border-collapse:collapse;min-width:100%}.monthly-table th,.monthly-table td{border:1px solid #11121a2e;padding:6px 8px}.monthly-driver{min-width:160px}.monthly-day-cell{text-align:center;white-space:nowrap;width:48px;min-width:48px}.monthly-piece-cell{width:64px;min-width:64px}.monthly-total{text-align:right;min-width:80px}.monthly-action{white-space:nowrap;min-width:180px}.monthly-action .row{flex-wrap:nowrap}.monthly-table td.monthly-day-cell,.monthly-table th.monthly-day-cell{padding:0}.monthly-table td.monthly-day-cell{height:40px}.monthly-day-cell.is-on{background:#11121a0f}.monthly-cell{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.monthly-daily-mark{background:var(--outline);border-radius:999px;width:16px;height:16px;display:inline-block}.monthly-cell-input{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:0;width:100%;height:100%;padding:0;font-size:14px;display:block}.monthly-cell-input:focus{outline:none}.monthly-cell-button{cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.monthly-cell-button.monthly-memo-cell{text-align:left;justify-content:flex-start;padding:0 8px;font-weight:400}.monthly-action .monthly-cell-button{min-height:40px}.monthly-cell-menu{z-index:20;white-space:normal;background:#fff;border:1px solid #11121a33;border-radius:8px;flex-direction:column;min-width:120px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 12px 24px #0c0c0e26}.monthly-cell-menu-portal{z-index:2000;position:fixed;top:0;left:0}.monthly-cell-menu-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;min-height:32px;padding:6px 8px;font-size:14px;display:block}.monthly-cell-menu-item:hover{background:#11121a0f}.monthly-piece-editor{width:100%;height:100%;position:relative}.monthly-piece-actions{z-index:20;background:#fff;border:1px solid #11121a33;border-radius:8px;gap:6px;margin-top:4px;padding:6px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0c0c0e1f}.monthly-day-cell{position:relative}.monthly-cell-button:hover{background:#11121a0a}.monthly-table td.monthly-day-cell:focus-within{outline-offset:-2px;outline:2px solid #ff6b4a59}.monthly-cell-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.monthly-cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.monthly-cell-input[type=number]{-moz-appearance:textfield}@media (max-width:720px){.card{padding:24px}.header{flex-direction:column;align-items:flex-start}}