:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--glass-bg:#ffffff80;--glass-bg-strong:#ffffffa8;--glass-border:#ffffff9e;--glass-shadow:0 12px 36px #0f172a14, 0 1px 0 #ffffffd1 inset;--glass-blur:blur(22px);--text-main:#10203a;--text-secondary:#5b6b86;--text-soft:#7e8ca5;--primary:#2563eb;--primary-soft:#2563eb1f;--danger:#d92d20;--danger-soft:#d92d201f;--success:#0f9f6e;--warning:#b45309;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;background:radial-gradient(circle at 0 0,#7dd3fc59,#0000 28%),radial-gradient(circle at 100% 0,#c4b5fd47,#0000 26%),radial-gradient(circle at bottom,#93c5fd33,#0000 30%),linear-gradient(#eef4ff 0%,#edf4ff 35%,#e8f0ff 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text-main);background:radial-gradient(circle at 0 0,#7dd3fc59,#0000 28%),radial-gradient(circle at 100% 0,#c4b5fd47,#0000 26%),radial-gradient(circle at bottom,#93c5fd33,#0000 30%),linear-gradient(#eef4ff 0%,#edf4ff 35%,#e8f0ff 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}details summary{list-style:none}details summary::-webkit-details-marker{display:none}.app-shell{flex-direction:column;gap:18px;width:min(1240px,100% - 32px);margin:0 auto;padding:32px 0 48px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#10203a80;margin:0 0 8px;font-size:12px;font-weight:700}.page-title{letter-spacing:-.04em;color:#10203a;margin:0;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1.05}.page-subtitle{color:var(--text-secondary);max-width:760px;margin:10px 0 0;font-size:15px;line-height:1.6}.app-container{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:18px;display:grid}.left-column,.right-column{flex-direction:column;gap:18px;min-width:0;display:flex}.glass-card,.glass-panel,.task-item,.stat-card,.highlight-card,.confirm-dialog{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.glass-card,.glass-panel{border-radius:24px;position:relative}.glass-panel{padding:20px}.add-task-card,.tasks-card,.toolbar-card{padding:18px}.tasks-card{z-index:1}.switcher-head{flex-direction:column;gap:10px;display:flex}.panel-title{letter-spacing:-.02em;margin:0 0 14px;font-size:18px;font-weight:700}.panel-subtitle{color:var(--text-secondary);margin:-6px 0 14px;font-size:14px;line-height:1.5}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800}.section-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.form-stack{flex-direction:column;gap:12px;display:flex}.control-label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.control-input,.control-select,.control-textarea,.toolbar-search-input,.toolbar-select{width:100%;color:var(--text-main);background:#ffffff80;border:1px solid #ffffffbd;border-radius:16px;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 1px #ffffffad,0 4px 16px #0f172a0a}.control-textarea{resize:vertical;min-height:110px}.control-input:focus,.control-select:focus,.control-textarea:focus,.toolbar-search-input:focus,.toolbar-select:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1f,inset 0 1px 1px #ffffffb8}.primary-button,.secondary-button,.danger-button,.ghost-button,.filter-button,.glass-button,.task-action,.toolbar-dropdown-trigger,.toolbar-reset-button,.segmented-button{border-radius:16px;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s,color .18s}.primary-button{color:#fff;background:linear-gradient(#3b82f6f2,#2563ebf5);padding:12px 16px;box-shadow:0 10px 20px #2563eb3d}.primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px #2563eb47}.secondary-button,.filter-button,.ghost-button,.glass-button,.task-action.edit,.toolbar-dropdown-trigger,.toolbar-reset-button,.segmented-button{color:var(--text-main);background:#ffffff80;border:1px solid #ffffffb3}.secondary-button,.filter-button,.ghost-button,.glass-button,.task-action,.toolbar-dropdown-trigger,.toolbar-reset-button,.segmented-button{padding:12px 16px}.secondary-button:hover,.filter-button:hover,.ghost-button:hover,.glass-button:hover,.task-action.edit:hover,.toolbar-dropdown-trigger:hover,.toolbar-reset-button:hover,.segmented-button:hover{background:#ffffffc2}.danger-button,.task-action.delete{color:var(--danger);background:#d92d201f;border:1px solid #d92d2029;padding:12px 16px}.danger-button:hover:not(:disabled),.task-action.delete:hover{background:#d92d202e}.filter-group{flex-wrap:wrap;gap:10px;display:flex}.filter-button.active,.segmented-button.active{color:var(--primary);background:#2563eb24;border-color:#2563eb42;box-shadow:0 8px 18px #2563eb1a}.task-edit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toolbar-card{z-index:40;flex-direction:column;gap:14px;display:flex;position:relative;overflow:visible}.toolbar-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.toolbar-search{flex:1;min-width:260px}.toolbar-search-input{height:46px;padding:0 16px}.toolbar-dropdown{z-index:80;position:relative}.toolbar-dropdown[open]{z-index:1200}.toolbar-dropdown[open] .toolbar-dropdown-trigger{background:#ffffffc2}.toolbar-dropdown-trigger{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:46px;display:inline-flex}.toolbar-dropdown-menu{z-index:1300;-webkit-backdrop-filter:blur(24px);background:#ffffffd6;border:1px solid #ffffffc7;border-radius:20px;flex-direction:column;gap:14px;min-width:320px;max-height:min(420px,70vh);padding:16px;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 48px #0f172a29,inset 0 1px #ffffffbf}.toolbar-dropdown-menu::-webkit-scrollbar{width:8px}.toolbar-dropdown-menu::-webkit-scrollbar-thumb{background:#5b6b8647;border-radius:999px}.toolbar-dropdown-menu::-webkit-scrollbar-track{background:0 0}.toolbar-dropdown-section{flex-direction:column;gap:8px;display:flex}.toolbar-label{color:var(--text-secondary);font-size:13px;font-weight:600}.toolbar-select{height:42px;padding:0 12px}.toolbar-reset-button{min-height:42px}.toolbar-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{background:#ffffff3d;border:1px solid #ffffff8f;border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.segmented-button{border-radius:999px;padding:10px 14px}.toolbar-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-badge{color:var(--text-main);background:#ffffff70;border:1px solid #ffffff9e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600}.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.highlight-card{border-radius:22px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.highlight-label{color:var(--text-soft);font-size:13px}.highlight-value{color:var(--text-main);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.highlight-note{color:var(--text-secondary);font-size:12px}.stats-row{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid;position:relative}.stat-card{border-radius:22px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.stat-label{color:var(--text-soft);font-size:13px}.stat-value{color:var(--text-main);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.stats-action-button{width:100%;min-height:100%;color:var(--danger);background:#d92d201a;border:1px solid #d92d2024}.stats-action-button:hover:not(:disabled){background:#d92d2029}.task-list{flex-direction:column;gap:14px;display:flex}.task-item{border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;transition:transform .18s,box-shadow .18s,background .18s;display:flex}.task-item:hover{background:#ffffff94;transform:translateY(-2px);box-shadow:0 14px 36px #0f172a1a,inset 0 1px #ffffffc7}.task-item.done .task-title{color:var(--text-soft);text-decoration:line-through}.task-main{flex:1;gap:14px;min-width:0;display:flex}.task-checkbox{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:4px}.task-content{flex:1;min-width:0}.task-badges{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.badge{letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-priority{color:#334155;background:#0f172a0d}.badge-priority.high{color:#b42318;background:#d92d201f}.badge-priority.medium{color:#1d4ed8;background:#2563eb1c}.badge-priority.low{color:#0f9f6e;background:#0f9f6e1c}.badge-deadline{color:#4b5563;background:#0f172a0d}.badge-deadline.today{color:var(--warning);background:#b4530924}.badge-deadline.overdue{color:var(--danger);background:#d92d2024}.badge-pinned{color:#7c3aed;background:#a855f71f}.badge-owner{color:#0369a1;background:#0ea5e91f}.task-title{word-break:break-word;margin:0;font-size:18px;font-weight:700;line-height:1.35}.task-description{color:var(--text-secondary);white-space:pre-wrap;margin:8px 0 0;font-size:14px;line-height:1.6}.task-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.task-action{border-radius:14px;justify-content:center;align-items:center;min-width:120px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.task-edit-form{flex-direction:column;gap:12px;width:100%;display:flex}.task-edit-actions{flex-wrap:wrap;gap:10px;display:flex}.empty-state{text-align:center;color:var(--text-secondary);background:#ffffff61;border:1px dashed #ffffffb3;border-radius:24px;padding:26px 18px}.confirm-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);background:#0f172a47;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.confirm-dialog{border-radius:28px;width:min(100%,480px);padding:24px;position:relative;overflow:hidden}.confirm-glow{filter:blur(26px);pointer-events:none;background:#60a5fa24;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-80px}.confirm-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 8px;font-size:12px;font-weight:700;position:relative}.confirm-dialog h2{letter-spacing:-.03em;margin:0 0 10px;font-size:24px;position:relative}.confirm-dialog p{color:var(--text-secondary);margin:0;line-height:1.6;position:relative}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px;display:flex;position:relative}.confirm-button{border-radius:16px;padding:12px 16px;font-weight:700}.confirm-button-secondary{color:var(--text-main);background:#ffffff8a;border:1px solid #ffffffb3}.confirm-button-danger{color:#fff;background:linear-gradient(#ef4444,#dc2626);box-shadow:0 10px 18px #dc262638}.helper-note{color:var(--text-soft);margin-top:8px;font-size:13px}@media (width<=1040px){.app-container{grid-template-columns:1fr}.highlights-grid{grid-template-columns:1fr 1fr 1fr}.stats-row{grid-template-columns:1fr 1fr}.task-item{flex-direction:column}.task-actions{justify-content:flex-start}}@media (width<=760px){.highlights-grid,.stats-row{grid-template-columns:1fr}}@media (width<=640px){.app-shell{width:min(100% - 20px,100%);padding-top:20px}.page-header,.toolbar-top-row,.toolbar-bottom-row{align-items:stretch}.task-edit-row{grid-template-columns:1fr}.toolbar-search,.toolbar-dropdown{width:100%}.toolbar-dropdown-trigger{justify-content:center;width:100%}.toolbar-dropdown-menu{width:min(100%,100vw - 40px);min-width:unset;left:0;right:auto}}