:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{font-family:Inter,system-ui,Arial,sans-serif;color:#1e293b;background:#f1f5f9;--wallpaper-image: none;--wallpaper-overlay: rgba(15, 23, 42, .46);--panel-background: rgba(255, 255, 255, .9)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(var(--wallpaper-overlay),var(--wallpaper-overlay)),var(--wallpaper-image) center / cover fixed no-repeat,#d6dee8}*{box-sizing:border-box}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:.8rem 1.1rem;background:#0f172a;color:#fff;font-size:.95rem;cursor:pointer}button:hover{opacity:.94}button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{background:#e2e8f0;color:#0f172a}input,select{width:100%;padding:.8rem .9rem;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a}input::placeholder{color:#94a3b8}.app{max-width:1200px;margin:0 auto;padding:2rem}.hero{background:var(--panel-background);border-radius:24px;padding:2rem;box-shadow:0 10px 30px #0f172a14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.eyebrow{margin:0 0 .5rem;font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:.08em}.hero h1{margin:0;font-size:3rem}.subtitle{margin:.5rem 0 0;color:#2563eb;font-weight:600}.description{max-width:720px;color:#475569}.content{margin-top:1.5rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.session-chip{display:flex;align-items:center;gap:.45rem;margin-left:auto;font-size:.85rem;color:#334155}.session-chip strong{color:#0f172a}.auth-panel,.loading-panel,.error-banner{background:var(--panel-background);border-radius:16px;padding:1rem;box-shadow:0 8px 24px #0f172a14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-bottom:1rem}.auth-panel h2,.loading-panel h2{margin:0 0 .4rem}.auth-panel p,.loading-panel p{margin:.25rem 0;color:#475569}.auth-form{margin-top:.75rem;display:grid;gap:.75rem}.auth-provider-note{margin-top:.75rem;font-size:.86rem}.error-text{color:#b91c1c;font-weight:600}.error-banner{border:1px solid #fecaca;background:#fef2f2f0;color:#991b1b;font-weight:600}.selection-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;background:#eff6ffeb;border:1px solid #bfdbfe;border-radius:14px;padding:.75rem 1rem;margin-bottom:1rem}.selection-banner p{margin:0;color:#1e3a8a}.selection-status{font-size:.85rem;color:#334155}.selection-actions{display:flex;gap:.5rem;flex-wrap:wrap}.task-form-panel{background:var(--panel-background);border-radius:24px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 30px #0f172a0f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.task-form{display:grid;gap:1rem}.task-form-heading{margin:0}.form-row{display:grid;gap:.4rem}.form-row label{font-weight:600;color:#334155}.form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.image-preview-block{display:grid;gap:.5rem}.preview-label{margin:0;font-weight:600;color:#334155}.image-preview{width:100%;max-width:420px;border-radius:18px;border:1px solid #cbd5e1;display:block}.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.status-sections{display:grid;gap:1rem}.task-table-panel{margin-top:1rem;background:var(--panel-background);border-radius:16px;padding:.85rem;box-shadow:0 8px 24px #0f172a14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.task-table-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}.task-table-header h2{margin:0;font-size:1rem}.task-table-header span{font-size:.82rem;color:#475569}.task-table-wrap{overflow-x:auto}.task-table{width:100%;border-collapse:collapse;min-width:980px;font-size:.8rem}.task-table th,.task-table td{border:1px solid #cbd5e1;padding:.4rem .45rem;text-align:left;vertical-align:top}.task-table thead th{background:#e2e8f0;position:sticky;top:0;z-index:1}.task-table tbody tr{background:#ffffffe0;cursor:pointer}.task-table tbody tr:hover{background:#eff6ff}.task-row-selected{background:#dbeafe!important}.task-row-archived{opacity:.72}.task-table-title{font-weight:700}.table-text-cell{min-width:170px;max-width:220px;white-space:normal;word-break:break-word}.table-empty-cell{text-align:center;color:#64748b;background:#ffffffe0}.status-section{background:var(--panel-background);border-radius:16px;padding:.85rem;box-shadow:0 8px 24px #0f172a14;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.status-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.status-section-header h2{margin:0;font-size:1rem;color:#0f172a}.status-count{display:inline-block;min-width:1.75rem;padding:.2rem .4rem;border-radius:999px;background:#e2e8f0;color:#0f172a;text-align:center;font-size:.78rem;font-weight:600}.empty-status{margin:0;font-size:.86rem;color:#64748b}.status-task-grid{grid-template-columns:repeat(auto-fill,minmax(130px,130px));justify-content:start;gap:.65rem}.task-card{background:var(--panel-background);border-radius:12px;padding:.55rem;border:2px solid transparent;box-shadow:0 10px 30px #0f172a0f;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.task-card:hover{border-color:#bfdbfe}.task-card:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.task-card-selected{border-color:#2563eb;box-shadow:0 12px 34px #2563eb33}.task-image-wrap{margin:-.55rem -.55rem .55rem;aspect-ratio:14 / 11;overflow:hidden;background:#cbd5e1}.task-image{width:100%;height:100%;object-fit:cover;display:block}.task-image-placeholder{margin:-.55rem -.55rem .55rem;aspect-ratio:14 / 11;display:flex;align-items:center;justify-content:center;background:#e2e8f0;color:#64748b;font-size:.8rem;font-weight:600}.task-card h2{margin-top:.4rem;margin-bottom:.35rem;font-size:.9rem;line-height:1.2}.task-meta{display:flex;justify-content:space-between;gap:.4rem;align-items:center}.badge,.status{display:inline-block;padding:.2rem .42rem;border-radius:999px;font-size:.62rem}.badge{background:#dbeafe;color:#1d4ed8}.status,.status-open{background:#e2e8f0;color:#334155}.status-volunteered{background:#ffedd5;color:#9a3412}.status-assigned{background:#dbeafe;color:#1d4ed8}.status-in-progress{background:#fef3c7;color:#92400e}.status-done{background:#dcfce7;color:#166534}.status-archived{background:#f1f5f9;color:#475569}.task-description{margin:.28rem 0;font-size:.76rem;line-height:1.3;color:#475569}.task-details{margin-top:.35rem}.task-details p{margin:.16rem 0;font-size:.72rem;line-height:1.3}.task-notes{margin-top:.35rem;padding:.4rem;font-size:.72rem;line-height:1.3;background:#f1f5f9;border-radius:10px}textarea{min-height:80px;border-radius:12px;border:1px solid #cbd5e1;padding:.7rem;color:#0f172a;background:#fff}textarea::placeholder{color:#94a3b8}@media(max-width:640px){.app{padding:1rem}.session-chip{margin-left:0;width:100%;justify-content:space-between}.session-chip span{flex:1}.session-chip button{margin-left:0}.task-grid,.status-task-grid{grid-template-columns:1fr}.task-table-panel{padding:.6rem}.task-table{font-size:.74rem}}