:root{--ink: #12232e;--ink-soft: #3a5160;--paper: #f3f6f4;--panel: rgba(255, 255, 255, .78);--line: rgba(18, 35, 46, .1);--accent: #0f8f7b;--accent-deep: #0a6b5c;--accent-soft: rgba(15, 143, 123, .12);--warn: #c45c26;--shadow: 0 18px 50px rgba(18, 35, 46, .12);--radius: 16px;--font-brand: "Syne", sans-serif;--font-body: "IBM Plex Sans", sans-serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{background:radial-gradient(900px 420px at -10% -20%,rgba(15,143,123,.18),transparent 55%),radial-gradient(700px 380px at 110% 0%,rgba(26,92,140,.16),transparent 50%),linear-gradient(160deg,#e8efeb,#dfe8e9 48%,#d5e0e4)}button,input,textarea,select{font:inherit;color:inherit}.boot{height:100%;display:grid;place-content:center;gap:8px;text-align:center;animation:fade-in .5s ease both}.boot p{margin:0;color:var(--ink-soft)}.brand-mark,.brand-hero{font-family:var(--font-brand);font-weight:800;letter-spacing:-.03em}.brand-mark{font-size:28px}.brand-hero{margin:0;font-size:72px;line-height:.95;color:#f7fffb;text-shadow:0 10px 40px rgba(0,0,0,.25);animation:rise .7s cubic-bezier(.22,1,.36,1) both}.login-shell{height:100%;display:flex;flex-direction:column;overflow:hidden}.login-visual{position:relative;overflow:hidden;flex:0 0 auto;padding:22px 22px 18px;display:flex;align-items:flex-end;min-height:132px;background:linear-gradient(145deg,#0a3834eb,#12344ee0),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.login-win-actions{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:4px}.login-win-btn{width:28px;height:28px;border:none;border-radius:8px;background:#ffffff1f;color:#f7fffbe6;font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer}.login-win-btn:hover{background:#ffffff38}.login-close{font-size:18px}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 8s ease-in-out infinite}.login-orb-a{width:160px;height:160px;right:-36px;top:-48px;background:radial-gradient(circle at 30% 30%,#3ad1b0,transparent 65%);opacity:.55}.login-orb-b{width:120px;height:120px;left:12px;bottom:-30px;background:radial-gradient(circle at 40% 40%,#6eb5ff,transparent 70%);opacity:.35;animation-delay:-3s}.login-visual-copy{position:relative;z-index:1;max-width:100%}.login-kicker{margin:0 0 6px;color:#f7fffbb8;letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:600;animation:rise .6s ease both}.login-visual .brand-hero{margin:0;font-size:34px;line-height:1}.login-tagline{margin:8px 0 0;color:#f7fffbdb;font-size:13px;line-height:1.4;animation:rise .8s ease both}.login-panel{flex:1;min-height:0;display:grid;place-items:stretch;padding:14px;animation:fade-in .55s ease both;overflow:auto}.login-form{width:100%;margin:0;padding:18px 16px;border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow)}.create-form{width:min(360px,100%);padding:28px;border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow)}.login-form h2{margin:0 0 4px;font-family:var(--font-brand);font-size:20px}.create-form h2{margin:0 0 16px;font-family:var(--font-brand);font-size:26px}.login-hint{margin:0 0 14px;color:var(--ink-soft);font-size:12px;line-height:1.45}.side-note{margin:0 0 20px;color:var(--ink-soft);font-size:13px}.login-form label{margin-bottom:10px}.login-form input{padding:9px 11px}.login-form .btn-primary{margin-top:4px;padding:11px 14px}label{display:grid;gap:6px;margin-bottom:14px}label span{font-size:12px;font-weight:600;color:var(--ink-soft)}input,textarea,.select{width:100%;border:1px solid var(--line);border-radius:12px;background:#ffffffe6;padding:10px 12px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:none}.btn-primary,.btn-ghost,.chip,.status-btn{cursor:pointer;border:none;transition:transform .15s ease,background .2s,opacity .2s}.btn-primary{width:100%;margin-top:6px;padding:12px 16px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#f7fffb;font-weight:600}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:default}.detail-actions .btn-primary:disabled,.detail-actions .btn-ghost:disabled{opacity:.45;cursor:default}.btn-ghost{padding:8px 14px;border-radius:999px;background:transparent;border:1px solid var(--line);color:var(--ink-soft)}.btn-ghost:hover{background:#ffffffb3}.form-error{margin:0 0 12px;color:var(--warn);font-size:13px}.form-error.inline{margin:0 0 10px}.board-shell{height:100%;display:flex;flex-direction:column;padding:12px 18px 18px;animation:fade-in .35s ease both}.board-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px}.app-frame{height:100%;display:flex;flex-direction:column;overflow:hidden}.app-frame-body{flex:1;min-height:0}.title-bar{flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;background:linear-gradient(180deg,#ffffffb8,#ffffff6b);border-bottom:1px solid rgba(18,35,46,.08);-webkit-user-select:none;user-select:none}.title-bar-brand{display:flex;align-items:baseline;gap:8px;pointer-events:none}.title-bar-mark{font-family:var(--font-brand);font-weight:800;font-size:15px;letter-spacing:-.02em}.title-bar-sub{font-size:12px;color:var(--ink-soft)}.title-bar-actions{display:flex;align-items:center;gap:4px}.win-btn{width:34px;height:28px;border:none;border-radius:8px;background:transparent;color:var(--ink-soft);font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}.win-btn:hover{background:#12232e14;color:var(--ink)}.win-btn.win-close:hover{background:#c45c2629;color:var(--warn)}.board-brand{display:flex;align-items:baseline;gap:10px}.board-sub{color:var(--ink-soft);font-size:13px}.board-user{display:flex;align-items:center;gap:12px}.user-meta{display:grid;text-align:right;line-height:1.25}.user-meta strong{font-size:14px}.user-meta span{font-size:12px;color:var(--ink-soft)}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0c1c2473;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s ease both}.modal-card{width:min(400px,100%);border-radius:18px;background:linear-gradient(180deg,#fffffff5,#f7fbf9fa);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px #0c1c2447;padding:22px 22px 20px;animation:modal-rise .28s cubic-bezier(.22,1,.36,1) both}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-kicker{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);font-weight:600}.modal-head h2{margin:0;font-family:var(--font-brand);font-size:24px;letter-spacing:-.02em}.modal-close{width:32px;height:32px;border-radius:10px;background:#12232e0d;color:var(--ink-soft);font-size:20px;line-height:1;display:grid;place-items:center}.modal-close:hover{background:#12232e1a;color:var(--ink)}.modal-form{display:grid;gap:12px}.modal-form label{display:grid;gap:6px}.modal-form label span{font-size:12px;color:var(--ink-soft);font-weight:500}.modal-form input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffffe6}.modal-form input:focus{outline:2px solid rgba(15,143,123,.25);border-color:var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal-actions .btn-primary,.modal-actions .btn-ghost{width:auto;min-width:96px;height:38px;margin-top:0;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.form-ok{color:var(--accent-deep);font-size:13px;margin:0}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.board-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 300px;gap:14px}.board-body-full{grid-template-columns:1fr}.board-main,.board-side{min-height:0;border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow)}.board-main{display:flex;flex-direction:column;padding:14px}.btn-create{width:auto;margin-top:0;padding:8px 16px;white-space:nowrap}.board-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(18,35,46,.06)}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-row-members .filter-group{width:100%}.toolbar-row-search{align-items:stretch;gap:12px}.archive-search{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:2px 6px 2px 12px;border-radius:14px;background:linear-gradient(180deg,#ffffffeb,#ffffffb8),#ffffffa6;border:1px solid rgba(15,143,123,.14);box-shadow:0 1px #fffc inset,0 8px 22px #12232e0f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.archive-search:focus-within{border-color:#0f8f7b73;box-shadow:0 0 0 3px #0f8f7b24,0 10px 28px #0f8f7b1f;transform:translateY(-1px)}.archive-search-icon{display:inline-flex;width:18px;height:18px;color:var(--accent);flex-shrink:0;opacity:.85}.archive-search-icon svg{width:100%;height:100%}.archive-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px;padding:10px 0}.archive-search input::placeholder{color:#3a51608c}.archive-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.archive-search-clear{flex-shrink:0;border:0;border-radius:999px;padding:6px 12px;background:#0f8f7b1a;color:var(--accent-deep);font-size:12px;font-weight:600;cursor:pointer}.archive-search-clear:hover{background:#0f8f7b2e}.archive-search-hint{flex-shrink:0;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;color:#3a51608c;background:#12232e0d;border:1px solid rgba(18,35,46,.06);border-radius:999px;padding:5px 10px}.archive-search-meta{flex-shrink:0;align-self:center;font-size:12px;color:var(--ink-soft);white-space:nowrap}.archive-search-meta strong{color:var(--accent-deep);font-weight:700}@media(max-width:640px){.toolbar-row-search{flex-direction:column}.archive-search-meta{padding-left:4px}}.filter-group{display:flex;flex-wrap:wrap;gap:6px}.status-tabs{padding:3px;border-radius:999px;background:#12232e0d;gap:2px}.status-tabs .chip{background:transparent;min-width:76px;justify-content:center;border-color:transparent}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffffb3;border:1px solid transparent;color:var(--ink-soft);font-size:13px}.chip:hover:not(.active){background:#fffffff2;border-color:var(--line)}.chip.active{background:var(--accent);color:#f7fffb;font-weight:600;border-color:transparent}.status-tabs .chip.active{background:#fff;color:var(--accent-deep);box-shadow:0 1px 4px #12232e1a}.chip-count{font-style:normal;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-grid;place-items:center;background:#12232e14;color:inherit;opacity:.85}.status-tabs .chip.active .chip-count{background:var(--accent-soft);color:var(--accent-deep)}.select{width:auto;min-width:120px;padding:7px 10px}.select.block{width:100%}.stat-pill{margin-left:auto;font-size:12px;color:var(--accent-deep);background:var(--accent-soft);padding:6px 10px;border-radius:999px;font-weight:600}.todo-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.empty-state{margin:auto;max-width:360px;padding:28px 20px 36px;text-align:center;display:grid;justify-items:center;gap:8px;animation:fade-in .35s ease both}.empty-visual{width:88px;height:88px;margin-bottom:8px;border-radius:24px;display:grid;place-items:center;color:var(--accent-deep);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 55%),var(--accent-soft);box-shadow:inset 0 0 0 1px #0f8f7b1f}.empty-visual svg{width:52px;height:52px}.empty-pending .empty-visual{color:var(--accent-deep);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 55%),var(--accent-soft)}.empty-done .empty-visual{color:#2f6b4f;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 55%),#2f6b4f1f;box-shadow:inset 0 0 0 1px #2f6b4f1f}.empty-archived .empty-visual{color:#5a646e;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.9),transparent 55%),#5a646e1f;box-shadow:inset 0 0 0 1px #5a646e24}.empty-title{margin:0;font-family:var(--font-brand);font-size:22px;letter-spacing:-.02em;color:var(--ink)}.empty-desc{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.empty-cta{width:auto;min-width:140px;margin-top:10px;padding:10px 18px}.empty-spinner{width:28px;height:28px;margin-bottom:8px;border-radius:50%;border:3px solid rgba(15,143,123,.18);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.todo-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start;padding:14px 16px;border-radius:16px;border:1px solid transparent;animation:rise .45s ease both;transition:border-color .2s,box-shadow .2s,transform .2s}.todo-card.is-clickable{cursor:pointer}.todo-card:hover{transform:translateY(-1px)}.todo-card.is-clickable:focus-visible{outline:2px solid rgba(15,143,123,.35);outline-offset:2px}.todo-card-main{display:grid;grid-template-columns:auto 1fr;gap:14px;min-width:0}.todo-assignee{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:64px;padding-top:2px}.todo-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-brand);font-size:18px;font-weight:700;letter-spacing:-.02em}.todo-assignee-text{display:grid;gap:2px;text-align:center;max-width:72px}.todo-assignee-text em{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ink-soft);opacity:.85}.todo-assignee-text strong{font-size:13px;font-weight:700;line-height:1.25;word-break:break-word}.todo-card-body{min-width:0}.todo-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.todo-card-body h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.todo-status-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;line-height:1.4}.todo-content{margin:8px 0 0;font-size:13px;color:var(--ink);white-space:pre-wrap;line-height:1.55;word-break:break-word}.todo-content.is-empty{color:var(--ink-soft)}.todo-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11px;color:var(--ink-soft)}.todo-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-top:2px}.todo-card.status-pending{background:linear-gradient(135deg,rgba(15,143,123,.08),transparent 42%),#ffffffeb;border-color:#0f8f7b2e;box-shadow:inset 4px 0 0 var(--accent),0 8px 24px #0f8f7b0f}.todo-card.status-pending:hover{border-color:#0f8f7b52;box-shadow:inset 4px 0 0 var(--accent),0 12px 28px #0f8f7b1a}.todo-card.status-pending .todo-avatar{background:linear-gradient(145deg,var(--accent),var(--accent-deep));color:#f7fffb}.todo-card.status-pending .todo-assignee-text strong{color:var(--accent-deep)}.todo-status-tag.pending{background:var(--accent-soft);color:var(--accent-deep)}.todo-card.status-done{background:linear-gradient(135deg,rgba(47,107,79,.08),transparent 45%),#f6f9f7f2;border-color:#2f6b4f29;box-shadow:inset 4px 0 #3d8f68,0 6px 18px #2f6b4f0d}.todo-card.status-done:hover{border-color:#2f6b4f47}.todo-card.status-done .todo-avatar{background:#2f6b4f24;color:#2f6b4f}.todo-card.status-done .todo-assignee-text strong{color:#2f6b4f}.todo-card.status-done h3{text-decoration:line-through;text-decoration-color:#2f6b4f59;color:#355246}.todo-status-tag.done{background:#2f6b4f1f;color:#2f6b4f}.todo-card.status-archived{background:linear-gradient(135deg,rgba(90,100,110,.1),transparent 48%),#f2f4f6eb;border-color:#5a646e33;border-style:dashed;box-shadow:inset 4px 0 #7a8490,0 4px 14px #12232e0a;opacity:.92}.todo-card.status-archived:hover{border-color:#5a646e57;opacity:1}.todo-card.status-archived .todo-avatar{background:#5a646e29;color:#4d575f}.todo-card.status-archived .todo-assignee-text strong{color:#4d575f}.todo-card.status-archived h3{color:#4a545c}.todo-status-tag.archived{background:#5a646e24;color:#5a646e}.status-btn.is-archive{background:#1a5c8c1a;color:#1a5c8c;border-color:#1a5c8c29}.status-btn.is-archive:hover:not(:disabled){background:#1a5c8c2e}@media(max-width:720px){.todo-card,.todo-card-main{grid-template-columns:1fr}.todo-assignee{flex-direction:row;justify-content:flex-start;min-width:0;max-width:none}.todo-assignee-text{text-align:left;max-width:none}.todo-actions{justify-content:flex-end}}.status-btn{padding:7px 14px;border-radius:999px;border:1px solid transparent;background:var(--accent-soft);color:var(--accent-deep);font-size:12px;font-weight:600;white-space:nowrap}.status-btn:hover:not(:disabled){transform:translateY(-1px);background:#0f8f7b33}.status-btn:disabled{opacity:.45;cursor:default}.status-btn.is-done{background:#12232e0f;color:var(--ink-soft)}.status-btn.is-danger{background:#c45c261a;color:var(--warn);border-color:#c45c262e}.status-btn.is-danger:hover:not(:disabled){background:#c45c262e}.status-btn.is-view{background:#12232e0d;color:var(--ink-soft);border-color:#12232e14}.status-btn.is-view:hover:not(:disabled){background:#12232e1a;color:var(--ink)}.modal-card-form{width:min(520px,100%)}.modal-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#ffffffe6;resize:vertical;min-height:96px}.modal-form textarea:focus{outline:2px solid rgba(15,143,123,.25);border-color:var(--accent)}.image-field{display:grid;gap:6px}.image-field>span{font-size:12px;color:var(--ink-soft);font-weight:500}.image-dropzone{display:grid;gap:4px;place-items:center;padding:18px 14px;border-radius:10px;border:1.5px dashed rgba(15,143,123,.35);background:#0f8f7b0a;cursor:pointer;transition:border-color .15s ease,background .15s ease}.image-dropzone:hover,.image-dropzone:focus-visible{outline:none;border-color:var(--accent);background:#0f8f7b14}.image-dropzone.is-dragover{border-color:var(--accent);background:#0f8f7b1f}.image-dropzone.is-busy{opacity:.7;pointer-events:none}.image-dropzone-title{margin:0;font-size:13px;font-weight:600;color:var(--ink)}.image-dropzone-hint{margin:0;font-size:12px;color:var(--ink-soft)}.image-preview-list,.detail-image-list{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.image-preview-list li,.detail-image-list li{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid rgba(18,35,46,.08);background:#f3f6f5}.image-preview-list img,.detail-image-list img{width:100%;height:100%;object-fit:cover;display:block}.image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:6px;background:#12232eb8;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.image-remove:hover:not(:disabled){background:#12232ee6}.detail-image-list{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding-left:14px}.detail-image-thumb{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:zoom-in}.detail-image-thumb img{pointer-events:none}.image-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:48px 56px 64px;background:#0a1218d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-lightbox-img{max-width:min(92vw,1080px);max-height:min(82vh,900px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 18px 48px #00000059;background:#0b1216}.image-lightbox-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:10px;background:#ffffff24;color:#fff;font-size:26px;line-height:1;cursor:pointer}.image-lightbox-close:hover{background:#ffffff3d}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:12px;background:#ffffff24;color:#fff;font-size:28px;line-height:1;cursor:pointer}.image-lightbox-nav:hover{background:#ffffff3d}.image-lightbox-nav.is-prev{left:16px}.image-lightbox-nav.is-next{right:16px}.image-lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:999px;background:#00000073;color:#fff;font-size:13px;font-weight:600}.detail-modal{width:min(520px,100%);padding:0;overflow:hidden}.detail-hero{padding:20px 22px 18px;color:var(--ink)}.detail-modal.status-pending .detail-hero{background:radial-gradient(500px 180px at 100% -20%,rgba(15,143,123,.22),transparent 60%),linear-gradient(160deg,#e8f7f3,#f7fffb 70%)}.detail-modal.status-done .detail-hero{background:radial-gradient(500px 180px at 100% -20%,rgba(47,107,79,.18),transparent 60%),linear-gradient(160deg,#eaf4ee,#f7faf8 70%)}.detail-modal.status-archived .detail-hero{background:radial-gradient(500px 180px at 100% -20%,rgba(90,100,110,.16),transparent 60%),linear-gradient(160deg,#eef0f2,#f7f8f9 70%)}.detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.detail-hero h2{margin:0;font-family:var(--font-brand);font-size:26px;letter-spacing:-.03em;line-height:1.2;word-break:break-word}.detail-assignee{display:flex;align-items:center;gap:12px;margin-top:16px}.detail-avatar{width:48px;height:48px;border-radius:16px;font-size:20px}.detail-modal.status-pending .detail-avatar{background:linear-gradient(145deg,var(--accent),var(--accent-deep));color:#f7fffb}.detail-modal.status-done .detail-avatar{background:#2f6b4f29;color:#2f6b4f}.detail-modal.status-archived .detail-avatar{background:#5a646e2e;color:#4d575f}.detail-assignee em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--ink-soft);margin-bottom:2px}.detail-assignee strong{font-size:15px;font-weight:700}.detail-panel{padding:18px 22px 8px}.detail-block{display:grid;gap:10px;margin-bottom:16px}.detail-label{font-size:12px;font-weight:600;color:var(--ink-soft);letter-spacing:.04em}.detail-block p{margin:0;padding:2px 0 2px 14px;border:none;border-left:3px solid rgba(15,143,123,.35);border-radius:0;background:transparent;font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word;min-height:0;color:var(--ink)}.detail-modal.status-done .detail-block p{border-left-color:#2f6b4f66}.detail-modal.status-archived .detail-block p{border-left-color:#5a646e66}.detail-block p.is-empty{color:var(--ink-soft);font-size:14px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-facts>div{display:grid;gap:4px;padding:10px 12px;border-radius:12px;background:#ffffffb3;border:1px solid rgba(18,35,46,.06)}.detail-facts span{font-size:11px;font-weight:600;color:var(--ink-soft)}.detail-facts strong{font-size:12px;font-weight:600;line-height:1.35;word-break:break-word}.detail-actions{padding:8px 22px 20px;margin-top:0}.detail-actions .btn-primary,.detail-actions .btn-ghost{width:auto;min-width:96px}.detail-delete{background:linear-gradient(135deg,#d4713d,#c45c26)!important}@media(max-width:560px){.detail-facts{grid-template-columns:1fr}}.list-footer{display:grid;place-items:center;padding:12px 8px 4px;color:var(--ink-soft);font-size:12px;min-height:28px}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(18,35,46,.06)}.pager-btn{min-width:88px}.pager-btn:disabled{opacity:.45;cursor:default}.pager-info{font-size:13px;color:var(--ink-soft);font-weight:500}.modal-card-confirm{text-align:center;padding-top:28px}.modal-head-center{justify-content:center;margin-bottom:10px}.confirm-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;font-size:22px;font-weight:700;color:var(--accent-deep);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #0f8f7b1f}.confirm-copy{margin:0 0 14px;color:var(--ink-soft);font-size:14px;line-height:1.5}.confirm-task{display:grid;gap:4px;text-align:left;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#12232e0a;border:1px solid var(--line)}.confirm-task strong{font-size:15px}.confirm-task span{font-size:13px;color:var(--ink-soft);white-space:pre-wrap}.modal-actions-center{justify-content:center}.board-side{padding:18px}.create-form{width:100%;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}