@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #1b1b1b;--surface: #252525;--surface2: #2e2e2e;--border: #363636;--border2: #404040;--text: #e6e3dd;--text2: #c0bdb8;--muted: #72706c;--accent: #7fa98a;--accent-hover: #6a9476;--accentBg: #1d2e23;--done: #7fa98a;--doneBg: #1d2e23;--cancelled: #5c5a57;--warn: #c4a23e;--warnBg: #2b2308;--danger: #c07860;--dangerBg: #2c1710;--tagBg: #2b2926;--overlay: rgba(0,0,0,.75);--shadow: 0 4px 20px rgba(0,0,0,.4);--shell-bg: radial-gradient(ellipse at 30% 50%, #1a2018 0%, #111 70%);--login-bg: radial-gradient(ellipse at 50% 30%, #1a2e1e 0%, #0e150f 60%, #0a0d0a 100%);--logo-glow: rgba(127,169,138,.15)}[data-theme=light]{--bg: #ffffff;--surface: #ffffff;--surface2: #f5f5f5;--border: #e8e8e8;--border2: #d5d5d5;--text: #282828;--text2: #3a3a3a;--muted: #6f6f6f;--accent: #FFD300;--accent-hover: #e6be00;--accentBg: #fffce0;--done: #3d9460;--doneBg: #e8f5ee;--cancelled: #9a9895;--warn: #d47f0a;--warnBg: #fff8ed;--danger: #c0392b;--dangerBg: #fdf0ee;--tagBg: #f0f0f0;--overlay: rgba(0,0,0,.45);--shadow: 0 4px 24px rgba(0,0,0,.1);--shell-bg: radial-gradient(ellipse at 30% 50%, #fffde8 0%, #f8f8f8 70%);--login-bg: radial-gradient(ellipse at 50% 20%, #fffde0 0%, #ffffff 60%);--logo-glow: rgba(255,211,0,.25);--font-body: "Inter", "DM Sans", sans-serif;--font-head: "Poppins", "DM Sans", sans-serif;--accent-text: #282828}.logo-accent{color:var(--accent)}[data-theme=light] .logo-accent{color:#282828;background:#ffd300;padding:0 6px;border-radius:5px;display:inline-block}html[data-theme=light] body{font-family:Inter,DM Sans,sans-serif}[data-theme=light] .hdr-title,[data-theme=light] .modal-title,[data-theme=light] .confirm-title,[data-theme=light] .logo-text,[data-theme=light] .stat-val,[data-theme=light] .section-label,[data-theme=light] .field-label,[data-theme=light] .badge-name,[data-theme=light] .empty-title,[data-theme=light] .report-title{font-family:Poppins,DM Sans,sans-serif}[data-theme=light] .btn-primary{color:#282828;font-weight:600}[data-theme=light] .nb.on{color:#282828}[data-theme=light] .nb.on svg{filter:drop-shadow(0 0 3px rgba(255,211,0,.5))}[data-theme=light] .nav .nb.on:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:18px;height:2.5px;background:#ffd300;border-radius:2px}[data-theme=light] .logo-mark{background:#fffce0;border-color:#ffd30080}[data-theme=light] .logo-mark svg{stroke:#282828}[data-theme=light] .pin-box.filled{border-color:#ffd300;background:#fffce0}[data-theme=light] .pin-box.active{border-color:#ffd300;box-shadow:0 0 0 3px #ffd3002e}[data-theme=light] .pin-dot{background:#282828}[data-theme=light] .pill{background:#ffd300;color:#282828}[data-theme=light] .prog-fill{background:#ffd300}[data-theme=light] .tag-opt.active{background:#fffce0;color:#282828;border-color:#ffd300}[data-theme=light] .checkbox:hover{border-color:#ffd300}[data-theme=light] .today-badge,[data-theme=light] .cal-day.is-today{background:#ffd300;color:#282828}[data-theme=light] .hdr{border-bottom-color:#e8e8e8}[data-theme=light] .bar-fill{background:#ffd300}[data-theme=light] .bar-day.is-today{color:#282828}[data-theme=light] .day-row.is-today{border-left-color:#ffd300}[data-theme=light] .badge-card.earned{border-color:#ffd30080;background:#fffce0}[data-theme=light] .task-row:hover{border-color:#ffd30099}[data-theme=light] .report-card:hover{border-color:#ffd30080}[data-theme=light] .btn-icon:hover{border-color:#ffd300}[data-theme=light] .link-item{color:#282828;border-color:#e8e8e8;background:#fffce0}[data-theme=light] .info-banner{color:#282828}[data-theme=light] .comment.sys{border-left-color:#ffd300;background:#fffce0}[data-theme=light] .comment-text.sys{color:#6f6f6f}[data-theme=light] .followup-ref{background:#fffce0;color:#282828}[data-theme=light] .status-done{background:#edf7f1;color:#3d9460}[data-theme=light] .nb-badge{background:#ffd300;color:#282828}[data-theme=light] .user-avatar{background:#282828;color:#ffd300}[data-theme=light] .cal-day.has-data{background:#fffce0;color:#282828}[data-theme=light] .cal-day.has-data:hover{background:#ffd300;color:#282828}[data-theme=light] .text-accent{color:#282828}[data-theme=light] .mood-amazing{background:#fff8ed;color:#d47f0a}[data-theme=light] .accentBg,[data-theme=light] .info-banner{color:#282828}[data-theme=light] .readonly-banner{background:#fff8ed;color:#d47f0a}[data-theme=light] .warn-block{border-color:#d47f0a4d}[data-theme=light] .login-wrap{background:var(--login-bg)}[data-theme=light] .pin-key{background:#f5f5f5;border-color:#e0e0e0;color:#282828}[data-theme=light] .pin-key:hover{background:#eee}[data-theme=light] .toggle-btn.active{background:#fff;color:#282828;box-shadow:0 1px 3px #00000014}[data-theme=light] .btn-ghost{background:#f5f5f5;border-color:#e0e0e0;color:#282828}html,body{height:100%;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--shell-bg)}#root{height:100%}.app-shell{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--shell-bg);transition:background .3s}.phone{width:100%;max-width:430px;height:100vh;max-height:926px;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--border);transition:background .3s,border-color .3s}@media (max-width: 430px){.phone{max-height:100vh;border:none}}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:68px;-webkit-overflow-scrolling:touch}.screen::-webkit-scrollbar{width:3px}.screen::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.screen-nv{padding-bottom:16px}.screen-full{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.hdr{padding:16px 20px 12px;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;flex-shrink:0;transition:background .3s,border-color .3s}.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hdr-title{font-size:18px;font-weight:600;color:var(--text)}.hdr-sub{font-size:12px;color:var(--muted);margin-top:2px}.prog{height:3px;background:var(--surface2);border-radius:2px;margin-top:8px;overflow:hidden}.prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.nav{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:90;padding-bottom:env(safe-area-inset-bottom,0px);transition:background .3s,border-color .3s}.nb{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;background:none;border:none;color:var(--muted);font-size:9px;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;transition:color .15s;position:relative}.nb.on{color:var(--accent)}.nb svg{width:18px;height:18px}.nb-badge{position:absolute;top:6px;right:calc(50% - 14px);background:var(--accent);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:20px;font-family:DM Mono,monospace;line-height:1.4}.btn{display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:9px;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;white-space:nowrap;transition:opacity .12s,background .15s;line-height:1}.btn:active{opacity:.8}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border2)}.btn-danger{background:var(--dangerBg);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.btn-sm{padding:6px 11px;font-size:12px}.btn-full{width:100%;justify-content:center}.btn-icon{width:32px;height:32px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,background .15s}.btn-icon:hover{border-color:var(--accent)}.btn-icon svg{width:14px;height:14px}.btn-copy{background:none;border:none;padding:2px;cursor:pointer;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;transition:color .15s}.btn-copy:hover{color:var(--accent)}.pill{background:var(--accentBg);color:var(--accent);font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;font-family:DM Mono,monospace;white-space:nowrap}.status-badge{font-size:11px;font-weight:600;font-family:DM Mono,monospace;padding:3px 8px;border-radius:4px;display:inline-block}.status-todo{background:var(--surface2);color:var(--muted)}.status-done{background:var(--accentBg);color:var(--done)}.status-cancelled{background:var(--dangerBg);color:var(--cancelled)}.task-list{padding:10px 16px;display:flex;flex-direction:column;gap:3px}.task-row{display:flex;align-items:center;gap:9px;padding:11px 12px;background:var(--surface);border-radius:9px;border:1px solid var(--border);cursor:pointer;transition:border-color .12s,background .12s;animation:fadeIn .18s ease}.task-row:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.task-row.is-done{opacity:.55}.task-row.is-cancelled{opacity:.38}.drag-handle{display:flex;flex-direction:column;gap:2.5px;flex-shrink:0;color:var(--muted);cursor:grab}.drag-handle:active{cursor:grabbing}.drag-handle-disabled{cursor:default;opacity:.3}.drag-handle span{display:block;width:13px;height:1.5px;background:currentColor;border-radius:1px}.task-row.is-dragging{opacity:.4}.task-row.drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.task-row.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.select-checkbox{width:20px;height:20px;border-radius:5px;border:2px solid var(--border2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer;background:transparent}.task-row.is-selected .select-checkbox{background:var(--accent);border-color:var(--accent)}.select-checkbox{color:var(--muted)}.task-row.is-selected .select-checkbox{color:#fff}.bulk-action-bar{position:sticky;bottom:16px;left:0;right:0;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);margin-top:12px;animation:slideUp .18s ease;z-index:200}.bulk-action-count{flex:1;font-size:13px;font-weight:600;color:var(--text)}.checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer}.checkbox:hover{border-color:var(--accent)}.checkbox.is-done{background:var(--done);border-color:var(--done)}.checkbox.is-cancelled{background:var(--cancelled);border-color:var(--cancelled)}.checkbox svg{width:10px;height:10px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.task-body{flex:1;min-width:0}.task-title{font-size:14px;color:var(--text);line-height:1.4;word-break:break-word}.task-title.strikethrough{text-decoration:line-through;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.tag{font-size:11px;font-family:DM Mono,monospace;padding:2px 7px;border-radius:4px;background:var(--tagBg);color:var(--muted)}.tag-carried{font-size:10px;font-family:DM Mono,monospace;padding:2px 7px;border-radius:4px;background:var(--warnBg);color:var(--warn)}.chevron svg{width:13px;height:13px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:14px 20px 7px;flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;padding:56px 40px;text-align:center;gap:10px}.empty-icon{font-size:36px;margin-bottom:4px}.empty-title{font-size:17px;font-weight:600;color:var(--text)}.empty-sub{font-size:13px;color:var(--muted);line-height:1.5}.search-wrap{padding:12px 20px 0;position:relative;flex-shrink:0}.search-wrap .search-icon{position:absolute;left:32px;top:22px;width:14px;height:14px;opacity:.5}.search-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:9px 12px 9px 34px;color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--muted)}.search-dropdown{position:absolute;top:100%;left:20px;right:20px;background:var(--surface2);border:1px solid var(--border);border-radius:9px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 4px 16px #0000002e}.search-dropdown-item{padding:9px 14px;font-size:13px;color:var(--text);cursor:pointer;transition:background .12s}.search-dropdown-item:first-child{border-radius:9px 9px 0 0}.search-dropdown-item:last-child{border-radius:0 0 9px 9px}.search-dropdown-item:only-child{border-radius:9px}.search-dropdown-item:hover{background:var(--accent);color:#fff}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.field-input{background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:9px 11px;color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none;width:100%;transition:border-color .15s}.field-input:focus{border-color:var(--accent)}.field-input::placeholder{color:var(--muted)}textarea.field-input{resize:vertical;min-height:70px}select.field-input{cursor:pointer}.tag-selector{display:flex;flex-wrap:wrap;gap:5px}.tag-opt{font-size:12px;font-family:DM Mono,monospace;padding:3px 9px;border-radius:4px;cursor:pointer;border:1px dashed var(--border);background:var(--surface2);color:var(--muted);transition:all .12s;-webkit-user-select:none;user-select:none}.tag-opt.active{background:var(--accentBg);color:var(--accent);border-color:var(--accent);border-style:solid}.tag-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-family:DM Mono,monospace;padding:3px 8px;border-radius:4px;background:var(--accentBg);color:var(--accent);border:1px solid var(--accent)}.tag-chip-x{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;line-height:1;padding:0 1px;opacity:.7}.tag-chip-x:hover{opacity:1}.combo-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000002e;max-height:180px;overflow-y:auto}.combo-option{padding:8px 12px;font-size:13px;font-family:DM Mono,monospace;cursor:pointer;color:var(--text)}.combo-option:hover{background:var(--accentBg)}.combo-create{color:var(--accent)}.link-item{display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--surface2);border-radius:7px;border:1px solid var(--border);text-decoration:none;color:var(--accent);font-size:13px}.link-item svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;flex-shrink:0}.comment{padding:9px 11px;border-radius:7px;background:var(--surface2);border-left:3px solid var(--border);display:flex;flex-direction:column;gap:3px}.comment.sys{border-left-color:var(--accent);background:var(--accentBg)}.comment-text{font-size:13px;color:var(--text);line-height:1.45}.comment-text.sys{font-style:italic;color:var(--muted)}.comment-ts{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.comment-link{color:var(--accent);text-decoration:underline;cursor:pointer}.card{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.card-section{padding:13px 16px;border-bottom:1px solid var(--border)}.card-section:last-child{border-bottom:none}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 16px 0}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:3px}.stat-val{font-size:28px;font-weight:700;color:var(--text);font-family:DM Mono,monospace;line-height:1}.stat-lbl{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-hint{font-size:11px;color:var(--muted)}.bar-chart{display:flex;align-items:flex-end;gap:5px;height:70px;padding:0 16px 8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.bar-track{flex:1;width:100%;background:var(--surface2);border-radius:3px 3px 0 0;position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;right:0;background:var(--accent);border-radius:3px 3px 0 0;transition:height .3s}.bar-fill.is-today{box-shadow:0 0 6px color-mix(in srgb,var(--accent) 50%,transparent)}.bar-day{font-size:10px;color:var(--muted);font-family:DM Mono,monospace}.bar-day.is-today{color:var(--accent)}.badge-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 16px 14px}.badge-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:11px;display:flex;flex-direction:column;gap:4px}.badge-card.earned{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:var(--accentBg)}.badge-card.locked{opacity:.35}.badge-emoji{font-size:20px;line-height:1}.badge-name{font-size:12px;font-weight:600;color:var(--text)}.badge-desc{font-size:11px;color:var(--muted)}.cal-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.cal-month{font-size:15px;font-weight:600;color:var(--text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:0 13px 13px}.cal-header{text-align:center;font-size:11px;color:var(--muted);font-weight:600;padding:4px 0}.cal-day{aspect-ratio:1;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);cursor:default;transition:all .12s}.cal-day.has-data{background:var(--accentBg);color:var(--accent);cursor:pointer;font-weight:500}.cal-day.has-data:hover{background:var(--accent);color:#fff}.cal-day.is-today{background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.day-row{display:flex;align-items:center;padding:11px 14px 11px 20px;border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}.day-row:hover{background:var(--surface2)}.day-row.is-today{border-left:3px solid var(--accent);padding-left:17px}.day-date{font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:7px}.day-meta{font-size:12px;color:var(--muted);margin-top:2px;font-family:DM Mono,monospace}.today-badge{background:var(--accentBg);color:var(--accent);font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px}.mood-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;font-family:DM Mono,monospace}.mood-amazing{background:var(--warnBg);color:var(--warn)}.mood-good{background:var(--accentBg);color:var(--done)}.mood-meh{background:var(--surface2);color:var(--muted)}.user-row{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid var(--border)}.user-avatar{width:34px;height:34px;border-radius:50%;background:var(--accentBg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);flex-shrink:0}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .12s}.report-card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.report-title{font-size:14px;font-weight:600;color:var(--text)}.report-meta{font-size:11px;color:var(--muted);font-family:DM Mono,monospace}.login-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px;background:var(--login-bg)}.logo-mark{width:64px;height:64px;border-radius:16px;background:var(--accentBg);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px var(--logo-glow);margin-bottom:16px}.logo-text{font-size:26px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.5px}.logo-sub{font-size:13px;color:var(--muted);margin-bottom:32px}.pin-row{display:flex;gap:11px;margin:24px 0}.pin-box{width:52px;height:62px;border-radius:9px;background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:DM Mono,monospace}.pin-box.filled{border-color:var(--accent)}.pin-box.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accentBg)}.pin-box.error{border-color:var(--danger);animation:shake .35s ease}.pin-dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:228px}.pin-key{height:52px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:20px;font-family:DM Mono,monospace;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.pin-key:hover{background:var(--border2)}.pin-key:active{transform:scale(.93)}.pin-err{color:var(--danger);font-size:13px;min-height:18px;text-align:center;margin-bottom:8px}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:200;display:flex;align-items:flex-end}.modal-sheet{width:100%;background:var(--surface);border-radius:18px 18px 0 0;max-height:90%;overflow-y:auto;animation:slideUp .2s ease;-webkit-overflow-scrolling:touch}.modal-hdr{padding:18px 20px 13px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.modal-title{font-size:16px;font-weight:600;color:var(--text)}.modal-sub{font-size:12px;color:var(--muted);margin-top:2px}.modal-body{padding:18px;display:flex;flex-direction:column;gap:13px}.modal-close{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;max-width:310px;width:100%;display:flex;flex-direction:column;gap:13px;animation:scaleIn .16s ease}.confirm-title{font-size:16px;font-weight:600;color:var(--text)}.confirm-sub{font-size:13px;color:var(--muted);line-height:1.5}.toast{position:absolute;bottom:76px;left:14px;right:14px;background:var(--text);color:var(--bg);padding:10px 13px;border-radius:9px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between;z-index:500;animation:slideUp .18s ease;box-shadow:var(--shadow)}.toast-undo{color:var(--accent);cursor:pointer;font-weight:700}.info-block{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:13px;display:flex;flex-direction:column;gap:11px}.info-banner{font-size:12px;color:var(--accent);display:flex;gap:6px;align-items:center}.warn-block{background:var(--warnBg);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:7px;padding:9px 12px;font-size:12px;color:var(--warn);display:flex;gap:7px;align-items:flex-start}.readonly-banner{background:var(--warnBg);color:var(--warn);font-size:11px;font-weight:700;text-align:center;padding:5px;letter-spacing:.07em;text-transform:uppercase;flex-shrink:0}.toggle{display:flex;background:var(--surface2);border-radius:7px;border:1px solid var(--border);overflow:hidden}.toggle-btn{flex:1;padding:7px 12px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;border:none;background:none;color:var(--muted);cursor:pointer;transition:all .12s}.toggle-btn.active{background:var(--surface);color:var(--text)}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;overflow:hidden}.followup-ref{display:flex;align-items:center;gap:6px;padding:8px 11px;background:var(--accentBg);border-radius:7px;font-size:12px;color:var(--accent);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{opacity:1;transform:none}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}.flex-row{display:flex;align-items:center;gap:8px}.flex-1{flex:1}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-done{color:var(--done)}.text-warn{color:var(--warn)}.mono{font-family:DM Mono,monospace}.fw6{font-weight:600}.fs12{font-size:12px}.fs13{font-size:13px}.mt4{margin-top:4px}.mt8{margin-top:8px}.gap8{gap:8px}.p16{padding:16px}.p20{padding:20px}@media (min-width: 480px){.app-shell{align-items:stretch;justify-content:stretch}.phone{max-width:100%;max-height:100vh;border:none;border-radius:0}.nav{padding-left:16px;padding-right:16px}.nav .nb{font-size:10px;gap:3px}.stat-grid{gap:12px}}@media (min-width: 1024px){.app-shell{flex-direction:row}.has-sidebar .phone{flex:1;margin-left:220px}.nav{display:none!important}.screen{padding-bottom:16px}.desktop-sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:background .3s,border-color .3s}.sidebar-brand{padding:24px 20px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.sidebar-brand-icon{width:36px;height:36px;border-radius:10px;background:var(--accentBg);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-brand-icon svg{width:18px;height:18px;stroke:var(--accent)}.sidebar-brand-name{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.3px}.sidebar-brand-sub{font-size:11px;color:var(--muted);margin-top:1px}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:9px;background:none;border:none;color:var(--muted);font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .12s,color .12s;text-align:left;width:100%;position:relative}.sidebar-link:hover{background:var(--surface2);color:var(--text)}.sidebar-link.active{background:var(--accentBg);color:var(--accent);font-weight:600}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-link .nb-badge{position:static;margin-left:auto}.sidebar-user{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .12s}.sidebar-user:hover{background:var(--surface2)}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{font-size:11px;color:var(--muted)}.home-desktop-layout{display:grid;grid-template-columns:1fr 340px;gap:0;min-height:calc(100vh - 70px)}.home-desktop-layout .home-main{min-width:0}.home-desktop-layout .home-side{border-left:1px solid var(--border);padding:20px;overflow-y:auto;background:var(--surface)}.home-side-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.home-side-card-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.mydays-desktop-layout{display:grid;grid-template-columns:340px 1fr;gap:0;min-height:calc(100vh - 70px)}.mydays-desktop-layout .mydays-cal-panel{border-right:1px solid var(--border);overflow-y:auto;max-height:calc(100vh - 70px)}.mydays-desktop-layout .mydays-list-panel{overflow-y:auto;max-height:calc(100vh - 70px)}.stats-desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 20px}.stats-desktop-grid .stat-grid{grid-column:1 / -1;grid-template-columns:repeat(4,1fr);padding:0}.stats-desktop-grid .stats-chart-section{min-width:0}.stats-desktop-grid .stats-full-width{grid-column:1 / -1}.reports-desktop-layout{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 70px)}.reports-desktop-layout .reports-list-panel{border-right:1px solid var(--border);overflow-y:auto}.reports-desktop-layout .reports-preview-panel{overflow:hidden}.users-table{width:100%;border-collapse:separate;border-spacing:0}.users-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface2)}.users-table td{padding:12px 16px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.users-table tr{cursor:pointer;transition:background .12s}.users-table tbody tr:hover{background:var(--surface2)}.profile-desktop-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.profile-desktop-layout .profile-col-full{grid-column:1 / -1}}@media (max-width: 1023px){.desktop-sidebar,.home-side{display:none}}