@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg:#f5f3ee;--surface:#fff;--surface-2:#f0ede6;--border:#e2ddd4;--text:#1a1714;--text-2:#6b6560;--text-3:#a09890;--accent:#2a5caa;--accent-light:#dde8f7;--danger:#c0392b;--danger-light:#fbecea;--success:#27ae60;--success-light:#eafaf1;--admin-color:#7b4ea8;--editor-color:#2a5caa;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px #1a171412;--shadow-md:0 6px 30px #1a17141f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f5f3ee;background:var(--bg);color:#1a1714;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.5}.app-shell,body{min-height:100vh}.app-shell{display:flex;flex-direction:column}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2ddd4;border-bottom:1px solid var(--border);display:flex;height:60px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar-brand{color:#2a5caa;color:var(--accent);font-family:"DM Serif Display",serif;font-size:22px;letter-spacing:-.3px}.topbar-user{gap:12px}.topbar-actions,.topbar-user{align-items:center;display:flex}.topbar-actions{gap:8px}.user-name{font-size:14px;font-weight:500;padding:6px 0}.avatar{border:2px solid #e2ddd4;border:2px solid var(--border);border-radius:50%;height:34px;object-fit:cover;width:34px}.avatar-sm{height:30px;width:30px}.avatar-fallback{align-items:center;background:#dde8f7;background:var(--accent-light);color:#2a5caa;color:var(--accent);display:flex;font-size:13px;font-weight:600;justify-content:center}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit}.btn-primary{background:#2a5caa;background:var(--accent);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:600;padding:8px 18px;transition:background .15s,transform .1s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#1e4a8c}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{cursor:not-allowed;opacity:.45}.btn-secondary{background:#f0ede6;background:var(--surface-2);border:1px solid #e2ddd4;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1714;color:var(--text);font-size:14px;font-weight:500;padding:7px 14px;transition:background .15s}.btn-secondary:hover{background:#e2ddd4;background:var(--border)}.btn-ghost{border-radius:6px;border-radius:var(--radius-sm);color:#6b6560;color:var(--text-2);font-size:14px;font-weight:500;padding:6px 10px;transition:background .15s,color .15s}.btn-ghost:hover{background:#f0ede6;background:var(--surface-2);color:#1a1714;color:var(--text)}.btn-icon{border-radius:4px;color:#a09890;color:var(--text-3);font-size:15px;line-height:1;padding:4px 6px;transition:background .15s,color .15s}.btn-icon:hover{background:#f0ede6;background:var(--surface-2);color:#1a1714;color:var(--text)}.btn-icon.btn-danger:hover{background:#fbecea;background:var(--danger-light);color:#c0392b;color:var(--danger)}.btn-google{align-items:center;background:#fff;border:1.5px solid #e2ddd4;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #1a171412;box-shadow:var(--shadow);display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;margin:0 auto;padding:12px 24px;transition:box-shadow .15s,transform .1s}.btn-google:hover{box-shadow:0 6px 30px #1a17141f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-google:active{transform:scale(.99)}.input{background:#fff;background:var(--surface);border:1.5px solid #e2ddd4;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1714;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:#2a5caa;border-color:var(--accent);box-shadow:0 0 0 3px #dde8f7;box-shadow:0 0 0 3px var(--accent-light)}.input:disabled{cursor:not-allowed;opacity:.5}.select{background:#fff;background:var(--surface);border:1.5px solid #e2ddd4;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#1a1714;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:7px 10px}.select:focus{border-color:#2a5caa;border-color:var(--accent)}.select-sm{font-size:12px;padding:5px 8px}.login-page{align-items:center;background:#f5f3ee;background:var(--bg);background-image:radial-gradient(circle at 20% 30%,#2a5caa0f 0,#0000 50%),radial-gradient(circle at 80% 70%,#7b4ea80d 0,#0000 50%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--surface);border:1px solid #e2ddd4;border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 30px #1a17141f;box-shadow:var(--shadow-md);max-width:360px;padding:48px 40px;text-align:center;width:100%}.login-logo{align-items:center;background:#2a5caa;background:var(--accent);border-radius:14px;color:#fff;display:flex;font-size:28px;font-weight:700;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.login-card h1{color:#1a1714;color:var(--text);font-family:"DM Serif Display",serif;font-size:32px;letter-spacing:-.5px;margin-bottom:8px}.login-card p{color:#6b6560;color:var(--text-2);font-size:15px;margin-bottom:28px}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px;margin-top:16px;padding:10px 14px;text-align:center}.dashboard{flex:1 1;margin:0 auto;max-width:860px;padding:32px 24px}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.dashboard-header h2{font-family:"DM Serif Display",serif;font-size:28px;letter-spacing:-.3px}.create-form{display:flex;flex:1 1;gap:8px;max-width:380px}.list-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.list-card{background:#fff;background:var(--surface);border:1.5px solid #e2ddd4;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius);cursor:pointer;padding:20px;position:relative;transition:box-shadow .15s,border-color .15s,transform .15s}.list-card:hover{border-color:#2a5caa;border-color:var(--accent);box-shadow:0 6px 30px #1a17141f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.list-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.list-card h3{font-size:16px;font-weight:600;line-height:1.3;word-break:break-word}.list-card-meta{align-items:center;display:flex;gap:8px}.member-count{color:#a09890;color:var(--text-3);font-size:12px}.role-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-admin{background:#f0e8f7;color:#7b4ea8;color:var(--admin-color)}.role-editor{background:#dde8f7;background:var(--accent-light);color:#2a5caa;color:var(--accent)}.owner-badge,.you-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.3px;margin-left:6px;padding:1px 6px;text-transform:uppercase}.owner-badge{background:#fef3e2;color:#b7640a}.you-badge{background:#f0ede6;background:var(--surface-2);color:#6b6560;color:var(--text-2)}.list-page{flex:1 1;margin:0 auto;max-width:680px;padding:32px 24px}.list-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.list-title{cursor:default;font-family:"DM Serif Display",serif;font-size:30px;letter-spacing:-.4px}.list-title[title]:hover{cursor:text;-webkit-text-decoration:underline dotted #a09890;text-decoration:underline dotted #a09890;-webkit-text-decoration:underline dotted var(--text-3);text-decoration:underline dotted var(--text-3)}.list-title-input{font-family:"DM Serif Display",serif;font-size:28px;max-width:380px;padding:4px 8px}.list-title-meta,.list-title-row-name{align-items:center;display:flex;gap:8px}.add-task-form{display:flex;gap:8px;margin-bottom:28px}.task-section{margin-bottom:24px}.task-section-done{opacity:.7}.task-section-label{align-items:center;color:#a09890;color:var(--text-3);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.task-count{background:#f0ede6;background:var(--surface-2);border-radius:10px;color:#6b6560;color:var(--text-2);font-size:11px;padding:1px 7px}.task-row{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e2ddd4;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:6px;min-height:48px;padding:10px 12px;transition:border-color .15s}.task-row:hover{border-color:#c8c0b4}.task-row.task-done .task-text{color:#a09890;color:var(--text-3);text-decoration:line-through}.task-check{align-items:center;border:2px solid #e2ddd4;border:2px solid var(--border);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:22px;justify-content:center;transition:background .15s,border-color .15s;width:22px}.task-check:hover{border-color:#2a5caa;border-color:var(--accent)}.task-check.checked{background:#27ae60;background:var(--success);border-color:#27ae60;border-color:var(--success)}.task-text{flex:1 1;font-size:15px;word-break:break-word}.task-edit-input{flex:1 1}.task-meta{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .15s}.task-row:hover .task-meta{opacity:1}.task-by{color:#a09890;color:var(--text-3);font-size:11px;white-space:nowrap}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a171466;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal{animation:modal-in .18s ease;background:#fff;background:var(--surface);border-radius:14px;box-shadow:0 6px 30px #1a17141f;box-shadow:var(--shadow-md);max-height:85vh;max-width:480px;overflow-y:auto;width:100%}.modal-wide{max-width:560px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2ddd4;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h3{font-family:"DM Serif Display",serif;font-size:20px}.share-form{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px}.share-form .input{min-width:180px}.status-msg{border-radius:6px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin:0 24px 12px;padding:10px 14px}.status-error{background:#fbecea;background:var(--danger-light);color:#c0392b;color:var(--danger)}.status-success{background:#eafaf1;background:var(--success-light);color:#27ae60;color:var(--success)}.members-list{padding:0 24px 24px}.members-list h4{color:#a09890;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;margin-top:4px;text-transform:uppercase}.member-row{align-items:center;border-bottom:1px solid #e2ddd4;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:10px 0}.member-row:last-child{border-bottom:none}.member-info{gap:10px;min-width:0}.member-info,.member-name{align-items:center;display:flex}.member-name{font-size:14px;font-weight:500;gap:4px}.member-email{color:#a09890;color:var(--text-3);font-size:12px}.member-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.audit-list{padding:8px 24px 24px}.audit-row{align-items:flex-start;border-bottom:1px solid #e2ddd4;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 0}.audit-row:last-child{border-bottom:none}.audit-icon{flex-shrink:0;font-size:18px;text-align:center;width:28px}.audit-body{flex:1 1;min-width:0}.audit-text{font-size:14px;line-height:1.4}.audit-actor{font-weight:600}.audit-detail{color:#6b6560;color:var(--text-2);font-style:italic}.audit-time{color:#a09890;color:var(--text-3);font-size:12px;margin-top:2px}.empty-state{color:#6b6560;color:var(--text-2);padding:48px 24px;text-align:center}.empty-icon{font-size:40px;margin-bottom:12px}.empty-state p{font-size:15px;margin-bottom:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2ddd4;background:var(--border);border-radius:10px}.login-audit-page{flex:1 1;margin:0 auto;max-width:860px;padding:32px 24px}.login-audit-header{font-family:"DM Serif Display",serif;font-size:28px;letter-spacing:-.3px;margin-bottom:24px}.login-status-badge{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.login-success{background:#eafaf1;background:var(--success-light);color:#27ae60;color:var(--success)}.login-failure{background:#fbecea;background:var(--danger-light);color:#c0392b;color:var(--danger)}@media (max-width:600px){.topbar{padding:0 16px}.dashboard,.list-page,.login-audit-page{padding:20px 16px}.dashboard-header{align-items:stretch;flex-direction:column}.create-form{max-width:100%}.list-title-row{align-items:flex-start}.list-title-row,.share-form{flex-direction:column}}
/*# sourceMappingURL=main.7ed6f481.css.map*/