:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ds-button{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);cursor:pointer;transition:transform .16s var(--ease-out), box-shadow .16s var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.ds-button:active{transform:scale(.97)}.ds-button:disabled{cursor:not-allowed;opacity:.6}.ds-button--primary{background:var(--gradient-brand);color:var(--primary-foreground);box-shadow:var(--shadow-sm);border:1px solid #0000}@media (hover:hover) and (pointer:fine){.ds-button--primary:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-button--primary:hover:active{transform:translateY(0)scale(.97)}}.ds-button--secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}.ds-button--secondary:hover:not(:disabled){background:var(--background)}.ds-button--ghost{color:var(--foreground);background:0 0;border:1px solid #0000}.ds-button--ghost:hover:not(:disabled){background:var(--background)}.ds-button--loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite ds-spin}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-field{gap:var(--space-1);flex-direction:column;display:flex}.ds-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--foreground)}.ds-input,.ds-select{font:inherit;font-size:var(--text-base);color:var(--foreground);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.ds-input:focus-visible,.ds-select:focus-visible{border-color:var(--focus-ring)}.ds-input--error,.ds-select--error{border-color:var(--danger)}.ds-hint{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}.ds-field-error{font-size:var(--text-xs);color:var(--danger-foreground);margin:0}.ds-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}@media (hover:hover) and (pointer:fine){.ds-card{transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.ds-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.ds-card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.ds-card__header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ds-card__body{gap:var(--space-3);flex-direction:column;display:flex}.ds-badge{border-radius:var(--radius-full);padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;display:inline-flex}.ds-badge--success{background:var(--success-soft);color:var(--success-foreground)}.ds-badge--warning{background:var(--warning-soft);color:var(--warning-foreground)}.ds-badge--danger{background:var(--danger-soft);color:var(--danger-foreground)}.ds-badge--info{background:var(--info-soft);color:var(--info-foreground)}.ds-badge--neutral{background:var(--background);color:var(--muted-foreground);border:1px solid var(--border)}.ds-dialog{z-index:50;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--surface-raised);color:var(--foreground);width:100%;max-width:min(92vw,480px);max-height:calc(100vh - 2em);padding:0;position:fixed;top:50%;left:50%;overflow:auto;translate:-50% -50%}@media (min-width:768px){.ds-dialog{max-width:540px}}.ds-dialog[data-state=open]{animation:ds-dialog-in var(--duration-normal) var(--ease-out)}.ds-dialog[data-state=closed]{animation:ds-dialog-out .15s var(--ease-out) forwards}.ds-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);animation:ds-backdrop-in .16s var(--ease-out);background:#0f172a73;position:fixed;inset:0}.ds-dialog-overlay[data-state=closed]{animation:ds-backdrop-out .15s var(--ease-out) forwards}@keyframes ds-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ds-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes ds-dialog-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes ds-backdrop-out{0%{opacity:1}to{opacity:0}}.ds-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.ds-dialog__header h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.ds-dialog__body{padding:var(--space-4)}.ds-dropdown__menu{z-index:50;min-width:200px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:ds-menu-in var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}@keyframes ds-menu-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.ds-dropdown__menu [role=menuitem]{text-align:left;width:100%;font:inherit;font-size:var(--text-sm);color:var(--foreground);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:0}.ds-dropdown__menu [role=menuitem]:hover,.ds-dropdown__menu [role=menuitem][data-highlighted]{background:var(--background)}.ds-dropdown__menu [role=menuitem]:focus-visible{outline-offset:-2px}.ds-toaster{right:var(--space-4);bottom:var(--space-5);z-index:50;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.ds-toast{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);animation:ds-toast-in var(--duration-slow) var(--ease-out);border-left-width:4px}.ds-toast--success{border-left-color:var(--success)}.ds-toast--error{border-left-color:var(--danger)}.ds-toast--info{border-left-color:var(--info)}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ds-skeleton{border-radius:var(--radius-md);background-color:var(--border,#dfe2e9);animation:1.2s ease-in-out infinite ds-pulse;display:block}.ds-skeleton--text{border-radius:var(--radius-sm);height:1em;margin-top:.2em;margin-bottom:.2em}.ds-skeleton--circular{border-radius:50%}.ds-skeleton--rectangular{border-radius:0}.ds-skeleton--rounded{border-radius:var(--radius-md)}.ds-skeleton--radius-sm{border-radius:var(--radius-sm)}.ds-skeleton--radius-md{border-radius:var(--radius-md)}.ds-skeleton--radius-lg{border-radius:var(--radius-lg)}.ds-skeleton--radius-xl{border-radius:var(--radius-xl)}.ds-skeleton--radius-full{border-radius:var(--radius-full)}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.45}}.ds-empty-state{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;animation:ds-state-in var(--duration-slow) var(--ease-out);flex-direction:column;display:flex}.ds-empty-state__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0}.ds-empty-state__description{max-width:32ch;font-size:var(--text-sm);color:var(--muted-foreground);margin:0}.ds-empty-state__action{margin-top:var(--space-3)}.ds-error-state{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);animation:ds-state-in var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.ds-error-state__message{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--danger-foreground);margin:0}.ds-error-state__correlation{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}@keyframes ds-state-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ds-button--loading:after,.ds-toast,.ds-skeleton,.ds-empty-state,.ds-error-state{animation:none}.ds-skeleton{opacity:.6}.ds-button,.ds-toast{transition:none}}.color-picker{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.color-picker-swatch{cursor:pointer;color:#fff;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;line-height:1;transition:transform .12s;display:inline-flex;box-shadow:0 0 0 1px #14162326}.color-picker-swatch:hover{transform:scale(1.12)}.color-picker-check{text-shadow:0 1px 2px #00000059}.color-picker-more{border:1px dashed var(--muted-foreground);background:var(--surface);width:24px;height:24px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.color-picker-more:hover,.color-picker-more.open{color:var(--primary);border-style:solid;border-color:var(--primary)}.color-picker-custom{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:6px 10px;display:inline-flex}.color-picker-wheel{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:inline-flex;position:relative}.color-picker-wheel input[type=color]{opacity:0;cursor:pointer;position:absolute;inset:0}.ds-popover-overlay{z-index:40;animation:ds-backdrop-in .16s var(--ease-out);background:#0f172a52;position:fixed;inset:0}.ds-popover-content{border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-lg);width:var(--popover-width,360px);overscroll-behavior:contain;max-width:calc(100vw - 32px);max-height:78vh;color:var(--foreground);z-index:50;border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex;overflow-y:auto}.ds-popover-content[data-state=open]{animation:.22s cubic-bezier(.16,1,.3,1) ds-popover-in}@keyframes ds-popover-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ds-popover-content[data-state=closed]{animation:ds-popover-out .15s var(--ease-out) forwards}@keyframes ds-popover-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.97)}}.pill-dropdown-menu{overscroll-behavior:contain;background:var(--surface-raised);border:1px solid var(--border);min-width:160px;max-width:240px;max-height:min(340px,45vh);box-shadow:var(--shadow-md);z-index:50;animation:ds-menu-in var(--duration-fast) var(--ease-out);border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;overflow-y:auto}.pill-dropdown-item{text-align:left;width:100%;color:var(--foreground);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s}.pill-dropdown-item:hover,.pill-dropdown-item[data-highlighted]{background:var(--background)}.pill-dropdown-item.selected{background:var(--info-soft);color:var(--info-foreground);font-weight:600}.ds-button--sm{border-radius:10px;height:32px;padding:6px 14px;font-size:12px}.todo-date-btn-wrapper{align-items:center;gap:var(--space-1);display:inline-flex;position:relative}.due-tag{height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--surface);color:var(--muted-foreground);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;position:relative}.due-tag.danger,.due-tag.urgent{background:var(--danger-soft);color:var(--danger-foreground);border-color:color-mix(in srgb, var(--danger) 25%, transparent);font-weight:var(--weight-bold)}.due-tag.warning{background:var(--warning-soft);color:var(--warning-foreground);border-color:color-mix(in srgb, var(--warning) 30%, transparent);font-weight:var(--weight-bold)}.due-tag.info{background:var(--info-soft);color:var(--info-foreground);border-color:color-mix(in srgb, var(--info) 25%, transparent)}.due-tag.neutral,.due-tag.has-date{background:var(--surface);color:var(--muted-foreground);border-color:var(--border)}.due-tag.completed{background:var(--surface);color:var(--muted-foreground);border-color:var(--border);opacity:.8;text-decoration:line-through}.due-tag:hover{background:var(--info-soft);color:var(--info-foreground);border-color:color-mix(in srgb, var(--info) 25%, transparent)}.due-tag.empty{border:1px dashed color-mix(in srgb, var(--muted-foreground) 45%, transparent);color:var(--muted-foreground);background:0 0;font-size:11.5px}.due-tag.empty:hover{background:var(--info-soft);border-color:var(--info);color:var(--info)}.todo-hidden-date-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.todo-date-clear-btn{color:var(--muted-foreground);cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;font-size:15px;line-height:1;transition:color .15s}.todo-date-clear-btn:hover{color:var(--danger)}
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pd-outer{background:var(--background,#eef0f4);box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0;display:block}.pd-panel{background:var(--background,#eef0f4);box-sizing:border-box;grid-template-columns:96px minmax(0,1fr);width:100%;min-height:100vh;display:grid}@media (max-width:960px){.pd-panel{grid-template-columns:1fr;min-height:100vh}}.pd-nav{border-right:1px solid var(--border);box-sizing:border-box;z-index:20;background:#eef0f4;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100vh;padding:24px 0;display:flex;position:sticky;top:0}.nav-btn{cursor:pointer;width:68px;color:var(--muted-foreground,#444955);background:0 0;border:none;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 0;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .15s;display:flex}.nav-btn svg{flex-shrink:0}.nav-btn:hover{color:var(--foreground);background:#e2e5ea;transform:translateY(-1px)}.nav-btn.active,.nav-btn[aria-current=page]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 8px 18px #256ad159}.nav-btn.active:hover,.nav-btn[aria-current=page]:hover{color:var(--primary-foreground);background:#1d4ed8}.pd-content{background:#eef0f4;grid-template-columns:minmax(0,1fr);display:grid}.pd-content.with-side{grid-template-columns:minmax(0,1fr) 400px}@media (max-width:1280px){.pd-content.with-side{grid-template-columns:1fr}}.pd-main{min-width:0;padding:36px 40px}@media (max-width:1399px){.pd-main{padding:28px 24px}}@media (max-width:960px){.pd-main{padding:24px 16px 80px}}.pd-side{border-left:1px solid var(--border);padding:40px 34px}@media (max-width:1280px){.pd-side{border-left:none;border-top:1px solid var(--border);padding:32px 24px}}.pd-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.pd-head-left{align-items:center;gap:16px;display:flex}.pd-title{letter-spacing:-.3px;color:var(--foreground);font-size:24px;font-weight:800}.pd-sub{color:var(--muted-foreground);margin-top:4px;font-size:14px}.pd-head-right{align-items:center;gap:14px;display:flex;position:relative}.pd-search{background:#dcdfe5;border-radius:999px;align-items:center;gap:10px;width:260px;height:48px;padding:0 18px;transition:box-shadow .2s,width .2s;display:flex}.pd-search:focus-within{box-shadow:0 0 0 2px var(--primary);background:#fff;width:290px}.pd-search input{color:var(--foreground);background:0 0;border:none;outline:none;width:100%;font-size:14px}.pd-search input::placeholder{color:var(--muted-foreground)}.pd-userbtn{border:1px solid var(--border);cursor:pointer;width:48px;height:48px;color:var(--foreground);background:#fff;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 2px 8px #14162314}.pd-userbtn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #1416231f}.pd-usermenu{z-index:50;border:1px solid var(--border);background:#fff;border-radius:16px;min-width:200px;padding:8px;position:absolute;top:56px;right:0;box-shadow:0 14px 34px #14162329}.pd-usermenu button,.pd-usermenu a{text-align:left;cursor:pointer;width:100%;color:var(--foreground);background:0 0;border:none;border-radius:10px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s;display:block}.pd-usermenu button:hover,.pd-usermenu a:hover{background:#eef0f4}.pd-backdrop{z-index:40;position:fixed;inset:0}.pd-tabbar{display:none}@media (max-width:960px){.pd-nav{display:none}.pd-tabbar{height:calc(64px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:0 12px env(safe-area-inset-bottom) 12px;z-index:100;background:#fffffff0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.pd-tabbar .nav-btn{border-radius:12px;gap:3px;width:auto;padding:6px 12px;font-size:10px}.pd-tabbar .nav-btn.active{box-shadow:none}.pd-search{width:160px}.pd-tabbar .ds-dropdown__menu{border-radius:12px;min-width:160px;inset:auto 0 calc(100% + 8px) auto;box-shadow:0 10px 30px #14162329}.pd-tabbar .ds-dropdown__menu a{color:var(--foreground);text-align:left;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:block}.pd-tabbar .ds-dropdown__menu a:hover{background:#eef0f4}}