:root{--page-background: radial-gradient(circle at top left, rgba(205, 232, 244, .86), transparent 36%), linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%);--surface-0: #eef3f9;--surface-1: rgba(255, 255, 255, .88);--surface-2: rgba(244, 248, 252, .96);--surface-3: #d7e3f4;--surface-4: rgba(148, 163, 184, .14);--text-strong: #162132;--text-muted: #59697d;--stroke-soft: rgba(112, 137, 166, .22);--accent: #136f63;--accent-soft: rgba(19, 111, 99, .12);--nav-muted-bg: rgba(15, 23, 42, .08);--input-bg: #ffffff;--critical-bg: #fee2e2;--critical-text: #b91c1c;--high-bg: #fef3c7;--high-text: #a16207;--medium-bg: #dbeafe;--medium-text: #1d4ed8;--collapse-bg: rgba(148, 163, 184, .14);--collapse-border: rgba(100, 116, 139, .24);--collapse-text: #334155;--shadow-lg: 0 22px 40px rgba(10, 25, 47, .08);--shadow-md: 0 16px 30px rgba(10, 25, 47, .06);--radius-xl: 24px;--radius-lg: 20px;--radius-md: 16px;color:var(--text-strong);font-family:Segoe UI,Noto Sans TC,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--page-background: radial-gradient(circle at top left, rgba(28, 48, 76, .9), transparent 32%), linear-gradient(180deg, #07111c 0%, #0c1623 100%);--surface-0: #09111c;--surface-1: rgba(12, 19, 30, .88);--surface-2: rgba(16, 26, 41, .96);--surface-3: rgba(56, 75, 99, .9);--surface-4: rgba(255, 255, 255, .06);--text-strong: #edf3fc;--text-muted: #9fb0c5;--stroke-soft: rgba(148, 163, 184, .18);--accent: #7dd3c8;--accent-soft: rgba(125, 211, 200, .16);--nav-muted-bg: rgba(255, 255, 255, .08);--input-bg: #0c1726;--critical-bg: rgba(185, 28, 28, .22);--critical-text: #fca5a5;--high-bg: rgba(161, 98, 7, .22);--high-text: #fcd34d;--medium-bg: rgba(29, 78, 216, .2);--medium-text: #93c5fd;--collapse-bg: rgba(100, 116, 139, .18);--collapse-border: rgba(148, 163, 184, .24);--collapse-text: #d8e0eb;--shadow-lg: 0 26px 44px rgba(0, 0, 0, .3);--shadow-md: 0 18px 32px rgba(0, 0, 0, .24)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-background);color:var(--text-strong);transition:background .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button,a{min-height:44px}#root{min-height:100vh}.skip-link{position:absolute;left:16px;top:16px;transform:translateY(-180%);padding:10px 14px;border-radius:999px;background:#0f172a;color:#fff;z-index:10}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:28px 0 48px}.page-shell{margin-top:24px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border:1px solid var(--stroke-soft);border-radius:var(--radius-xl);background:var(--surface-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}.hero-brand{min-width:0}.hero-brand h1{margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.98}.hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.hero-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-toggle{min-width:88px}.nav-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:var(--surface-2);color:var(--text-strong);font-weight:600;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.nav-button{border:0;font:inherit;cursor:pointer}.nav-pill:hover,.nav-pill:focus-visible{background:var(--accent-soft);color:var(--text-strong)}.nav-pill-active{background:var(--accent);color:#f8fffe}.nav-pill-muted{background:var(--nav-muted-bg);color:var(--text-strong)}.page-grid,.board-grid,.auth-layout,.settings-grid{display:grid;gap:18px}.page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.auth-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.board-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.panel-wide{grid-column:1 / -1}.panel,.lane{padding:22px;border-radius:var(--radius-lg);border:1px solid var(--stroke-soft);background:var(--surface-1);box-shadow:var(--shadow-md);min-width:0;transition:background-color .18s ease,border-color .18s ease,box-shadow .22s ease,transform .18s ease}.panel{display:grid;gap:12px}.lane{display:grid;gap:14px}.panel-error{border-color:#dc262638;background:#fef2f2f0;color:#991b1b}:root[data-theme=dark] .panel-error{background:#451414eb;color:#fecaca}.panel-secondary{background:var(--surface-2)}.panel-status{border-color:#136f633d;background:#e7f8f3f2}:root[data-theme=dark] .panel-status{background:#133c37eb}.lane-over{border-color:#136f6361;background:color-mix(in srgb,var(--surface-1) 90%,var(--accent-soft));box-shadow:0 0 0 2px #136f631f,0 22px 36px #0a192f1f;transform:translateY(-2px)}.panel h2,.lane h2{margin:0;font-size:1.06rem}.meta{margin:0;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:14px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--stroke-soft)}.stat-card span{display:block;color:var(--text-muted);font-size:.85rem}.stat-card strong{display:block;margin-top:6px;font-size:1.85rem}.checklist{margin:0;padding-left:18px;color:var(--text-strong)}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}kbd{padding:2px 8px;border-radius:999px;background:var(--nav-muted-bg);font:inherit;font-size:.86rem}.lane-head,.card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.card-meta-row{align-items:center}.lane-head h2,.card-row strong{min-width:0;overflow-wrap:anywhere}.lane-head span{padding:4px 10px;border-radius:999px;background:var(--surface-3);color:var(--text-strong);font-size:.85rem;font-weight:700}.lane-toggle{width:100%;border:1px solid var(--collapse-border);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--collapse-bg) 86%,var(--surface-1)) 0%,var(--collapse-bg) 100%);color:var(--collapse-text);padding:14px 52px 14px 16px;display:grid;gap:4px;text-align:left;cursor:pointer;position:relative;box-shadow:inset 0 1px #ffffff24;transition:background-color .2s ease,border-color .2s ease,transform .18s ease,box-shadow .18s ease}.lane-toggle:after{content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:1.2rem;font-weight:700;color:var(--collapse-text);transition:transform .18s ease}.lane-toggle-collapsed:after{transform:translateY(-50%) rotate(0)}.lane-toggle:hover,.lane-toggle:focus-visible{background:color-mix(in srgb,var(--collapse-bg) 72%,var(--surface-1));border-color:#64748b52;box-shadow:inset 0 1px #ffffff24,0 12px 24px #0f172a14;transform:translateY(-1px)}.lane-toggle-title{font-weight:700}.lane-toggle-hint{font-size:.88rem;color:var(--text-muted)}.lane-list{display:grid;gap:12px;list-style:none;margin:0;padding:0;transition:opacity .18s ease,transform .18s ease}.lane-list-item{margin:0;padding:0}.card{padding:16px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--stroke-soft);display:grid;gap:10px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.card:hover{border-color:#136f633d;box-shadow:0 14px 26px #0a192f14}.card:focus-visible{outline:2px solid rgba(19,111,99,.3);outline-offset:3px}.card-selected{border-color:#136f6370;box-shadow:inset 0 0 0 1px #136f6338}.card-dragging{cursor:grabbing;opacity:.36;border-style:dashed;box-shadow:none}.card-overlay{border-color:#136f6357;background:color-mix(in srgb,var(--surface-2) 88%,var(--accent-soft));box-shadow:0 24px 46px #0a192f33;transform:rotate(1deg)}.card-pending,.archive-item-pending,.board-form-pending{opacity:.8}.card-pending,.archive-item-pending{cursor:progress;border-color:#136f6347}.card-note{margin:0;color:var(--text-strong);overflow-wrap:anywhere}.archive-list,.board-form{display:grid;gap:12px}.board-feedback{grid-column:1 / -1}.board-side-panel{display:grid;gap:18px;align-content:start;min-width:0}.board-search-panel{gap:10px}.panel-placeholder{min-height:180px;align-content:center}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.priority{padding:4px 8px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:none}.priority-medium{background:var(--medium-bg);color:var(--medium-text)}.priority-high{background:var(--high-bg);color:var(--high-text)}.priority-critical{background:var(--critical-bg);color:var(--critical-text)}.empty{margin:0;color:var(--text-muted)}.archive-total{margin:0;font-size:1.85rem;font-weight:700}.auth-form{display:grid;gap:12px;margin-top:6px}.form-field{font-size:.95rem;font-weight:700}.text-input{width:100%;padding:12px 14px;border:1px solid var(--stroke-soft);border-radius:14px;background:var(--input-bg);color:var(--text-strong);font:inherit}.text-input:focus-visible{outline:2px solid rgba(19,111,99,.28);outline-offset:2px;border-color:#136f636b}.form-error{margin:0;color:var(--critical-text);font-weight:600}.form-status{margin:0;color:var(--accent);font-weight:600}.auth-submit{border:0;cursor:pointer}.action-button{border:0;cursor:pointer;padding:10px 14px;border-radius:14px;background:var(--accent-soft);color:var(--text-strong);font:inherit;font-weight:600;text-align:left}.action-button:hover,.action-button:focus-visible{background:#136f6338}.action-button-secondary{background:var(--nav-muted-bg);color:var(--text-strong)}.action-button:disabled{cursor:progress;opacity:.65}.archive-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--stroke-soft)}.archive-actions{display:grid;gap:10px}.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:600}.text-area{resize:vertical}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-submit:disabled{cursor:progress;opacity:.7}@media(max-width:1100px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-side-panel{grid-column:1 / -1}}@media(max-width:960px){.field-grid,.archive-item{grid-template-columns:1fr}.archive-item{align-items:start}}@media(max-width:820px){.app-shell{width:min(100vw - 20px,1180px);padding-top:20px}.hero{padding:20px}.hero-actions{width:100%;justify-content:flex-start}.page-grid,.board-grid,.auth-layout,.settings-grid,.stats-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}}