:root{color:#1f2937;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:10px 14px;transition:background-color .12s,box-shadow .12s,transform 80ms}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):hover{background:#1d4ed8}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.app-shell{width:min(1180px,100vw - 32px);margin:32px auto}.app-footer{color:#64748b;border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:28px;padding-top:14px;font-size:13px;display:flex}.toolbar{border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;display:flex}.auth-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:18px;max-width:420px;margin:96px auto 0;padding:24px;display:grid}.auth-form{gap:14px;display:grid}.toolbar-actions{align-items:center;gap:12px;display:flex}.top-nav{flex-wrap:wrap;gap:8px;display:flex}.nav-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.nav-button:not(:disabled):hover{background:#f8fafc}.nav-button.active{color:#1d4ed8;background:#dbeafe;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}h1{margin:0;font-size:32px}h2{margin:0;font-size:18px}p{color:#6b7280;margin:6px 0 0}.workspace{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:20px;margin-top:24px;display:grid}.filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px;padding:14px;display:grid}.filter-actions{align-items:end;gap:10px;display:flex}.list-panel,.editor-panel{min-width:0;margin-top:24px}.management-panel{border-top:1px solid #d1d5db;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;padding-top:20px;display:grid}.management-panel.single-panel{grid-template-columns:1fr}.settings-panel{border-top:1px solid #d1d5db;gap:20px;margin-top:24px;padding-top:20px;display:grid}.settings-section{gap:14px;max-width:760px;display:grid}.settings-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:12px;display:grid}.session-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-list li{background:#fff;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.session-list li div{gap:3px;min-width:0;display:grid}.session-list span,.session-list small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.management-panel section{gap:12px;display:grid}.management-form{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px;display:grid}.management-form.expanded{grid-template-columns:minmax(0,1fr) auto}.color-field input{min-width:56px;height:42px;padding:4px}.management-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.management-list li{background:#fff;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.management-summary{gap:3px;min-width:0;display:grid}.management-summary span,.management-summary small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.management-summary small{color:#64748b}.management-summary.no-swatch{grid-column:1/3}.color-swatch{border:1px solid #cbd5e1;border-radius:999px;width:18px;height:18px}.todo-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.todo-list li{min-width:0}.todo-row{color:#1f2937;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;width:100%;min-height:58px;padding:12px 14px;transition:border-color .12s,background-color .12s,box-shadow .12s,transform 80ms;display:grid}.todo-row:not(:disabled):hover{background:#f8fbff;border-color:#93c5fd;box-shadow:0 1px 4px #0f172a14}.todo-row:not(:disabled):active{transform:translateY(1px)}.todo-row.selected{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.todo-row.deleted{color:#6b7280;background:#f9fafb;border-style:dashed}.todo-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-meta{color:#6b7280;grid-column:2;font-size:12px}.status{color:#075985;text-align:center;background:#e0f2fe;border-radius:999px;min-width:72px;padding:4px 8px;font-size:12px}.completed,.canceled{color:#4b5563;background:#e5e7eb}.in_progress{color:#166534;background:#dcfce7}.paused,.waiting{color:#92400e;background:#fef3c7}.editor-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px}.panel-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panel-header.compact{align-items:center;margin-bottom:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{color:#374151;gap:6px;font-size:14px;display:grid}.field input,.field select,.field textarea{border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 12px;transition:border-color .12s,box-shadow .12s,background-color .12s}.field input:hover,.field select:hover,.field textarea:hover{border-color:#94a3b8}.field input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.field textarea{resize:vertical}.title-field,.wide{grid-column:1/-1}.checkbox-field,.toggle{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.recurrence-section{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:12px;padding:14px;display:grid}.recurrence-section legend{color:#1f2937;padding:0 6px;font-weight:700}.recurrence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-help{color:#64748b;grid-column:1/-1;margin:0;font-size:13px}.editor-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.danger{background:#dc2626}.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.secondary:not(:disabled):hover{background:#f8fafc}.danger:not(:disabled):hover{background:#b91c1c}.empty,.notice{color:#6b7280}.notice{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px}.success{color:#166534;background:#f0fdf4;border-color:#86efac}.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (width<=820px){.toolbar,.toolbar-actions,.panel-header{flex-direction:column;align-items:stretch}.workspace,.filter-panel,.filter-actions,.form-grid,.management-panel,.management-form,.settings-form,.recurrence-grid{grid-template-columns:1fr}}