@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#2447b3;--primary-dark:#111f5f;--primary-soft:#e9eeff;--accent:#d8a73d;--accent-dark:#956c16;--bg:#eef2fb;--bg-card:#fffefe;--text-primary:#101a44;--text-secondary:#68728f;--danger:#c7435d;--danger-soft:#fff0f1;--success:#17946f;--border:#dbe3f6;--border-strong:#111f5f29;--shadow:0 12px 30px #111f5f17, 0 1px 0 #ffffffe6 inset;--shadow-soft:0 4px 14px #111f5f14;--radius-sm:8px;--radius:14px;--radius-lg:20px;--nav-height:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(135deg, #2447b30e 0 1px, transparent 1px 30px), linear-gradient(45deg, #d8a73d0b 0 1px, transparent 1px 34px), linear-gradient(180deg, #f8faff 0%, var(--bg) 50%, #eef5ff 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.page-header{isolation:isolate;background:linear-gradient(120deg, #ffffff14 0 1px, transparent 1px 28px), linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 56%, #496fe8 100%);color:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:1px solid #ffffff29;padding:18px 20px 22px;position:relative;overflow:hidden;box-shadow:0 16px 34px #111f5f38}.page-header:after{content:"DUNIN";z-index:-1;color:#ffffff14;letter-spacing:0;font-size:54px;font-weight:800;line-height:1;position:absolute;bottom:-18px;right:-10px}.page-header>*{z-index:1;position:relative}.page-header h1{font-size:20px;font-weight:700;line-height:1.15}.page-header .subtitle{opacity:.88;margin-top:5px;font-size:13px}.page-content{padding:16px;padding-bottom:calc(var(--nav-height) + 24px)}.section-label{text-transform:uppercase;letter-spacing:0;color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--accent);border-radius:999px;width:16px;height:2px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-strong);overflow:hidden}.card-row{align-items:center;gap:10px;padding:13px 15px;transition:background .15s,transform .15s;display:flex}.card-row+.card-row{border-top:1px solid var(--border)}a.card-row:active,button.card-row:active{background:var(--primary-soft)}.color-bar{border-radius:999px;flex-shrink:0;width:4px;height:34px;box-shadow:inset 0 0 0 1px #ffffffb3}.member-chip{color:#fff;border:2px solid #ffffffd1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #111f5f29}.checkbox{border:2px solid var(--border);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.checkbox.checked{background:var(--success);border-color:var(--success);color:#fff}.checkbox.urgent{border-color:var(--danger)}.fab{bottom:calc(var(--nav-height) + 16px);background:linear-gradient(135deg, var(--primary-dark), var(--primary) 58%, var(--accent));color:#fff;z-index:10;border:1px solid #ffffff47;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;transition:transform .15s;display:flex;position:fixed;right:20px;box-shadow:0 14px 28px #111f5f4d}.fab:active{transform:scale(.92)}.badge{color:var(--text-secondary);background:var(--primary-soft);border:1px solid var(--border);border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600}.empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius);background:#fffdf89e;padding:48px 24px}.empty-state .icon{margin-bottom:12px;font-size:48px}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:active{background:var(--primary-dark);transform:translateY(1px)}.btn-accent{background:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.btn-outline{border:1.5px solid var(--border);color:var(--text-primary);background:#fffdf8b8}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#fffdf8f5;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2447b31f}.toggle{background:var(--border);cursor:pointer;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.active{background:var(--primary)}.toggle:after{content:"";background:var(--bg-card);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}@media (width>=820px){.page-header>*,.page-content{width:min(760px,100%);margin-left:auto;margin-right:auto}.fab,.fab-container{right:calc(50vw - min(760px,100vw)/2 + 20px)}}