:root{color-scheme:light;--bg: #f5f7fc;--bg-accent: #e9eef9;--card: rgba(255, 255, 255, .78);--card-strong: rgba(255, 255, 255, .92);--card-muted: rgba(255, 255, 255, .6);--field-bg: rgba(15, 23, 42, .04);--muted: #5a6884;--primary: #3c6ff0;--primary-strong: #5c85ff;--primary-contrast: #f8fbff;--border: rgba(86, 108, 156, .24);--danger: #ff5f5f;--danger-strong: #b42323;--text: #0f172a;--shadow: 0 20px 60px rgba(15, 23, 42, .16);--glow-primary: rgba(60, 111, 240, .14);--glow-accent: rgba(149, 128, 255, .14);--grid: rgba(60, 111, 240, .1);--overlay: rgba(11, 16, 29, .6);--overlay-strong: rgba(9, 14, 27, .7);--chip-bg: rgba(60, 111, 240, .12);--chip-color: #2f5ccc;--ghost-bg: rgba(255, 255, 255, .7);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 12px;--radius-xs: 10px;--side-panel-width: min(360px, 92vw);--glass-blur: 18px;--inset-highlight: rgba(255, 255, 255, .5)}[data-theme=dark]{color-scheme:dark;--bg: #0b0f1a;--bg-accent: #111827;--card: rgba(17, 24, 39, .72);--card-strong: rgba(20, 28, 46, .92);--card-muted: rgba(17, 24, 39, .55);--field-bg: rgba(148, 163, 184, .08);--muted: #93a4bf;--primary: #6aa5ff;--primary-strong: #8bb7ff;--primary-contrast: #0b1020;--border: rgba(148, 163, 184, .22);--danger: #ff7a7a;--danger-strong: #ffd1d1;--text: #e5e7eb;--shadow: 0 28px 80px rgba(3, 8, 20, .62);--glow-primary: rgba(106, 165, 255, .18);--glow-accent: rgba(170, 142, 255, .16);--grid: rgba(106, 165, 255, .08);--overlay: rgba(5, 8, 16, .72);--overlay-strong: rgba(2, 5, 12, .8);--chip-bg: rgba(106, 165, 255, .18);--chip-color: #c7ddff;--ghost-bg: rgba(15, 23, 42, .6);--inset-highlight: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 18% 20%,var(--glow-primary),transparent 32%),radial-gradient(circle at 82% 8%,var(--glow-accent),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg-accent) 100%);color:var(--text);min-height:100vh;transition:background .2s ease,color .2s ease}.app-shell{position:relative;min-height:100vh;padding:48px 20px 80px;display:flex;align-items:flex-start;justify-content:center}.background-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:120px 120px;opacity:.4;pointer-events:none;filter:blur(.4px)}.auth-card,.filter-card,.table-card,.modal,.profile-card,.lock-card,.notes-card,.todo-summary,.todo-card{backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%)}.auth-card{width:min(460px,90vw);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;z-index:1}.auth-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.auth-form label,.modal label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.auth-form input,.modal input,.modal textarea,.lock-form input{padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--field-bg);color:var(--text);outline:none}.auth-form input:focus,.modal input:focus,.modal textarea:focus,.lock-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-switch{margin-top:16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.switch-buttons{display:flex;gap:8px}button.small{padding:7px 10px;font-size:13px}.alert-note{font-size:12px;color:#d97706;background:#d9770614;border:1px solid rgba(217,119,6,.3);padding:8px 10px;border-radius:var(--radius-xs)}[data-theme=dark] .alert-note{color:#f6b669;background:#d9770629;border-color:#d9770666}button{border:none;cursor:pointer;border-radius:var(--radius-sm);font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-contrast);padding:12px 16px}.profile-chip{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--chip-color);background:var(--chip-bg)}.avatar-circle{font-size:18px;display:inline-flex;align-items:center;justify-content:center}.avatar-icon{width:18px;height:18px}button.ghost{background:var(--ghost-bg);color:var(--text);padding:10px 14px;border:1px solid var(--border)}button.danger{background:#ff5f5f1f;color:var(--danger-strong);padding:10px 14px;border:1px solid rgba(255,95,95,.4)}button.icon{background:transparent;border:none;color:var(--muted);padding:6px}button.icon-lg{font-size:22px;padding:4px 8px;color:var(--text)}button.ghost-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--ghost-bg);color:var(--text);padding:10px;border-radius:var(--radius-sm)}button.ghost-pill.active{border:1px solid rgba(60,111,240,.35);background:#3c6ff01f;color:var(--primary)}button.danger-pill{display:inline-flex;align-items:center;justify-content:center;background:#ff5f5f1f;color:var(--danger-strong);padding:10px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button:active{transform:translateY(1px)}.form-error,.banner.error{color:#ffc5c5;background:#ff5f5f1a;border:1px solid rgba(255,95,95,.3);padding:10px 12px;border-radius:var(--radius-md)}.banner.success{color:#0f5132;background:#30e0a11f;border:1px solid rgba(48,224,161,.4)}[data-theme=dark] .banner.success{color:#c3f9e1;background:#30e0a12e;border-color:#30e0a173}[data-theme=dark] .form-error,[data-theme=dark] .banner.error{color:#ffd4d4;background:#ff7a7a2e;border-color:#ff7a7a73}.banner.compact{padding:10px 12px}.loading{color:var(--muted);padding:20px 0}.dashboard{width:min(1100px,96vw);z-index:1;display:flex;flex-direction:column;gap:20px}.dashboard-content{display:flex;flex-direction:column;gap:20px}.dashboard-content.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.top-bar h1{margin:4px 0 6px}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.muted{color:var(--muted)}.actions-stack{display:flex;gap:10px;align-items:center}.side-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);width:23px;height:250px;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--card-strong);border:1px solid var(--border);border-right:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);transition:transform .2s ease,box-shadow .2s ease;z-index:10}.side-tab.open{opacity:0;pointer-events:none;transform:translateY(-50%);box-shadow:none}.side-tab:active{transform:translateY(-50%)}.side-tab-arrow{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(135deg)}.side-tab.open .side-tab-arrow{transform:rotate(-45deg)}.logo-text{font-size:22px;font-weight:700;letter-spacing:.4px}.logo-inline{display:inline-flex;align-items:center;gap:4px}.logo-inline img{height:30px;width:30px}.logo-inline span{font-weight:700;letter-spacing:.3px;font-size:19px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.filter-card{background:var(--card);border-radius:var(--radius-lg);padding:14px 16px}.filter-card input{width:100%;margin-top:6px;padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--field-bg);color:var(--text);outline:none}.filter-card input:focus{border-color:var(--primary)}.metric-label{color:var(--muted);font-size:13px}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.table-header{padding:16px 18px 8px;display:flex;justify-content:space-between;align-items:center}.table-header.with-filters{flex-direction:column;align-items:stretch;gap:12px}.table-wrapper{overflow:auto}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:10px 18px;text-align:left;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:13px;border-bottom:1px solid var(--border)}td{color:var(--text)}tbody tr:not(:last-child) td{border-bottom:1px solid var(--border)}.name-cell{display:flex;flex-direction:column;gap:4px}.value-cell{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-width:0;overflow-wrap:anywhere}.name-cell{font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;max-height:28px;overflow:hidden;align-items:center;width:100%}.tag{background:#3c6ff014;border:1px solid rgba(60,111,240,.2);padding:4px 8px;border-radius:var(--radius-xs);color:var(--primary);font-size:12px;line-height:1;min-height:22px;display:inline-flex;align-items:center}.actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}.actions-col{width:220px}.name-col{width:22%}.value-col{width:70%}.empty{text-align:center;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:12px;z-index:10}.modal{width:min(680px,95vw);background:var(--card-strong);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:0 18px 18px}.side-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:8}.side-panel-backdrop.open{opacity:1;pointer-events:auto}.side-panel-backdrop.lock-active{z-index:24}.side-panel{position:fixed;top:50%;right:0;height:auto;width:var(--side-panel-width);max-height:min(80vh,640px);background:var(--card-strong);border-left:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);padding:24px 20px;display:flex;flex-direction:column;gap:20px;border-radius:var(--radius-xl) 0 0 var(--radius-xl);transform:translate(100%,-50%);transition:transform .2s ease;z-index:9}.side-panel.open{transform:translateY(-50%)}.side-panel.lock-active{z-index:25}.side-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.close-button{font-size:18px;line-height:1}.pomodoro-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 1px 0 var(--inset-highlight)}.pomodoro-timer{display:flex;flex-direction:column;gap:8px}.pomodoro-mode{align-self:flex-start;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 10px;border-radius:999px;background:var(--ghost-bg);border:1px solid var(--border)}.pomodoro-mode.focus{color:var(--primary);border-color:#3c6ff04d}.pomodoro-mode.break{color:#20a46d;border-color:#20a46d66}.pomodoro-time{font-size:40px;font-weight:700;letter-spacing:.04em}.pomodoro-controls{display:flex;gap:10px}.pomodoro-controls button{flex:1}.pomodoro-settings{display:grid;gap:12px}.pomodoro-settings label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.pomodoro-settings input{padding:10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--field-bg);color:var(--text);outline:none}.pomodoro-notify{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:12px}.modal.note-modal{width:min(900px,98vw);max-height:92vh}.modal.note-modal .modal-body{max-height:calc(92vh - 100px);overflow-y:auto}.modal.note-modal .richtext-editor{min-height:220px;max-height:520px}.modal.note-view-modal{width:min(1200px,96vw);height:88vh;max-height:92vh;padding:0 20px 20px;display:flex;flex-direction:column}.note-view-body{margin-top:8px;flex:1;display:flex;min-height:0}.note-view-content{flex:1;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;background:radial-gradient(circle at 18% 14%,var(--glow-primary),transparent 32%),radial-gradient(circle at 82% 8%,var(--glow-accent),transparent 30%),var(--card-strong);overflow-y:auto;overflow-x:hidden;line-height:1.7;letter-spacing:.01em;word-break:break-word;box-shadow:inset 0 1px 0 var(--inset-highlight)}.note-view-content p{margin:0 0 12px}.note-view-content ul,.note-view-content ol{padding-left:18px;margin:6px 0 12px}.note-view-content li{margin-bottom:4px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header-actions{display:flex;align-items:center;gap:8px}.modal-header button.icon{font-size:25px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.modal-header.compact{padding-bottom:6px;margin-bottom:4px}.modal-body{display:flex;flex-direction:column;gap:16px;padding-top:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.modal-actions.right{justify-content:flex-end}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-top:12px;box-shadow:var(--shadow)}.profile-header h3{margin:2px 0}.profile-form{display:flex;flex-direction:column;gap:14px;margin-top:6px}.two-col,.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.profile-card label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.profile-card input{width:100%;padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--field-bg);color:var(--text);outline:none}.profile-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.profile-grid.vertical{display:flex;flex-direction:column;gap:12px;width:60%}.profile-actions{display:flex;justify-content:flex-end}.profile-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px}.theme-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}.theme-toggle input{position:absolute;opacity:0;width:0;height:0}.theme-slider{width:48px;height:28px;border-radius:999px;background:var(--ghost-bg);border:1px solid var(--border);position:relative;transition:background .16s ease,border-color .16s ease}.theme-slider:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 6px 14px #11182733;transition:transform .16s ease}.theme-toggle input:checked+.theme-slider:after{transform:translate(20px)}.theme-toggle input:focus+.theme-slider{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.danger-zone{margin-top:16px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.lock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20}.lock-card{width:min(420px,90vw);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;text-align:center;position:relative;z-index:1}.lock-pomodoro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card-muted);margin-bottom:16px;text-align:left}.lock-pomodoro-info{display:flex;flex-direction:column;gap:6px}.lock-pomodoro-time{font-size:22px;font-weight:700;letter-spacing:.04em}.lock-pomodoro-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}[data-theme=dark] .lock-card{background:var(--card-strong)}.lock-title{font-size:22px;margin-bottom:6px}.lock-form{margin-top:14px;display:flex;flex-direction:column;gap:12px}.lock-actions{display:flex;gap:10px;justify-content:center}.notes-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.todo-page{display:flex;flex-direction:column;gap:20px}.todo-summary{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;gap:16px}.todo-stats{display:flex;gap:12px;flex-wrap:wrap}.todo-stat{border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;min-width:90px;text-align:center;background:var(--card-muted)}.todo-stat-value{font-size:18px;font-weight:700}.todo-stat-label{color:var(--muted);font-size:12px}.todo-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.todo-form{display:flex;flex-direction:column;gap:14px}.todo-form-grid{display:grid;grid-template-columns:minmax(320px,2.4fr) minmax(180px,1fr) minmax(180px,1fr) minmax(140px,.8fr);gap:12px}.todo-field.compact{justify-self:start}.todo-field.compact input,.todo-field.compact select{width:100%;max-width:220px;min-width:180px}.todo-field.details{min-width:0}.todo-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.todo-form input,.todo-form select,.todo-form textarea{padding:12px 14px;border-radius:var(--radius-xs);border:1px solid var(--border);background-color:var(--field-bg);color:var(--text);outline:none;font-family:inherit}.todo-form input:focus,.todo-form select:focus,.todo-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.todo-form textarea{resize:vertical;min-height:110px}.todo-form select,.todo-sort select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20' fill='none' stroke='%236f7b95' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:36px}.todo-form-actions{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;align-self:start;padding-top:26px}.todo-form-actions button{width:100%}.todo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:12px}.todo-filters{display:flex;gap:8px;flex-wrap:wrap}.todo-sort label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.todo-sort select{padding:10px 36px 10px 12px;border-radius:var(--radius-xs);border:1px solid var(--border);background-color:var(--field-bg);color:var(--text);outline:none;font-family:inherit}.todo-list{display:flex;flex-direction:column;gap:12px}.todo-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:var(--card-muted)}.todo-row.completed{opacity:.7}.todo-check{display:flex;align-items:flex-start;padding-top:4px}.todo-check input{width:18px;height:18px;accent-color:var(--primary)}.todo-main{min-width:0}.todo-title{font-weight:400;font-size:16px;color:var(--text);word-break:break-word;padding-top:4px}.todo-row.completed .todo-title{color:var(--muted);text-decoration:line-through}.todo-details{margin-top:4px;color:var(--muted);line-height:1.6;white-space:pre-wrap}.todo-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.todo-pill{font-size:12px;padding:4px 8px;border-radius:var(--radius-xs);border:1px solid rgba(60,111,240,.2);background:#3c6ff014;color:var(--primary);display:inline-flex;align-items:center}.todo-pill.priority-high{background:#ff5f5f1f;border-color:#ff5f5f66;color:#b42323}.todo-pill.priority-medium{background:#3c6ff01f;border-color:#3c6ff033;color:var(--primary)}.todo-pill.priority-low,.todo-pill.done{background:#30e0a11f;border-color:#30e0a159;color:#0f5132}.todo-pill.overdue{background:#ff5f5f1f;border-color:#ff5f5f66;color:#b42323}.todo-actions{display:flex;gap:8px;align-items:center}.notes-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.note-list{display:flex;flex-direction:column;gap:12px}.note-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:var(--card-muted)}.note-row-header{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.note-title-wrap{min-width:0}.note-title{font-weight:700;font-size:16px;color:var(--muted);white-space:normal;word-break:break-word;overflow-wrap:anywhere}.note-subtitle{color:var(--muted);font-size:12px}.note-body{margin-top:4px;white-space:pre-wrap;line-height:1.6;letter-spacing:.01em;color:var(--text);max-height:240px;overflow-y:hidden;overflow-x:hidden;word-break:break-word}.note-body:focus,.note-body:focus-within{overflow-y:auto}.richtext-field{display:flex;flex-direction:column;gap:8px}.richtext-toolbar{display:flex;gap:6px}.richtext-toolbar button{background:var(--ghost-bg);border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius-xs)}.richtext-editor{min-height:140px;max-height:320px;border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px;background:var(--card-muted);outline:none;overflow-y:auto;overflow-x:hidden;word-break:break-word}.richtext-editor:focus{border-color:var(--primary);box-shadow:0 0 0 3px #30e0a11f}.richtext-editor:empty:before{content:attr(placeholder);color:var(--muted);pointer-events:none}.note-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto;flex-shrink:0;justify-self:end}.empty-card{border:1px dashed var(--border);background:var(--card-muted);border-radius:var(--radius-md);padding:14px;text-align:center}.section-title{font-weight:700}.banner{padding:12px 14px;border-radius:var(--radius-md)}@media (max-width: 960px){.app-shell{padding:20px 16px 64px;align-items:stretch}.dashboard{width:100%}.auth-card{width:100%;padding:28px 24px}.modal{width:min(640px,100%)}.top-bar{align-items:flex-start}.actions-stack{flex-wrap:wrap;width:100%}}@media (max-width: 720px){.top-bar{flex-direction:column;align-items:flex-start}.actions-stack{width:100%;gap:8px;justify-content:flex-start;flex-wrap:wrap}.actions-stack>*{width:100%}.actions-stack .profile-chip{width:38px}.table-header{flex-direction:column;align-items:flex-start;gap:10px}th,td{font-size:14px;padding:12px 10px}.actions-col{width:100%}.value-cell,.notes-header{flex-direction:column;align-items:flex-start;gap:8px}.note-row-header{grid-template-columns:1fr;row-gap:8px}.note-actions{width:100%;justify-content:flex-start;justify-self:start;margin-left:0;flex-wrap:wrap}.filters{grid-template-columns:1fr}.profile-grid.vertical{width:100%}.profile-section,.todo-summary{flex-direction:column;align-items:flex-start}.todo-form-grid{grid-template-columns:1fr}.todo-form-actions{padding-top:0;align-self:stretch}.todo-toolbar{align-items:flex-start}.todo-row{grid-template-columns:1fr}.todo-actions{justify-content:flex-start}.danger-zone{flex-direction:column;align-items:flex-start}}@media (max-width: 540px){.app-shell{padding:24px 12px 52px}.auth-header{flex-direction:column;align-items:flex-start;gap:6px}.auth-switch{flex-direction:column;align-items:flex-start;gap:12px}.auth-form button.primary,.auth-card,.lock-card,.modal{width:100%}.lock-actions{flex-direction:column}.lock-actions button{width:100%}.actions-stack>*{width:100%}.actions,.note-actions{width:100%}.todo-form-actions{flex-direction:column;align-items:stretch}.todo-form-actions button{width:100%}.lock-pomodoro{flex-direction:column;align-items:stretch}.lock-pomodoro-actions{justify-content:flex-start}.side-panel{top:0;height:100vh;width:100%;max-height:none;border-radius:0;transform:translate(100%)}.side-panel.open{transform:translate(0)}.side-tab.open{transform:translateY(-50%)}.pomodoro-controls{flex-direction:column}.pomodoro-notify{flex-direction:column;align-items:flex-start}th,td{padding:10px 8px}}