:root{color-scheme:light;--bg: #f6f6f6;--ink: #111111;--muted: #616161;--accent: #f40e0f;--accent-dark: #c70b0c;--accent-soft: rgba(244, 14, 15, .12);--accent-tint: rgba(255, 145, 145, .5);--accent-ring: rgba(255, 145, 145, .14);--surface: #ffffff;--surface-alt: #f2f2f2;--line: #dadada;--shadow: 0 18px 36px rgba(17, 17, 17, .12);--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-4: 8px;--radius-pill: 6px;--kanban-bg: #f0f0f0;--kanban-col: #ffffff;--kanban-line: rgba(17, 17, 17, .08);--font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--font-display: "Sora", "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--panel-height: calc(100vh - 48px) }*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent-tint);outline-offset:2px}body{margin:0;font-family:var(--font-body);background-color:#f5f5f5;color:var(--ink)}body.locked{overflow:hidden}.api-activity{position:fixed;top:0;left:0;right:0;height:3px;z-index:2000;background:transparent;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;overflow:hidden}.api-activity:after{content:"";position:absolute;top:0;left:-35%;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:api-activity-slide 1s ease-in-out infinite}.api-activity.is-active{opacity:1;transform:translateY(0);background:var(--accent-soft)}.sync-banner{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:16px;right:16px;z-index:1900;min-height:72px;border-radius:var(--radius-4);padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 18px 32px #1111112e;border:1px solid transparent}.sync-banner-copy{display:grid;gap:4px}.sync-banner-badge{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sync-banner-title{font-family:var(--font-display);font-size:17px;line-height:1.1}.sync-banner-text{font-size:13px;line-height:1.45;max-width:72ch}.sync-banner-action{min-width:154px;min-height:44px;flex-shrink:0}.sync-banner-conflict{background:linear-gradient(135deg,#7d1515,#4f0909);color:#fff6f2;border-color:#ffebeb38}.sync-banner-conflict .sync-banner-badge{background:#ffffff24;color:#fff4ea}.sync-banner-conflict .sync-banner-action{background:#fff5f0;color:#6f0c0d;border-color:transparent}.sync-banner-conflict .sync-banner-action:hover{background:#fff}.sync-banner-error{background:#fff7ea;color:#67370b;border-color:#82491338}.sync-banner-error .sync-banner-badge{background:#8249131a;color:#824913}.sync-banner-success{background:#edf8ef;color:#14532d;border-color:#14532d29}.sync-banner-success .sync-banner-badge{background:#14532d1a;color:#166534}.sync-banner.is-attention{animation:sync-banner-attention .36s ease,sync-banner-pulse 1.8s ease .36s 2}.sync-conflict-modal{z-index:1950;padding:24px}.sync-conflict-modal .modal-backdrop{background:#060a12c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sync-conflict-card{width:min(460px,calc(100vw - 32px));padding:24px;gap:20px;color:#f8fafc;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at top left,rgba(255,91,87,.16),transparent 26%),radial-gradient(circle at top right,rgba(126,87,255,.14),transparent 32%),linear-gradient(180deg,#1b2439fa,#0c121ffa);box-shadow:0 30px 80px #00000070}.sync-conflict-card.is-attention{animation:sync-conflict-settle .22s ease-out}.sync-conflict-copy{display:grid;gap:10px}.sync-conflict-card .sync-banner-badge{padding:0 10px;min-height:26px;border:1px solid rgba(255,255,255,.08);background:#ff5b5724;color:#ffe7e2}.sync-conflict-title{font-family:var(--font-display);font-size:28px;line-height:1.04;letter-spacing:.01em}.sync-conflict-text{color:#e2e8f0b8;font-size:14px;line-height:1.6}.sync-conflict-actions{justify-content:flex-end;align-items:center;gap:12px;padding-top:6px}.sync-conflict-dismiss,.sync-conflict-action,.ghost-btn.shell-modal-ghost,.primary-btn.shell-modal-primary{min-width:172px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding-inline:18px;border-radius:14px;font-size:14px;font-weight:600;position:relative;overflow:hidden;transition:border-color .42s ease,box-shadow .42s ease,background-color .42s ease,transform .42s ease}.ghost-btn.shell-modal-ghost{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f8fafc;box-shadow:inset 0 1px #ffffff0a}.ghost-btn.shell-modal-ghost>*,.primary-btn.shell-modal-primary>*{position:relative;z-index:1}.ghost-btn.shell-modal-ghost:hover{transform:translateY(-1px);border-color:#ffffff29;background:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #00000029}.primary-btn.shell-modal-primary{border:1px solid transparent;background:linear-gradient(135deg,#ff5b57,#d93a3f);color:#fff;border-radius:14px;box-shadow:0 16px 32px #ff5b573d}.primary-btn.shell-modal-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.09),transparent 34%),linear-gradient(135deg,rgba(255,210,210,.12),transparent 42%,rgba(255,255,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none;will-change:background-position,opacity}.primary-btn.shell-modal-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #ff5b5747}.primary-btn.shell-modal-primary:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}.sync-conflict-action.is-loading{box-shadow:0 14px 28px #ff5b5733}.sync-conflict-action.is-loading:before{content:"";width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.26);border-top-color:#ffffffeb;animation:sync-conflict-spin .88s linear infinite}.app.has-sync-banner{padding-top:108px}@keyframes api-activity-slide{0%{transform:translate(0)}to{transform:translate(420%)}}@keyframes sync-banner-attention{0%{transform:translateY(-10px)}25%{transform:translateY(0) translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes sync-banner-pulse{0%{box-shadow:0 18px 32px #1111112e,0 0 #ffffff2e}70%{box-shadow:0 18px 32px #1111112e,0 0 0 18px #fff0}to{box-shadow:0 18px 32px #1111112e,0 0 #fff0}}@keyframes sync-conflict-settle{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sync-conflict-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.sync-conflict-modal{padding:16px}.sync-conflict-card{width:min(100%,420px);padding:20px;border-radius:18px}.sync-conflict-title{font-size:24px}.sync-conflict-actions{justify-content:stretch;padding-top:0}.sync-conflict-dismiss,.sync-conflict-action{width:100%}}@keyframes mindmap-node-hover-sweep{0%{background-position:8% 14%,36% 50%}50%{background-position:22% 14%,56% 50%}to{background-position:8% 14%,36% 50%}}body.locked .app,body.locked .modal,body.locked .context-menu{display:none}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 18% 14%,rgba(255,91,87,.18),transparent 24%),radial-gradient(circle at 78% 8%,rgba(126,87,255,.16),transparent 28%),linear-gradient(180deg,#07101be0,#07101bf0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000}body.locked .auth-gate{display:flex}.auth-card{width:min(420px,92vw);color:#f8fafc;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:26px;background:radial-gradient(circle at top left,rgba(255,91,87,.14),transparent 30%),radial-gradient(circle at top right,rgba(126,87,255,.12),transparent 34%),linear-gradient(180deg,#1b2439fa,#0c121ffa);box-shadow:0 32px 90px #0000006b;display:grid;gap:14px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.05),transparent 40%);pointer-events:none}.auth-card>*{position:relative;z-index:1}.auth-title{font-family:var(--font-display);font-size:28px;line-height:1.02;font-weight:600;letter-spacing:.01em}.auth-sub{font-size:15px;line-height:1.55;color:#e2e8f0b3}.auth-error{min-height:18px;font-size:12px;color:#ff8b87}.auth-card .edit-input{height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f8fafc;padding:0 16px;font-size:15px;font-weight:500;box-shadow:inset 0 1px #ffffff0a}.auth-card .edit-input::placeholder{color:#e2e8f070}.auth-card .edit-input:disabled{opacity:.78;color:#e2e8f09e}.auth-card .edit-input:focus-visible{outline:none;border-color:#ff91916b;box-shadow:0 0 0 3px #ff91911f}.auth-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;padding-top:4px}.auth-actions .ghost-btn,.auth-actions .primary-btn{min-width:136px;min-height:46px;border-radius:10px;font-size:14px;font-weight:600;position:relative;overflow:hidden;transition:border-color .42s ease,box-shadow .42s ease,background-color .42s ease,transform .42s ease}.auth-actions .ghost-btn{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#f8fafc;box-shadow:inset 0 1px #ffffff0a}.auth-actions .ghost-btn:hover{transform:translateY(-1px);border-color:#ffffff29;background:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 14px 30px #00000029}.auth-actions .primary-btn{border:1px solid transparent;background:linear-gradient(135deg,#ff5b57,#d93a3f);color:#fff;box-shadow:0 16px 32px #ff5b573d}.auth-actions .primary-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.09),transparent 34%),linear-gradient(135deg,rgba(255,210,210,.12),transparent 42%,rgba(255,255,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none}.auth-actions .primary-btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px #ff5b5747}.auth-actions .primary-btn:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}@media (max-width: 640px){.auth-gate{padding:16px}.auth-card{width:min(100%,420px);padding:22px;border-radius:12px}.auth-title{font-size:24px}.auth-actions{flex-direction:column;align-items:stretch}.auth-actions .ghost-btn,.auth-actions .primary-btn{width:100%}}.session-bar{position:fixed;top:16px;right:24px;z-index:1200;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);background:#fffffff0;border-radius:var(--radius-3);box-shadow:0 8px 18px #1111111f}.session-user{font-size:12px;display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;max-width:280px}.session-user-caret{font-size:11px;color:#737373;opacity:.9}.session-user:hover{color:#050505}.user-context-menu{right:24px;top:58px}.profile-modal .modal-card{width:min(420px,92vw);background:#fff;color:#111;border:1px solid #d6d6d6;box-shadow:0 24px 56px #0d0f1033}.profile-modal .modal-title{font-family:var(--font-display)}.profile-modal .modal-sub{color:#525252;margin-top:4px}.profile-modal .modal-sub strong{font-weight:600;color:#111}.profile-modal .modal-field{font-size:12px;color:#6b7280}.profile-modal .edit-input{background:#f9fafb;color:#111;border-color:#d7dee5}.profile-modal .edit-input:focus-visible{outline:none;border-color:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-ring)}.profile-modal .modal-actions .ghost-btn{border-color:#8f8f8f;color:#212121;min-width:110px;height:40px}.profile-modal .modal-actions .primary-btn{min-width:130px;height:44px}.profile-modal .auth-error{margin-top:-4px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh;gap:0;padding:0;width:100%}.app.detail-closed{grid-template-columns:260px 1fr}.app.detail-closed.sidebar-collapsed,.app.sidebar-collapsed{grid-template-columns:92px 1fr}.sidebar{background:#0f0f10;color:#f6f2ee;border-radius:0;padding:24px;display:flex;flex-direction:column;gap:28px;height:100vh;position:sticky;top:0;align-self:start}.brand{display:flex;align-items:center;gap:12px}.sidebar-toggle{margin-left:auto;background:#19191a}.app.sidebar-collapsed .sidebar{padding:20px 14px;gap:20px;align-items:center}.app.sidebar-collapsed .brand{flex-direction:column;align-items:center}.app.sidebar-collapsed .brand-title,.app.sidebar-collapsed .brand-sub,.app.sidebar-collapsed .projects,.app.sidebar-collapsed .sidebar-footer{display:none}.app.sidebar-collapsed .sidebar-toggle{transform:rotate(180deg)}.logo{width:44px;height:44px;border-radius:var(--radius-2);display:block;object-fit:contain;object-position:center;background:transparent}.brand-title{font-weight:700;font-size:18px;font-family:var(--font-display)}.brand-sub{font-size:13px;color:var(--muted)}.label{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#bdb9b4;margin-bottom:8px}.ghost-btn{background:transparent;border:1px solid #343434;color:inherit;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;cursor:pointer}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-pill);font-weight:600;cursor:pointer;box-shadow:0 10px 20px #f40e0f40}.nav{display:grid;gap:8px}.nav-item{background:transparent;border:1px solid #2a2a2a;color:#f6f2ee;padding:10px 14px;border-radius:var(--radius-3);text-align:left;cursor:pointer}.nav-item.active{background:#fff;color:#0f0f10;border-color:var(--accent)}.projects{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.projects-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-list{display:grid;gap:8px;overflow:auto;padding-right:4px}.project-group-section{display:grid;gap:10px}.project-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;padding:2px 0;text-align:left;cursor:pointer}.project-group-toggle-copy{display:inline-flex;align-items:center;gap:10px;min-width:0}.project-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f4f4f5}.project-group-count{font-size:11px;color:#9ca3af}.project-group-caret{font-size:12px;color:#b8b8bc;transition:transform .2s ease}.project-group-caret.is-collapsed{transform:rotate(-90deg)}.project-group-list{display:grid;gap:8px}.project-list-empty{color:#a9a9ae;font-size:12px;padding:6px 2px}.project-item{border:1px solid #2a2a2a;background:transparent;color:inherit;text-align:left;padding:10px 12px;border-radius:var(--radius-3);font-size:13px;display:flex;align-items:center;gap:8px}.project-dashboard-item{border-color:#4a4a4a}.dashboard-select{font-weight:600}.project-item.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 10px 18px #f40e0f38}.project-dashboard-item.active{box-shadow:0 12px 24px #f40e0f42}.project-select{background:transparent;border:0;color:inherit;padding:0;margin:0;font:inherit;text-align:left;flex:1;cursor:pointer}.project-pin-icon{width:18px;height:18px;flex:0 0 18px;color:inherit;opacity:.92;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.8 6.1 20l1.2-6.5L2.5 8.9l6.6-.9L12 2z'/></svg>") center / contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.8 6.1 20l1.2-6.5L2.5 8.9l6.6-.9L12 2z'/></svg>") center / contain no-repeat}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:120}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0c0b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(520px,92vw);background:#151515;border:1px solid #2a2a2a;border-radius:var(--radius-4);padding:20px;box-shadow:0 24px 60px #00000073;display:grid;gap:16px;z-index:1}#project-modal .modal-card{width:min(560px,92vw);color:#f6f2ee;background:linear-gradient(180deg,#ffffff05,#fff0),#131315}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-weight:600;font-size:18px}#project-modal .modal-title{font-family:var(--font-display);font-size:30px;letter-spacing:.2px;line-height:1.05}.modal-sub{color:var(--muted);font-size:13px}#project-modal .modal-sub{color:#9b9b9b;font-size:16px;margin-top:8px}.modal-body{display:grid;gap:16px}#project-modal .modal-body{gap:18px}.modal-field{display:grid;gap:8px;font-size:13px;color:var(--muted)}#project-modal .modal-field{gap:10px;font-size:12px}#project-modal .modal-field-label{text-transform:uppercase;letter-spacing:.9px;color:#bdbdbd}#project-modal .modal-field .edit-input{height:52px;border-radius:12px;border:1px solid #3a3a3a;background:#fafafa;color:#161616;font-size:15px;font-weight:500;padding:0 16px;line-height:1}#project-modal .modal-field .edit-input::placeholder{color:#828282;font-size:15px;font-weight:500}#project-modal .modal-field .edit-input:focus-visible{outline:none;border-color:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-ring)}#project-modal .modal-hint{color:#8f8f8f;font-size:12px;margin-top:2px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}#project-modal .modal-actions{border-top:1px solid #2a2a2a;padding-top:16px}#project-modal .modal-actions .ghost-btn{min-width:110px;height:40px}#project-modal .modal-actions .ghost-btn:hover{border-color:#ffffff29;background:#ffffff14}#project-modal .modal-actions .primary-btn{min-width:190px;height:44px;font-size:15px}#project-modal .modal-close{background:#ffffff1a}#sprint-transition-modal .modal-card{width:min(1040px,94vw);background:#fff;color:#101828;border:1px solid #d9dee6;box-shadow:0 24px 60px #0c121c2e}#sprint-transition-modal .modal-title{color:#101828;font-size:40px;line-height:1.05;font-family:var(--font-display)}#sprint-transition-modal .modal-sub{color:#475467;font-size:16px;margin-top:8px}#sprint-transition-modal .modal-field-label{color:#344054;text-transform:uppercase;letter-spacing:.9px}#sprint-transition-modal .modal-close{background:#f2f4f7;color:#1d2939;border:1px solid #d0d5dd}#sprint-transition-modal .modal-close:hover{background:#eaecf0}#sprint-transition-modal .ghost-btn{background:#fff;border-color:#d0d5dd;color:#344054}#sprint-transition-modal .ghost-btn:hover{background:#f9fafb;border-color:#98a2b3}#sprint-transition-modal .modal-actions{border-top:1px solid #eaecf0;padding-top:16px}#sprint-transition-modal .modal-actions .ghost-btn{min-width:110px;height:42px}#sprint-transition-modal .modal-actions .primary-btn{min-width:220px;height:46px;background:#ff1718;color:#fff;box-shadow:0 10px 22px #ff171840}#sprint-transition-modal .modal-actions .primary-btn:hover{background:#ea1112}.sprint-transition-ticket-list{display:grid;gap:8px;max-height:320px;overflow:auto;padding-right:4px}.sprint-transition-ticket-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #d0d5dd;color:#101828;background:#fff;border-radius:10px;padding:10px 12px}.sprint-transition-ticket-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.sprint-transition-ticket-status{font-size:12px;color:#475467;font-weight:600}#project-modal .modal-close:hover{background:#ffffff24}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar-feedback{width:100%;justify-content:center;background:#19191a;border-color:#ffffff1f;color:#f6f2ee}.sidebar-feedback:hover{border-color:#ffffff2e}.sidebar-user-menu-wrapper{position:relative;display:flex;flex-direction:column;gap:8px}.sidebar-user-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.14);background:#19191a;color:#f6f2ee;font-size:12px;padding:10px 12px;border-radius:var(--radius-3)}.sidebar-user-toggle span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-toggle:hover,.sidebar-user-toggle:focus-visible{border-color:#fff3}.sidebar-user-caret{font-size:11px;color:#fffc}.sidebar-user-submenu{border:1px solid var(--line);background:#fff;border-radius:var(--radius-2);padding:6px;box-shadow:0 16px 30px #1f18122e;display:grid;gap:4px}.sidebar-user-submenu .context-menu-item{color:#111}.sidebar-user-submenu .context-menu-item:disabled{color:#11111173}.sidebar-user-submenu .context-menu-item:hover{background:#f8fafcf2}.health{display:grid;gap:8px}.health-meter{background:#2a2a2a;border-radius:var(--radius-pill);height:8px;overflow:hidden}.health-bar{height:100%;width:72%;background:linear-gradient(90deg,#f40e0f,#ff5a5b)}.health-text{font-size:12px;color:var(--muted)}.main{display:flex;flex-direction:column;gap:0;min-height:100vh}.mobile-header{display:grid;gap:12px;position:sticky;top:0;z-index:35;background:#f6f6f6eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(17,17,17,.08);border-left:0;border-right:0;border-top:0;border-radius:0;padding:10px 12px 12px;box-shadow:0 12px 24px #1111111a}.mobile-bar{display:none;align-items:center;gap:12px;padding:6px 2px}.mobile-brand{display:grid;gap:2px}.mobile-brand .brand-title{font-size:16px}.mobile-brand .brand-sub{font-size:11px}.mobile-project-title{margin-left:auto;font-size:12px;font-weight:600;color:#6f675f;max-width:48vw;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-backdrop,.filters-backdrop{display:none}.view-chip{display:inline-flex;align-items:center;gap:8px}.tab-icon{width:14px;height:14px;flex:0 0 14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:700}.breadcrumbs{font-size:13px;color:var(--muted)}.topbar-actions{display:flex;gap:12px}.view-switcher{display:flex;gap:12px;align-items:center}.view-chip{border:1px solid var(--line);padding:10px 18px;border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;font-weight:600;font-size:12px;letter-spacing:.6px;text-transform:uppercase;line-height:1}.view-chip.active{background:var(--accent);color:#fff;border-color:transparent}.canvas{display:grid;grid-template-columns:1fr;background:var(--surface);border-radius:0;padding:20px;box-shadow:var(--shadow);min-height:560px;position:relative;overflow:hidden;flex:1}.canvas-pane.hidden{display:none}.mindmap{display:grid;gap:24px;width:100%}.requirements{display:grid;gap:18px;width:100%}.requirements-hero-copy{display:grid;gap:8px}.requirements-page-title{max-width:12ch;font-size:1.05rem;line-height:1.15;letter-spacing:-.02em}.requirements-page-subtitle{max-width:68ch;font-size:13px;line-height:1.5}.requirements-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.requirements-header-main{display:grid;gap:10px}.requirements-gap-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.requirements-gap-link{border:0;background:transparent;padding:0;font:inherit;font-size:12px;font-weight:500;color:#e2e8f08a;cursor:pointer;transition:color .2s ease,opacity .2s ease}.requirements-gap-link:hover:not(:disabled),.requirements-gap-link:focus-visible{color:#ffffffd1}.requirements-gap-link.is-active{color:var(--shell-accent-soft)}.requirements-gap-link:disabled{opacity:.45;cursor:default}.requirements-header-controls{display:grid;gap:0;justify-items:end;flex:0 1 760px;width:min(760px,100%);min-width:0}.requirements-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;width:100%}.requirements-toolbar-inline{justify-content:flex-start}.requirements-toolbar-label{flex:0 0 auto}.requirements .design-type-label,.requirements .design-section-kicker{min-height:22px;padding:0 8px;font-size:10px;letter-spacing:.07em}.requirements .design-tone-pill{min-height:28px;padding:0 10px;font-size:11px}.requirements-search{order:2;flex:1 1 auto;width:auto;min-width:320px;min-height:48px;border-radius:14px;padding-inline:16px;font-size:14px}.requirements-owner-filter-group{position:relative;order:1;flex:0 0 220px;min-width:220px}.requirements-owner-filter-group:after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid rgba(226,232,240,.54);border-bottom:2px solid rgba(226,232,240,.54);transform:translateY(-65%) rotate(45deg);pointer-events:none}.requirements-owner-filter{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--shell-border);background:#141e30d6;padding:0 42px 0 16px;font:inherit;font-size:13px;color:var(--shell-text);-moz-appearance:none;appearance:none;-webkit-appearance:none}.requirements-owner-filter:focus-visible{outline:none;border-color:#ffffff42;box-shadow:0 0 0 3px #ff5b571f}.requirements-toolbar-actions{display:flex;flex-wrap:wrap;gap:8px}.requirements-toggle.is-active{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%);border-color:transparent;color:#fff;box-shadow:0 16px 32px #ff5b572e}.requirements-sections{display:grid;gap:0}.requirements-document{border:1px solid var(--shell-border);border-radius:18px;background:linear-gradient(180deg,#182236f0,#0e1624e6),#0c1422;box-shadow:0 24px 64px #0000003d;overflow:hidden}.requirements-module{display:grid;gap:0;padding:0;border:0;border-bottom:1px solid var(--shell-border);background:transparent;overflow:visible;box-shadow:none}.requirements-module:last-child{border-bottom:0}.requirements-module.is-gap{background:linear-gradient(90deg,rgba(255,91,87,.04),transparent 14%),transparent}.requirements-module-header{display:flex;align-items:stretch;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--shell-border);background:#ffffff05}.requirements-module-toggle{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start;gap:10px}.requirements-module-toggle.is-static{cursor:default}.requirements-module-title-wrap{min-width:0;display:grid;gap:6px}.requirements-module-title-button{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit}.requirements-module-title-wrap.is-static{cursor:default}.requirements-module-title{color:var(--shell-text);font-family:var(--font-body);font-size:15px;font-weight:700;line-height:1.25;letter-spacing:0}.requirements-module-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.requirements-module-stat-action{border:0;cursor:pointer;font:inherit}.requirements-module-stat-action.is-active{background:#ff5b5729;border-color:#ff5b576b;color:#fff}.requirements-module-stat-action:disabled{opacity:.55;cursor:default}.requirements-module-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:flex-end}.requirements-module-action{min-height:34px;font-size:12px}.requirements-module-body{display:grid;gap:14px;padding:15px 18px 18px}.requirements-module-context,.requirements-notes-grid{display:grid;grid-template-columns:1fr;gap:10px}.requirements-note-card,.requirements-editor,.requirements-draft-form,.requirements-ticket-node{border:0;border-radius:0;background:transparent;color:var(--shell-text);box-shadow:none}.requirements-note-card{padding:0 0 0 18px;position:relative}.requirements-note-card:before,.requirements-ticket-list:before,.requirements-ticket-body:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:#ffffff14}.requirements-note-card.is-empty,.requirements-field.is-empty .requirements-field-content,.requirements-ticket-node.is-gap>.requirements-ticket-body>.requirements-ticket-sections>.requirements-field.is-empty .requirements-field-content{color:#ffe4e1e0}.requirements-editor,.requirements-draft-form{display:grid;gap:12px;padding:12px 12px 12px 18px;position:relative;background:radial-gradient(circle at top left,rgba(255,91,87,.08),transparent 28%),linear-gradient(180deg,#182236f5,#0e1624eb);border-left:1px solid rgba(255,255,255,.08)}.requirements-editor:before,.requirements-draft-form:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:#ffffff14}.requirements-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.requirements-editor-field{display:grid;gap:6px}.requirements-editor-input,.requirements-draft-input{min-height:88px;font-size:13px}.requirements-draft-input{min-height:40px}.requirements-editor-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.requirements-ticket-list{display:grid;gap:10px;padding-left:18px;position:relative}.requirements-ticket-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.requirements-ticket-heading{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1 1 auto}.requirements-ticket-title-row{display:inline-flex;align-items:center;gap:6px;min-width:0}.requirements-ticket-open{border:0;background:transparent;padding:0;color:var(--shell-text);text-align:left;cursor:pointer;font:inherit;font-weight:700;font-size:15px;line-height:1.25}.requirements-ticket-open:hover{color:var(--shell-accent)}.requirements-ticket-edit-icon{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;padding:0;color:#e2e8f075;cursor:pointer;transition:color .2s ease,background .2s ease}.requirements-ticket-edit-icon:hover,.requirements-ticket-edit-icon:focus-visible{color:var(--shell-accent-soft);background:#ffffff0f}.requirements-ticket-edit-icon svg{width:12px;height:12px}.requirements-ticket-badges{display:flex;flex-wrap:wrap;gap:6px;padding-top:1px}.requirements-gap-badge{width:fit-content}.requirements-ticket-meta{display:flex;flex-wrap:wrap;gap:8px}.requirements-ticket-node{position:relative;padding-left:0}.requirements-ticket-node.is-gap .requirements-ticket-open{color:#ffe4e1}.requirements-ticket-body{display:grid;gap:10px;padding:8px 0 0 18px;position:relative}.requirements-ticket-sections{display:grid;grid-template-columns:1fr;gap:10px}.requirements-subheading{padding-left:18px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f07a}.requirements-tree-toggle{width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:2px;background:#ffffff05;color:var(--shell-text);font-size:11px;line-height:1;padding:0;margin-top:2px;cursor:pointer}.requirements-tree-toggle:hover{background:#ffffff14}.requirements-tree-toggle.is-static{cursor:default}.requirements-field{display:grid;gap:6px}.requirements-field-header{display:flex;align-items:center;gap:8px}.requirements-tree-bullet{width:5px;height:5px;flex:0 0 5px;border-radius:999px;background:#ffffff3d}.requirements-field-label{font-size:12px;font-weight:500;color:#e2e8f08a}.requirements-field-content{padding-left:13px}.requirements .design-scale-body{font-size:13px;line-height:1.55}.requirements-empty,.requirements-empty-state{border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:18px;background:linear-gradient(180deg,#141e30b8,#0e1624b8),#ffffff05;color:var(--shell-muted);font-size:13px}.requirements-empty-state{text-align:center}.mindmap-filters{display:flex;gap:12px;align-items:flex-end;justify-content:flex-end;margin-left:auto}.filter-group{display:grid;gap:4px;position:relative}.mindmap-filters select{min-width:170px;padding:10px 38px 10px 14px;border-radius:12px;border:1px solid rgba(17,17,17,.16);background:linear-gradient(180deg,#fff,#f6f6f6);font:inherit;font-size:13px;font-weight:600;color:var(--ink);-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:inset 0 1px #ffffffe6,0 10px 18px #11111114;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.filter-group:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid rgba(17,17,17,.6);border-bottom:2px solid rgba(17,17,17,.6);transform:translateY(-50%) rotate(45deg);pointer-events:none}.mindmap-filters select:hover{border-color:#11111159;box-shadow:inset 0 1px #ffffffe6,0 12px 24px #1111111f;transform:translateY(-1px)}.mindmap-filters select:focus-visible{border-color:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-ring),0 12px 26px #1111111f}.filtered-out{display:none}.mindmap-flow{display:flex;gap:32px;align-items:flex-start;position:relative;width:100%}.mindmap-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.mindmap-flow.collapsed-left{gap:32px}.mindmap-project{width:96px;display:flex;justify-content:center;align-items:flex-start;position:sticky;top:16px;z-index:2}.mindmap-branches{flex:1;display:grid;gap:22px;position:relative;z-index:2;width:100%}.project{transition:width .2s ease,padding .2s ease}.project.collapsed{width:56px;height:56px;border-radius:var(--radius-3);padding:0;display:grid;place-items:center;position:relative}.node{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--radius-3);padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.node:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1616161f}.project{background:#0f0f10;color:#f6f2ee}.app[data-view=mindmap]{--mindmap-accent-red: #ff5b57;--mindmap-accent-red-deep: #d93a3f;--mindmap-accent-red-soft: rgba(255, 91, 87, .18);position:relative;isolation:isolate;background:radial-gradient(circle at 8% 0%,rgba(255,91,87,.22),transparent 26%),radial-gradient(circle at 86% 3%,rgba(126,87,255,.2),transparent 28%),linear-gradient(180deg,#07101b,#0b1422 62%,#101625)}.app[data-view=mindmap] .sidebar{background:linear-gradient(180deg,#341718d1,#11121ff5),#131929;border:1px solid rgba(255,255,255,.07);box-shadow:0 26px 60px #00000052}.app[data-view=mindmap] .brand-sub,.app[data-view=mindmap] .label,.app[data-view=mindmap] .project-list-empty{color:#e9eef6a8}.app[data-view=mindmap] .project-group-title{color:#f8fafcd6}.app[data-view=mindmap] .project-group-count,.app[data-view=mindmap] .project-group-caret{color:#e9eef694}.app[data-view=mindmap] .project-group-toggle:hover .project-group-title{color:#fff}.app[data-view=mindmap] .project-item,.app[data-view=mindmap] .project-dashboard-item,.app[data-view=mindmap] .sidebar-feedback,.app[data-view=mindmap] .sidebar-user-toggle,.app[data-view=mindmap] .sidebar-toggle{position:relative;overflow:hidden;border-color:#ffffff1a;background:#ffffff0a;transition:border-color .42s ease,box-shadow .42s ease,background-color .42s ease}.app[data-view=mindmap] .project-item:after,.app[data-view=mindmap] .project-dashboard-item:after,.app[data-view=mindmap] .sidebar-feedback:after,.app[data-view=mindmap] .sidebar-user-toggle:after,.app[data-view=mindmap] .sidebar-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.07),transparent 34%),linear-gradient(135deg,rgba(255,91,87,.08),transparent 42%,rgba(114,96,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none;will-change:background-position,opacity}.app[data-view=mindmap] .project-item>*,.app[data-view=mindmap] .project-dashboard-item>*,.app[data-view=mindmap] .sidebar-feedback>*,.app[data-view=mindmap] .sidebar-user-toggle>*,.app[data-view=mindmap] .sidebar-toggle>*{position:relative;z-index:1}.app[data-view=mindmap] .project-item:hover,.app[data-view=mindmap] .project-dashboard-item:hover,.app[data-view=mindmap] .sidebar-feedback:hover,.app[data-view=mindmap] .sidebar-user-toggle:hover,.app[data-view=mindmap] .sidebar-toggle:hover{border-color:#ffffff24;box-shadow:0 14px 30px #00000029}.app[data-view=mindmap] .project-item:hover:after,.app[data-view=mindmap] .project-dashboard-item:hover:after,.app[data-view=mindmap] .sidebar-feedback:hover:after,.app[data-view=mindmap] .sidebar-user-toggle:hover:after,.app[data-view=mindmap] .sidebar-toggle:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}.app[data-view=mindmap] .project-item.active,.app[data-view=mindmap] .project-dashboard-item.active,.app[data-view=mindmap] .view-chip.active{background:linear-gradient(135deg,var(--mindmap-accent-red) 0%,var(--mindmap-accent-red-deep) 100%);box-shadow:0 16px 32px #ff5b573d}.app[data-view=mindmap] .mobile-header{background:linear-gradient(135deg,rgba(84,26,31,.22),transparent 20%),linear-gradient(135deg,#1c2236e6,#3a2253c7);border-color:#ffffff14;box-shadow:0 18px 44px #00000047}.app[data-view=mindmap] .mobile-project-title,.app[data-view=mindmap] .mobile-brand .brand-sub{color:#e2e8f0bd}.app[data-view=mindmap] .icon-btn{background:#ffffff14}.app[data-view=mindmap] .view-switcher{gap:10px}.app[data-view=mindmap] .view-chip{border-color:#ffffff14;background:#ffffff0a;color:#f8fafc}.app .mindmap-filters{padding-left:20px;border-left-color:#ffffff14}.app .mindmap-filters select{border-color:#ffffff1a;background:#ffffff14;box-shadow:none;color:#f8fafc}.app .mindmap-filters select:hover{border-color:#fff3;box-shadow:none}.app .filter-group:after{border-right-color:#ffffff9e;border-bottom-color:#ffffff9e}.app[data-view=mindmap] .canvas{background:linear-gradient(180deg,#1e1c33f5,#0c1220eb 14%,#0b1220e6),radial-gradient(circle at 88% 0%,rgba(126,87,255,.1),transparent 28%),radial-gradient(circle at 4% 0%,rgba(255,91,87,.08),transparent 22%),#0c1422;border:0;box-shadow:0 28px 80px #00000057;padding:28px}.app[data-view=mindmap] .mindmap{gap:0}.app[data-view=mindmap] .mindmap-flow{gap:40px;min-width:max-content;min-height:100%}.app[data-view=mindmap] .mindmap-flow.collapsed-left{gap:40px}.app[data-view=mindmap] .mindmap-project{width:110px;top:10px}.app[data-view=mindmap] .mindmap-branches{gap:18px}.app[data-view=mindmap] .branch{gap:10px}.app[data-view=mindmap] .branch-row{grid-template-columns:330px minmax(440px,1fr);gap:28px}.app[data-view=mindmap] .node{position:relative;overflow:hidden;border-color:#ffffff14;background:linear-gradient(180deg,#141e30e0,#0e1624db);color:#f8fafc;box-shadow:0 16px 40px #0000003d;transition:border-color .42s ease,box-shadow .42s ease}.app[data-view=mindmap] .node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.08),transparent 34%),linear-gradient(135deg,rgba(255,91,87,.08),transparent 42%,rgba(114,96,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none;will-change:background-position,opacity}.app[data-view=mindmap] .node>*{position:relative;z-index:1}.app[data-view=mindmap] .node:hover{transform:none;border-color:#ffffff1f;box-shadow:0 18px 48px #00000047}.app[data-view=mindmap] .node:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}.app[data-view=mindmap] .project.collapsed{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,var(--mindmap-accent-red) 0%,var(--mindmap-accent-red-deep) 100%);color:#fff;font-size:30px;font-weight:300;border:none}.app[data-view=mindmap] .node.module{background:radial-gradient(circle at top left,rgba(255,91,87,.12),transparent 30%),linear-gradient(180deg,#172236eb,#10192ae6)}.app[data-view=mindmap] .node.ticket{background:linear-gradient(180deg,#111a2adb,#0d1522d6)}.app[data-view=mindmap] .node-title,.app[data-view=mindmap] .project .node-meta{color:#f8fafc}.app[data-view=mindmap] .node-meta{color:#e2e8f09e}.app[data-view=mindmap] .toggle{background:#ffffff14}.app[data-view=mindmap] .info-toggle{border-color:#ffffff1f;color:#f8fafcd1}.app[data-view=mindmap] .info-toggle:hover{background:#ffffff0f}.app[data-view=mindmap] .tickets{gap:10px;padding-left:0}.app[data-view=mindmap] .status{background:#ffffff14;border-color:transparent;color:#f8fafc}.app[data-view=mindmap] .add-node-card{border-color:#ffffff1f;background:linear-gradient(180deg,#0f1523eb,#0a101ceb)}.app[data-view=mindmap] .add-node-actions .ghost-btn,.app[data-view=mindmap] .ghost-btn{border-color:#ffffff1f;background:#ffffff0a;color:#f8fafc}.app[data-view=mindmap] .add-node-actions .ghost-btn:hover,.app[data-view=mindmap] .ghost-btn:hover{border-color:#ffffff38}.app[data-view=mindmap] .edit-input{background:#ffffff0f;border-color:#ffffff1f;color:#f8fafc}.app[data-view=mindmap] .edit-input::placeholder{color:#e2e8f073}.node-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.node-header>div{text-align:left}.node-text{flex:1}.node-title{font-weight:600;font-size:16px}.node-meta{font-size:12px;color:var(--muted)}.project .node-meta{color:#c2c2c2}.icon-btn{width:32px;height:32px;border-radius:var(--radius-2);border:none;background:#ffffff1f;color:inherit;cursor:pointer}.toggle{width:28px;height:28px;border-radius:var(--radius-2);border:none;background:#11100f;color:#fff;cursor:pointer}.info-toggle{width:28px;height:28px;border-radius:var(--radius-2);border:1px solid rgba(17,16,15,.18);background:transparent;color:#2a2a2a;cursor:pointer;font-weight:600;margin-left:auto}.info-toggle:hover{background:#11100f0f}.branch{display:grid;gap:12px}.branch-row{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;position:relative}.node.module{position:relative;background:var(--surface-alt)}.tickets{display:grid;gap:12px;position:relative;padding-left:8px}.tickets .node.ticket{position:relative}.add-node{width:100%;background:transparent;border:1px dashed var(--line);color:var(--muted);text-align:left;font:inherit;padding:14px 16px;cursor:pointer}.add-node-card{width:100%;background:var(--surface-alt);border:1px dashed var(--line);border-radius:var(--radius-3);padding:12px;display:grid;gap:10px}.add-node-actions{display:flex;gap:8px;flex-wrap:wrap}.add-node-actions .ghost-btn{background:var(--surface);border-color:var(--line);color:#2a2a2a}.add-node-form{display:none;gap:10px}.add-node-card.is-quick .add-node-form{display:grid}.add-node-form-actions{display:flex;justify-content:flex-end;gap:8px}.add-node .node-title{font-size:14px;font-weight:600}.add-node:hover{transform:none;box-shadow:none;border-color:#bdbdbd;color:#5a5a5a}.add-placeholder{min-height:1px}.status{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:var(--radius-pill);background:var(--status-bg, rgba(17, 17, 17, .08));color:var(--status-color, #1f1f1f);border:1px solid var(--status-border, transparent)}.status.in-progress{--status-bg: rgba(244, 14, 15, .12);--status-color: #a30b0c}.status.blocked{--status-bg: rgba(17, 17, 17, .12);--status-color: #2c2c2c}.status.done{--status-bg: rgba(17, 17, 17, .08);--status-color: #1f1f1f}.status.at-risk{--status-bg: rgba(244, 14, 15, .18);--status-color: #6f0a0a}.detail-panel{background:var(--surface);border-radius:0;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:clamp(420px,60vw,980px);height:100vh;max-height:100vh;overflow-y:auto;z-index:90;transform:translate(0);opacity:1;transition:transform .22s ease,opacity .22s ease}.app.detail-closed .detail-panel{transform:translate(100%);opacity:0;pointer-events:none}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.panel-actions{display:flex;align-items:center;gap:8px}.panel-actions .panel-cancel,.panel-actions .panel-edit{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}.panel-edit{border-color:#d0d0d0;color:#2a2a2a}.panel-edit.primary-btn{color:#fff}.detail-panel.is-editing .panel-edit{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px #f40e0f33}.panel-title{font-weight:600;font-size:18px}.panel-sub{font-size:12px;color:var(--muted)}.panel-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.panel-chip{padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--chip-border, #d6d6d6);background:var(--chip-bg, #f2f2f2);color:var(--chip-color, #2a2a2a);text-transform:uppercase;letter-spacing:.4px;font-weight:600;font-size:10px}.panel-body{margin-top:16px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.panel-footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.panel-delete{border-color:#f2c4c4;color:#b42318}.panel-delete:hover{border-color:#e49b9b;color:#8a1f1f}.dashboard-panel,.dashboard-screen{display:grid;gap:14px}.dashboard-screen-header{display:grid;gap:4px;padding:2px 2px 0}.dashboard-screen-header-bar{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px 14px}.dashboard-screen-heading{display:grid;gap:4px}.dashboard-screen-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.dashboard-screen-control{display:grid;gap:4px;min-width:200px}.dashboard-screen-control-label{font-size:11px;color:var(--muted);font-weight:600}.dashboard-screen-control .edit-input{min-width:0;font-size:12px;padding:8px 10px}.dashboard-hero{border:1px solid var(--line);border-radius:var(--radius-3);background:linear-gradient(140deg,#fff,#f7f8fa);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.dashboard-hero-copy{display:grid;gap:8px}.dashboard-hero-title{font-size:14px;font-weight:700}.dashboard-hero-sub{color:var(--muted);font-size:13px}.dashboard-hero-track{height:10px;border-radius:999px;background:#e8eaef;overflow:hidden;display:flex}.dashboard-hero-track-on{background:#16703d}.dashboard-hero-track-off{background:#b63434}.dashboard-hero-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.dashboard-legend-on{color:#166534;font-weight:600}.dashboard-legend-off{color:#991b1b;font-weight:600}.dashboard-legend-muted{color:var(--muted)}.dashboard-hero-ring{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#16703d 0 var(--dashboard-on),#b63434 var(--dashboard-on) calc(var(--dashboard-on) + var(--dashboard-off)),#e8eaef calc(var(--dashboard-on) + var(--dashboard-off)) 100%)}.dashboard-hero-ring-core{width:76px;height:76px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;text-align:center}.dashboard-hero-ring-value{font-size:16px;line-height:1;font-weight:700}.dashboard-hero-ring-label{margin-top:2px;font-size:11px;color:var(--muted)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-kpi{border:1px solid var(--line);background:#fff;border-radius:var(--radius-3);padding:12px;display:grid;gap:6px;overflow:hidden}.dashboard-kpi-label{font-size:12px;color:var(--muted)}.dashboard-kpi-value{font-size:24px;font-weight:700}.dashboard-kpi-meter{margin-top:2px;height:6px;border-radius:999px;background:#e8eaef;overflow:hidden}.dashboard-kpi-meter span{display:block;height:100%;border-radius:inherit;width:0}.dashboard-kpi.kpi-assigned{background:linear-gradient(180deg,#fff,#f8fafc)}.dashboard-kpi.kpi-assigned .dashboard-kpi-meter span{background:#334155}.dashboard-kpi.kpi-on-track{background:linear-gradient(180deg,#fff,#f5fbf7)}.dashboard-kpi.kpi-on-track .dashboard-kpi-value{color:#166534}.dashboard-kpi.kpi-on-track .dashboard-kpi-meter span{background:#16703d}.dashboard-kpi.kpi-off-track{background:linear-gradient(180deg,#fff,#fff6f6)}.dashboard-kpi.kpi-off-track .dashboard-kpi-value{color:#991b1b}.dashboard-kpi.kpi-off-track .dashboard-kpi-meter span{background:#b63434}.dashboard-kpi.kpi-no-due{background:linear-gradient(180deg,#fff,#fffaf2)}.dashboard-kpi.kpi-no-due .dashboard-kpi-value{color:#9a5a10}.dashboard-kpi.kpi-no-due .dashboard-kpi-meter span{background:#d17f1f}.dashboard-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{border:1px solid var(--line);border-radius:999px;background:#fff;color:#3f3f46;padding:8px 14px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease,box-shadow .12s ease}.dashboard-tab:hover{border-color:#f40e0f70}.dashboard-tab.is-active{color:#8a1f1f;border-color:#f40e0f5c;box-shadow:0 6px 14px #f40e0f1f}.dashboard-comments-panel,.dashboard-timeline-panel{border:1px solid var(--line);border-radius:var(--radius-3);background:#fff;padding:14px}.dashboard-section{border:1px solid var(--line);border-radius:var(--radius-3);padding:12px;background:#fff;display:grid;gap:12px}.dashboard-lanes{display:flex;gap:12px;height:clamp(380px,56vh,620px);min-height:380px}.dashboard-lane{flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:var(--radius-3);background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:flex .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-lane.is-active{flex:2 1 0;border-color:#f40e0f40;box-shadow:0 10px 20px #f40e0f14}.dashboard-lane-header{border:0;border-bottom:1px solid var(--line);background:#f9f9fb;padding:12px;font:inherit;font-weight:600;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.dashboard-lane-count{min-width:28px;height:24px;border-radius:999px;background:#f0f2f5;color:#3f3f46;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 8px}.dashboard-lane-content{flex:1;min-height:0;overflow:auto;padding:12px}.dashboard-section-title{font-weight:600}.dashboard-project-group+.dashboard-project-group{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.dashboard-project-title{font-weight:600;margin-bottom:8px}.dashboard-ticket-list{display:grid;gap:8px}.dashboard-ticket-row{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-3);padding:10px 12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.dashboard-ticket-row:hover{border-color:#f40e0f70;box-shadow:0 8px 18px #f40e0f24;transform:translateY(-1px)}.dashboard-ticket-row:focus-visible{outline:none;border-color:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-ring)}.dashboard-ticket-main{display:grid;gap:6px}.dashboard-ticket-title{font-size:14px;font-weight:600}.dashboard-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:12px}.dashboard-ticket-status{font-weight:600}.dashboard-ticket-status.on-track{color:#166534}.dashboard-ticket-status.off-track{color:#991b1b}.dashboard-ticket-status.no-due{color:#9a5a10}.dashboard-ticket-status-pill{justify-self:end}.dashboard-comment-group{display:grid;gap:8px}.dashboard-comment-group-title{font-size:13px;color:var(--muted)}.dashboard-comment-list{display:grid;gap:8px}.dashboard-comment-item{border:1px solid var(--line);background:#fff;border-radius:var(--radius-3);padding:10px;display:grid;gap:6px}.dashboard-comment-header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.dashboard-comment-ticket{font-size:12px;font-weight:600}.dashboard-comment-meta{font-size:11px;color:var(--muted)}.dashboard-comment-by{font-size:12px;color:var(--muted)}.dashboard-comment-text{font-size:13px}.dashboard-empty{font-size:13px;color:var(--muted)}.detail-form{display:flex;flex-direction:column;gap:16px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.detail-main,.detail-side{display:flex;flex-direction:column;gap:16px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-4);padding:20px;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-form.detail-layout .detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid.ticket-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ticket-detail .detail-grid.ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius-3);padding:14px}.ticket-primary .detail-item,.ticket-criteria .detail-item{background:transparent;border:none;padding:6px 0}.ticket-primary .edit-input,.ticket-criteria .edit-input{border:none;background:transparent;padding:4px 0}.ticket-grid .edit-input{border:none;background:transparent;padding:4px 0;box-shadow:none}.ticket-grid .edit-input:focus{outline:none}.detail-item{background:#fff;border-radius:var(--radius-3);padding:10px 12px;border:1px solid var(--line)}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:6px}.detail-value{font-weight:500}.markdown-body{font-weight:400;line-height:1.5}.markdown-body p{margin:0 0 10px}.markdown-body strong{font-weight:600}.markdown-body em{font-style:italic}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul{margin:0;padding-left:18px;display:grid;gap:6px}.markdown-body blockquote{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--line);border-radius:var(--radius-1);background:#fafafa;color:#2f2f2f}.markdown-body blockquote p{margin:0}.markdown-body table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13px}.markdown-body th,.markdown-body td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}.markdown-body th{background:#f6f6f6;font-weight:600}.markdown-body code{font-family:var(--font-mono);background:#16161614;padding:2px 6px;border-radius:var(--radius-2);font-size:.9em}.markdown-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.markdown-editor{display:grid;gap:10px}.markdown-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.markdown-toolbar button{border:1px solid var(--line);background:#fff;color:inherit;padding:4px 10px;border-radius:var(--radius-2);cursor:pointer;font:inherit;font-weight:600}.markdown-toolbar button:hover{border-color:#16161633}.markdown-hint{margin-left:auto;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.markdown-preview{border:1px dashed var(--line);border-radius:var(--radius-3);padding:10px 12px;background:var(--surface-alt);font-size:14px}.markdown-preview p:last-child{margin-bottom:0}.edit-input{width:100%;font:inherit;padding:8px 10px;border-radius:var(--radius-2);border:1px solid var(--line);background:#fff;color:inherit}.edit-input:focus-visible{outline:none;border-color:var(--accent-tint);box-shadow:0 0 0 3px var(--accent-ring)}.detail-panel.is-editing .edit-input{border:none;padding:2px 4px;background:transparent;box-shadow:none}.detail-panel.is-editing .edit-input:focus{outline:none}.detail-panel.is-adding .edit-input{border:none;padding:2px 4px;background:transparent;box-shadow:none}.detail-panel.is-adding .edit-input:focus{outline:none}.detail-panel.is-adding .detail-section .detail-item{background:transparent;border:none;padding:6px 0}.detail-panel.is-adding .detail-section .edit-input{padding:4px 0}.edit-textarea{min-height:72px;resize:vertical}.markdown-input{min-height:160px}.markdown-input-story{min-height:220px}.markdown-input-criteria{min-height:190px}.criteria{margin:0;font-size:14px}.timeline-list{display:grid;gap:12px}.timeline-item{display:grid;gap:6px;border:1px solid var(--line);border-left:4px solid var(--accent);padding:10px 12px;border-radius:var(--radius-3);background:#fff}.timeline-meta{font-size:12px;color:var(--muted)}.timeline-text{color:inherit}.comments-panel{display:grid;gap:12px}.comment-form{display:grid;gap:10px}.comment-form.is-disabled{opacity:.65}.comment-actions{display:flex;justify-content:flex-end}.comment-helper{font-size:12px;color:var(--muted)}.comment-empty{font-size:13px;color:var(--muted)}.masters{display:grid;gap:18px}.masters-tabs{display:flex;gap:10px;flex-wrap:wrap}.masters-tab{border:1px solid var(--line);background:#fff;color:inherit;padding:8px 14px;border-radius:var(--radius-pill);font-size:12px;cursor:pointer}.masters-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 16px #f40e0f33}.masters-header{display:flex;justify-content:space-between;align-items:center}.masters-panel{display:grid;gap:16px}.masters-card{background:var(--surface);border-radius:var(--radius-4);padding:16px;border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}.masters-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-title{font-weight:600}.card-sub{font-size:12px;color:var(--muted)}.masters-list{display:grid;gap:10px}.masters-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-4);background:#fff;border:1px solid var(--line);box-shadow:0 10px 20px #1f18120a}.masters-row.is-current{border-color:#f40e0f80;box-shadow:0 12px 24px #f40e0f1f}.masters-row.is-draggable{cursor:grab}.masters-row.is-dragging{opacity:.6;cursor:grabbing}.masters-row.is-drag-over{border-color:#f40e0f80;box-shadow:0 12px 24px #f40e0f1f}.masters-row.is-disabled{border-color:#6b728073;background:#f5f5f5}.masters-row.is-disabled .masters-title,.masters-row.is-disabled .masters-sub{color:#6b7280}.masters-row-meta{display:grid;gap:6px}.masters-color{width:16px;height:16px;border-radius:var(--radius-1);border:1px solid rgba(0,0,0,.12)}.masters-title{font-size:15px;font-weight:600}.masters-sub{font-size:12px;color:var(--muted)}.masters-color-wrap{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.masters-handle{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.masters-hex{font-family:var(--font-mono);letter-spacing:.4px}.masters-actions{display:flex;gap:6px;align-items:center}.masters-actions .ghost-btn{padding:4px 10px;font-size:11px}.masters-empty{font-size:13px;color:var(--muted);padding:6px 2px}.masters-form{display:grid;gap:12px;padding:12px;border-radius:var(--radius-3);border:1px dashed var(--line);background:#f6f6f6;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.masters-form .masters-actions{grid-column:1 / -1;justify-content:flex-start}.masters-form .masters-actions .ghost-btn,.masters-form .masters-actions .primary-btn{min-width:96px;height:38px;padding:0 16px}.masters-form input[type=color]{width:100%;height:44px;padding:4px;border-radius:var(--radius-2);border:1px solid var(--line);background:#fff;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.masters-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.masters-form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-1)}.masters-form input[type=color]::-moz-color-swatch{border:none;border-radius:var(--radius-1)}.module-tickets{display:grid;gap:8px}.module-ticket{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-3);padding:12px 14px;font-size:13px;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.module-ticket:hover{border-color:#48585f59;box-shadow:0 6px 14px #1c24281f;transform:translateY(-1px)}.module-ticket-main{display:grid;gap:8px;min-width:0}.module-ticket-title{font-size:15px;font-weight:600}.module-ticket-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:12px}.module-ticket-side{justify-self:end}.timeline{display:grid;gap:20px}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-controls{display:flex;align-items:center;gap:16px}.context-menu{position:fixed;z-index:40;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-3);padding:6px;box-shadow:0 16px 30px #1f18122e}.context-menu-item{width:100%;text-align:left;background:transparent;border:none;padding:8px 10px;border-radius:var(--radius-2);font-size:13px;cursor:pointer}.context-menu-item:hover{background:var(--accent-soft)}.legend{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:var(--radius-1);background:#c2c2c2;display:inline-block}.zoom{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.zoom input[type=range]{width:120px;accent-color:var(--shell-accent)}.gantt{display:grid;gap:10px;background:#f1f1f1;border-radius:var(--radius-4);padding:16px}.gantt-scroll{overflow:auto;padding-bottom:12px}.gantt-grid{--day-width: 16px;display:grid;gap:12px;min-width:680px;position:relative}.gantt-scale{display:grid;grid-template-columns:220px 1fr;align-items:end;gap:12px;position:sticky;top:0;background:#f1f1f1;z-index:1;padding-bottom:6px}.gantt-scale .scale-spacer{font-size:11px;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.gantt-scale .scale-track{display:grid;gap:4px}.gantt-scale .scale-day{width:var(--day-width);font-size:10px;color:var(--muted);text-align:center}.scale-row{display:flex;gap:0}.scale-row-months{position:relative;min-height:18px}.scale-month-marker{position:absolute;top:0;font-size:11px;font-weight:600;text-transform:uppercase;color:#443c33;white-space:nowrap;pointer-events:none}.gantt-rows{display:grid;gap:10px}.gantt-row{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px}.gantt-label{font-weight:300;font-size:13px}.gantt-label-module{font-weight:600}.gantt-label-ticket{position:relative;padding-left:18px;font-weight:200!important;color:#3f3a33}.gantt-label-ticket:before{content:"";position:absolute;left:6px;top:2px;bottom:2px;width:5px;border-radius:var(--radius-pill);background:var(--ticket-status-color, rgba(22, 22, 22, .12))}.gantt-label-sprints{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#6f675f}.gantt-track{position:relative;height:22px;border-radius:var(--radius-pill);background:#e9e9e9;overflow:visible}.gantt-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.gantt-weekend-lines{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.gantt-weekend-line{position:absolute;top:2px;bottom:2px;width:0;border-left:1px dashed rgba(17,17,17,.16)}.gantt-row-sprints .gantt-track{height:28px;background:#ece8df}.gantt-sprint-track{overflow:hidden}.gantt-sprint-marker{position:absolute;top:4px;height:20px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#d5d5d5,#ececec);color:#121212;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.gantt-sprint-marker.is-current{background:linear-gradient(90deg,#f40e0f,#b80a0b);color:#fff}.gantt-bar{position:absolute;height:12px;top:5px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#5f6368,#9aa0a6);cursor:grab}.gantt-bar:active{cursor:grabbing}.gantt-bar.ticket{background:var(--ticket-status-color, linear-gradient(90deg, #5f6368, #9aa0a6))}.gantt-bar.module{height:8px;top:7px;background:linear-gradient(90deg,#151515,#5a5a5a);cursor:grab}.gantt-date-label{position:absolute;top:18px;font-size:10px;line-height:1;color:#6f675f;white-space:nowrap;pointer-events:none;opacity:0;--label-shift-x: 0;transform:translate(var(--label-shift-x),2px);transition:opacity .12s ease,transform .12s ease}.gantt-date-label-end{--label-shift-x: -100%}.gantt-track:hover .gantt-date-label,.gantt-date-label.is-visible{opacity:1;transform:translate(var(--label-shift-x))}.gantt-handle{position:absolute;top:-4px;bottom:-4px;width:12px;cursor:ew-resize}.gantt-handle-end{right:-4px}.gantt-bar.risk{background:linear-gradient(90deg,#f40e0f,#b80a0b)}.gantt-missing{font-size:12px;color:var(--muted);font-style:italic;padding-left:6px}.gantt-missing.is-schedulable{cursor:grab;-webkit-user-select:none;user-select:none}.gantt-track[data-type=ticket][data-has-range=false]{cursor:pointer}.gantt-missing.is-schedulable:active{cursor:grabbing}.today-marker{position:absolute;top:32px;bottom:0;width:2px;background:#f40e0f;box-shadow:0 0 0 3px #f40e0f1f;border-radius:var(--radius-pill);pointer-events:none}.sprint{display:grid;gap:20px}.sprint-header{display:flex;justify-content:space-between;align-items:center}.sprint-actions{display:flex;gap:8px}.kanban{display:flex;gap:16px;background:transparent;border-radius:0;padding:0 0 8px;position:relative;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;box-shadow:none;scroll-snap-type:none}.kanban:before{content:none}.kanban-col{background:var(--kanban-col);border-radius:var(--radius-4);padding:14px;display:grid;gap:10px;min-height:280px;min-width:260px;flex:0 0 260px;box-shadow:0 12px 30px #16161614;position:relative;border:1px solid rgba(255,255,255,.8);grid-auto-rows:min-content;align-content:start}.kanban-col-body{display:flex;flex-direction:column;gap:10px;align-items:stretch;justify-content:flex-start}.kanban-col-body>.kanban-card,.kanban-col-body>.kanban-empty{flex:0 0 auto}.kanban-col.is-drop-target{box-shadow:0 16px 36px #16161624;border-color:#f40e0f73}.kanban-col:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-4);border:1px solid var(--kanban-line);pointer-events:none}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px dashed var(--kanban-line);min-height:32px}.kanban-title{font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.6px;line-height:1}.kanban-count{min-width:26px;height:26px;border-radius:var(--radius-pill);display:grid;place-items:center;font-size:12px;font-weight:600;background:#0f0f10;color:#fff;line-height:1}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-3);padding:12px;font-size:13px;display:grid;gap:10px;box-shadow:0 10px 24px #16161614;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.kanban-card.is-dragging{opacity:.55;transform:scale(.98);box-shadow:none}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1616161f}.kanban-card-title{font-weight:600;font-size:14px;color:#1b1814}.kanban-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--muted)}.kanban-chip{padding:4px 8px;border-radius:var(--radius-pill);border:1px solid #d6d6d6;background:#f6f6f6;color:#2a2a2a;font-weight:600;font-size:10px;letter-spacing:.2px;text-transform:none}.kanban-owner{background:#f0f0f0;border-color:#d8d8d8;color:#2a2a2a}.kanban-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:11px;color:#5b5b5b}.kanban-card-metric{display:flex;align-items:center;gap:6px}.kanban-card-metric.is-overdue .kanban-card-metric-icon,.kanban-card-metric.is-overdue .kanban-card-metric-value{color:#c42828}.kanban-card-metric.is-today .kanban-card-metric-icon,.kanban-card-metric.is-today .kanban-card-metric-value{color:#b07a00}.kanban-card-metric.is-wide{grid-column:1 / -1}.kanban-card-metric-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:#6a6a6a}.kanban-card-metric-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.kanban-card-metric-value{color:#1b1814;font-weight:600}.kanban-tag,.kanban-status{padding:4px 8px;border-radius:var(--radius-pill);border:1px solid var(--status-border, transparent);text-transform:uppercase;letter-spacing:.4px;font-weight:600;font-size:10px;background:var(--status-bg, rgba(17, 17, 17, .08));color:var(--status-color, #1f1f1f)}.kanban-tag{background:#f0f0f0;color:#2a2a2a;border-color:#d8d8d8}.kanban-status.in-progress{--status-bg: rgba(244, 14, 15, .12);--status-color: #a30b0c;--status-border: rgba(244, 14, 15, .25)}.kanban-status.blocked{--status-bg: rgba(17, 17, 17, .12);--status-color: #2a2a2a;--status-border: rgba(17, 17, 17, .2)}.kanban-status.done{--status-bg: rgba(17, 17, 17, .08);--status-color: #1f1f1f;--status-border: rgba(17, 17, 17, .16)}.kanban-status.at-risk{--status-bg: rgba(244, 14, 15, .18);--status-color: #6f0a0a;--status-border: rgba(244, 14, 15, .3)}.workstream-marketing{background:#f40e0f1f;color:#a30b0c;border-color:#f40e0f40}.workstream-tech{background:#11111114;color:#222;border-color:#11111129}.workstream-ops{background:#11111129;color:#1a1a1a;border-color:#11111140}.workstream-content{background:#1111111f;color:#2a2a2a;border-color:#1113}.kanban-empty{border:1px dashed var(--line);border-radius:var(--radius-3);padding:16px;text-align:center;color:var(--muted);font-size:12px}.app,.design-system-page{--shell-accent: #ff5b57;--shell-accent-deep: #d93a3f;--shell-accent-tint: rgba(255, 145, 145, .42);--shell-accent-ring: rgba(255, 145, 145, .12);--shell-bg-start: #07101b;--shell-bg-mid: #0b1422;--shell-bg-end: #101625;--shell-surface: rgba(19, 27, 43, .9);--shell-surface-strong: rgba(24, 34, 54, .94);--shell-surface-soft: rgba(255, 255, 255, .04);--shell-border: rgba(255, 255, 255, .08);--shell-text: #f8fafc;--shell-muted: rgba(226, 232, 240, .64);background:radial-gradient(circle at 8% 0%,rgba(255,91,87,.22),transparent 26%),radial-gradient(circle at 86% 3%,rgba(126,87,255,.2),transparent 28%),linear-gradient(180deg,var(--shell-bg-start) 0%,var(--shell-bg-mid) 62%,var(--shell-bg-end) 100%);color:var(--shell-text)}.app .sidebar{background:linear-gradient(180deg,#341718d1,#11121ff5),#131929;border-right:1px solid var(--shell-border);box-shadow:0 26px 60px #00000052}.app .brand-sub,.app .label,.app .project-list-empty,.app .project-group-count,.app .project-group-caret,.app .project-group-toggle,.app .dashboard-screen-control-label,.app .dashboard-hero-sub,.app .dashboard-legend-muted,.app .dashboard-comment-group-title,.app .dashboard-comment-meta,.app .dashboard-comment-by,.app .dashboard-empty,.app .card-sub,.app .masters-sub,.app .masters-color-wrap,.app .masters-handle,.app .masters-empty,.app .timeline-meta,.app .comment-helper,.app .comment-empty,.app .panel-sub,.app .detail-label,.app .markdown-hint,.app .legend,.app .zoom,.app .gantt-missing,.app .gantt-label-sprints{color:var(--shell-muted)}.app .mobile-header{background:linear-gradient(135deg,rgba(84,26,31,.22),transparent 20%),linear-gradient(135deg,#1c2236e6,#3a2253c7);border-color:var(--shell-border);box-shadow:0 18px 44px #00000047}.app .view-chip,.app .dashboard-tab,.app .masters-tab,.app .project-item,.app .project-dashboard-item,.app .sidebar-feedback,.app .sidebar-user-toggle,.app .sidebar-toggle,.app .ghost-btn,.app .mindmap-filters select,.app .dashboard-screen-control .edit-input,.app .markdown-toolbar button,.app .edit-input{border-color:var(--shell-border);background:var(--shell-surface-soft);color:var(--shell-text)}.app .view-chip.active,.app .dashboard-tab.is-active,.app .masters-tab.active,.app .project-item.active,.app .project-dashboard-item.active,.app .primary-btn{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%);border-color:transparent;color:#fff;box-shadow:0 16px 32px #ff5b573d}.app .canvas,.app .detail-panel,.app .dashboard-hero,.app .dashboard-kpi,.app .dashboard-comments-panel,.app .dashboard-timeline-panel,.app .dashboard-section,.app .dashboard-lane,.app .masters-card,.app .gantt,.app .kanban-col{background:linear-gradient(180deg,#1e1c33f5,#0c1220eb 14%,#0b1220e6),radial-gradient(circle at 88% 0%,rgba(126,87,255,.1),transparent 28%),radial-gradient(circle at 4% 0%,rgba(255,91,87,.08),transparent 22%),#0c1422;border-color:var(--shell-border);color:var(--shell-text)}.app .canvas,.app .detail-panel{box-shadow:0 28px 80px #00000057}.app .panel-header,.app .dashboard-lane-header,.app .kanban-col-header{border-color:var(--shell-border);background:transparent}.app .kanban-col{background:var(--shell-surface)}.app .dashboard-lane-header{color:var(--shell-text)}.app .dashboard-lane-header:hover{background:transparent}.app .panel-title,.app .page-title,.app .dashboard-hero-title,.app .dashboard-kpi-label,.app .dashboard-kpi-value,.app .dashboard-section-title,.app .dashboard-project-title,.app .dashboard-ticket-title,.app .dashboard-screen-heading,.app .card-title,.app .masters-title,.app .gantt-label,.app .kanban-card-title,.app .kanban-title,.app .detail-value,.app .timeline-text,.app .dashboard-comment-text,.app .dashboard-comment-ticket{color:var(--shell-text)}.app .gantt-row .gantt-label-ticket{color:#e2e8f0c7}.app .panel-chip{background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border-color:#ffffff2e;color:#f8fafcf5;box-shadow:inset 0 1px #ffffff14}.app .panel-footer{border-top-color:#ffffff14}.app .module-ticket{position:relative;overflow:hidden;background:linear-gradient(180deg,#141e30e0,#0e1624db);border-color:var(--shell-border);color:var(--shell-text);box-shadow:0 16px 40px #00000029;transition:border-color .42s ease,box-shadow .42s ease}.app .module-ticket:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.08),transparent 34%),linear-gradient(135deg,rgba(255,91,87,.08),transparent 42%,rgba(114,96,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none;will-change:background-position,opacity}.app .module-ticket>*{position:relative;z-index:1}.app .module-ticket:hover{transform:none;border-color:#ffffff1f;box-shadow:0 18px 36px #00000038}.app .module-ticket:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}.app .module-ticket-title{color:var(--shell-text)}.app .module-ticket-meta{color:var(--shell-muted)}.app .detail-section,.app .detail-item,.app .timeline-item,.app .dashboard-ticket-row,.app .dashboard-comment-item,.app .masters-row,.app .masters-form,.app .kanban-card,.app .kanban-empty,.app .markdown-preview{background:linear-gradient(180deg,#141e30e0,#0e1624db);border-color:var(--shell-border);color:var(--shell-text);box-shadow:0 16px 40px #00000029}.app .kanban-card{position:relative;overflow:hidden;transition:border-color .42s ease,box-shadow .42s ease}.app .kanban-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.08),transparent 34%),linear-gradient(135deg,rgba(255,91,87,.08),transparent 42%,rgba(114,96,255,.08));background-size:140% 140%,160% 160%;background-position:8% 14%,36% 50%;background-repeat:no-repeat;opacity:0;transition:opacity .48s ease;pointer-events:none;will-change:background-position,opacity}.app .kanban-card>*{position:relative;z-index:1}.app .dashboard-project-group+.dashboard-project-group{margin-top:8px;padding-top:8px;border-top:0}.app .dashboard-tab:hover,.app .masters-row.is-drag-over{border-color:#ff5b5757;box-shadow:0 16px 32px #ff5b5724}.app .masters-row{position:relative;overflow:hidden}.app .masters-row.is-current{border-color:#ffffff24;background:radial-gradient(circle at 0% 50%,rgba(255,91,87,.12),transparent 26%),linear-gradient(180deg,#162134f0,#0e1624e6);box-shadow:inset 0 1px #ffffff0d,0 18px 40px #00000038}.app .masters-row.is-current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgba(255,91,87,.16),transparent 18%),radial-gradient(circle at 22% 18%,rgba(255,255,255,.06),transparent 24%);pointer-events:none}.app .masters-row.is-current>*{position:relative;z-index:1}.app .masters-row.is-current [data-action=set-current]{background:#ffffff14;border-color:#ffffff24;color:#f8fafcb8;box-shadow:none}.app .kanban-card:hover{transform:none;border-color:#ffffff1f;box-shadow:0 18px 48px #00000047}.app .kanban-card:hover:after{opacity:1;animation:mindmap-node-hover-sweep 7.2s ease-in-out infinite}.app .dashboard-ticket-row:hover{transform:none;border-color:#ffffff1f;box-shadow:0 18px 36px #00000038}.app .dashboard-ticket-row:focus-visible{outline:none;border-color:var(--shell-accent-tint);box-shadow:0 0 0 3px var(--shell-accent-ring),0 18px 36px #00000038}.app .mindmap-filters select:focus-visible,.app .dashboard-screen-control .edit-input:focus-visible,.app select.edit-input:focus-visible{outline:none;border-color:var(--shell-accent-tint);box-shadow:0 0 0 3px var(--shell-accent-ring)}.app .dashboard-kpi-meter,.app .dashboard-hero-track,.app .gantt-track,.app .gantt-row-sprints .gantt-track{background:#0002}.app .dashboard-hero-ring-core,.app .dashboard-lane-count,.app .kanban-count,.app .kanban-chip,.app .kanban-owner,.app .kanban-tag,.app .gantt-sprint-marker,.app .status,.app .project-group-count{background:#ffffff14;color:var(--shell-text);border-color:var(--shell-border)}.app .dashboard-ticket-status-pill{background:transparent;border-color:transparent}.app .dashboard-comment-item,.app .dashboard-ticket-row,.app .masters-row,.app .kanban-card,.app .timeline-item{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.app .gantt-scale{background:transparent}.app .gantt-scale .scale-day,.app .scale-month-marker,.app .gantt-date-label{color:var(--shell-muted)}.app .gantt-weekend-line{border-left-color:#ffffff1f}.app .markdown-body blockquote,.app .markdown-body th,.app .markdown-body td,.app .markdown-preview,.app .context-menu,.app .sidebar-user-submenu{background:linear-gradient(180deg,#141e30eb,#0e1624e6);border-color:var(--shell-border);color:var(--shell-text)}.app .markdown-body code{background:#ffffff14}.app .context-menu-item,.app .sidebar-user-submenu .context-menu-item{color:var(--shell-text)}.app .context-menu-item:hover,.app .sidebar-user-submenu .context-menu-item:hover,.app .markdown-toolbar button:hover,.app .ghost-btn:hover{background:#ffffff14;border-color:#ffffff29}.app .timeline-item,.app .gantt,.app .kanban-col,.app .masters-card,.app .dashboard-section,.app .dashboard-comments-panel,.app .dashboard-timeline-panel{border-color:var(--shell-border)}.app[data-view=dashboard] .mindmap-filters,.hidden{display:none}@media (min-width: 901px){body{overflow-y:auto}.app{min-height:100vh}.main{overflow:visible;height:auto}.view-switcher{flex-wrap:wrap;row-gap:10px}.mindmap-filters{padding-left:16px;border-left:1px solid rgba(17,17,17,.08)}.app[data-view=sprint]{height:100vh;min-height:100vh}.app[data-view=sprint] .main,.app[data-view=sprint] .canvas,.app[data-view=sprint] #sprint-view,.app[data-view=sprint] .sprint,.app[data-view=sprint] .kanban{min-height:0}.app[data-view=sprint] .main{height:100%;overflow:hidden}.app[data-view=sprint] .canvas,.app[data-view=sprint] #sprint-view{height:100%}.app[data-view=sprint] .sprint{height:100%;grid-template-rows:auto minmax(0,1fr)}.app[data-view=sprint] .kanban{height:100%;align-items:stretch}.app[data-view=sprint] .kanban-col{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.app[data-view=sprint] .kanban-col-body{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;overscroll-behavior:contain}}@media (max-width: 1200px){.app{grid-template-columns:220px 1fr}.detail-panel{width:clamp(380px,70vw,720px)}.dashboard-hero{grid-template-columns:1fr}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lanes{height:clamp(360px,54vh,560px)}}@media (max-width: 900px){.sync-banner{top:calc(env(safe-area-inset-top) + 8px);left:10px;right:10px;padding:14px;align-items:stretch;flex-direction:column}.sync-banner-action{width:100%}.sync-banner-title{font-size:15px}.sync-banner-text{max-width:none}.app.has-sync-banner{padding-top:152px}.app{grid-template-columns:1fr;padding:0;gap:0;width:100vw}.app.detail-closed{grid-template-columns:1fr}.main{gap:0;width:100%;padding-bottom:96px;min-height:auto}.app[data-view=mindmap] .main{gap:0}.mobile-header{position:sticky;top:0;z-index:40;background:var(--bg);box-shadow:0 8px 18px #11111114;border-bottom:none;border:none;border-radius:0;padding:0;gap:0;-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-view=mindmap] .mobile-header{background:linear-gradient(180deg,rgba(51,34,24,.2),transparent 18%),linear-gradient(180deg,#0b101cfa,#141426fa);box-shadow:0 12px 30px #0000003d}.sidebar{order:2;position:fixed;left:0;top:0;bottom:0;height:100vh;width:min(82vw,320px);padding:20px 18px;gap:20px;border-radius:0 12px 12px 0;transform:translate(-110%);transition:transform .22s ease,box-shadow .22s ease;z-index:60;box-shadow:0 0 #0000}.app.sidebar-open .sidebar{transform:translate(0);box-shadow:0 20px 40px #00000059}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c0c59;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.app.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.filters-backdrop{display:none}body.sidebar-open{overflow:hidden}body.filters-open{overflow:auto}.sidebar-toggle{display:none}.mobile-bar{display:flex;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.mobile-brand .brand-sub{display:none}.view-switcher{padding:6px 16px 12px;border-bottom:1px solid var(--line);background:var(--bg);flex-wrap:nowrap;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.app[data-view=mindmap] .view-switcher{background:transparent;border-bottom-color:#ffffff14}.view-switcher::-webkit-scrollbar{display:none}.view-chip{flex:0 0 auto;padding:8px 12px;font-size:11px}.mindmap-filters{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;margin-left:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface);flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;box-shadow:0 -10px 22px #1111111f;transform:none;opacity:1;pointer-events:auto;z-index:45;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.app[data-view=mindmap] .mindmap-filters{background:#111322f5;box-shadow:0 -16px 34px #00000047}#filter-toggle{display:none}.mindmap-filters select{min-width:0;width:100%}.mindmap-filters::-webkit-scrollbar{display:none}.filter-group{flex:0 0 180px}.app:not([data-view=mindmap]) .mindmap-filters{display:none}.detail-panel{left:0;right:0;top:0;bottom:0;width:100vw;height:100vh;border-radius:0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));z-index:90}.detail-layout,.dashboard-hero{grid-template-columns:1fr}.dashboard-hero-ring{justify-self:start}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-screen-controls{width:100%;justify-content:flex-start}.dashboard-screen-control{flex:1 1 190px;min-width:0}.dashboard-lanes{overflow-x:auto;overflow-y:hidden;height:clamp(340px,52vh,520px)}.dashboard-lane{flex:0 0 72vw}.dashboard-lane.is-active{flex:0 0 88vw}.detail-form.detail-layout .detail-grid,.detail-grid.ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}.canvas{padding:16px;min-height:420px;border-radius:0;box-shadow:none;width:100%}.app[data-view=mindmap] .canvas{padding:18px 16px 24px;background:transparent;border:none;box-shadow:none}.kanban-col{min-width:80vw;flex:0 0 80vw}.timeline-header{flex-direction:column;align-items:flex-start;gap:12px}.requirements-header,.requirements-toolbar,.requirements-module-header,.requirements-ticket-header{flex-direction:column;align-items:stretch}.requirements-header-controls{width:100%;justify-items:stretch}.requirements-header-main{width:100%}.requirements-search,.requirements-owner-filter-group{width:100%;min-width:0}.requirements-module-toggle{align-items:flex-start}.requirements-toolbar-actions,.requirements-module-actions{justify-content:flex-start}.requirements-module-context,.requirements-notes-grid,.requirements-editor-grid,.requirements-ticket-sections{grid-template-columns:1fr}.timeline-controls{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.zoom input[type=range]{width:100px}.gantt-row{grid-template-columns:1fr}.gantt-scale{grid-template-columns:160px 1fr}.mindmap-flow{flex-direction:column;gap:20px}.mindmap-project{width:auto;position:static;justify-content:flex-start}.branch-row{grid-template-columns:1fr}.mindmap-lines{display:none}.tickets{padding-left:0}.app[data-view=mindmap] .branch-row{grid-template-columns:1fr;gap:14px}.app[data-view=mindmap] .mindmap-flow,.app[data-view=mindmap] .mindmap-flow.collapsed-left{min-width:0;gap:20px}}@media (max-width: 700px){.app{padding:0}.view-chip{padding:8px 12px;font-size:11px}.node{padding:12px}.node-title{font-size:15px}.detail-grid,.detail-form.detail-layout .detail-grid,.detail-grid.ticket-grid{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.panel-actions{width:100%;justify-content:flex-end}.dashboard-kpi-grid,.dashboard-ticket-row{grid-template-columns:1fr}.dashboard-ticket-meta{gap:6px 10px}.detail-panel{padding:18px 14px calc(16px + env(safe-area-inset-bottom))}.requirements-module-header,.requirements-module-body{padding-inline:14px}.requirements-summary span,.requirements-module-stats span,.requirements-ticket-meta span{width:fit-content}.timeline-controls{align-items:flex-start}.zoom input[type=range]{width:90px}.kanban-col{min-width:88vw;flex:0 0 88vw}}@media (max-width: 520px){.view-switcher,.mindmap-filters{gap:8px}.gantt-scale{grid-template-columns:130px 1fr}.zoom input[type=range]{width:72px}.kanban-col{min-width:92vw;flex:0 0 92vw}}.sidebar-notifications{width:100%;justify-content:space-between;align-items:center;display:inline-flex;background:#19191a;border-color:#ffffff1f;color:#f6f2ee}.sidebar-notification-badge{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.profile-preferences-section{display:grid;gap:10px;padding-top:4px}.profile-preferences-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.profile-toggle{display:flex;align-items:center;gap:10px;color:#111;font-size:13px}.profile-toggle input{accent-color:var(--accent)}.profile-preferences-field{margin-top:4px}.profile-browser-status{margin-top:-4px;padding-left:28px}.profile-browser-status.is-error{color:#b42318}.notifications-modal .modal-card{width:min(720px,92vw);background:radial-gradient(circle at top left,rgba(255,91,87,.08),transparent 28%),radial-gradient(circle at top right,rgba(126,87,255,.08),transparent 32%),linear-gradient(180deg,#1b2439fa,#0c121ffa);color:#f8fafc;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 56px #0000006b}.notifications-modal-body{max-height:min(72vh,720px);overflow:auto;padding-top:4px}.notifications-modal-actions{align-items:center;gap:12px}.notifications-title{font-family:var(--font-display);font-size:24px;line-height:1.04}.notifications-sub{margin-top:6px;font-size:13px;color:#e2e8f0a8}.notification-list{display:grid;gap:10px}.notification-row{display:grid;grid-template-columns:1fr auto;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;background:#ffffff0a}.notification-row.is-unread{border-color:#ff5b5738;background:#ff5b570f}.notification-row-main{display:grid;gap:7px}.notification-row-heading{display:flex;align-items:flex-start;gap:10px}.notification-row-icon{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#ffd7d2;background:#ff5b571f;border:1px solid rgba(255,91,87,.16);flex:0 0 auto}.notification-row-icon-svg{width:15px;height:15px}.notification-row-title,.dashboard-notification-title{font-weight:700;font-size:16px;line-height:1.2}.notification-row-meta,.dashboard-notification-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#e2e8f09e;font-size:12px}.notification-row-separator{opacity:.55}.notification-row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.notification-row-toggle,.notification-row-open{min-width:84px;min-height:32px;border-radius:10px;font-size:12px;justify-content:center;padding:0 12px}.notification-row-toggle{border-color:#ffffff1f;color:#f8fafc;background:#ffffff0f}.notification-row-open{background:linear-gradient(135deg,#ff6763,#f85156);color:#fff;box-shadow:0 8px 18px #ff5b5724}.notification-row-open:hover{background:linear-gradient(135deg,#ff736d,#fb5f63);box-shadow:0 10px 20px #ff5b572e}.mention-suggestions{display:grid;gap:6px;margin-top:8px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(180deg,#1c243afa,#0e1524fa);padding:8px;box-shadow:0 18px 36px #0000004d;position:relative;z-index:3}.mention-suggestion{border:0;background:transparent;color:#f8fafc;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;display:grid;gap:2px}.mention-suggestion.is-active,.mention-suggestion:hover{background:#ff5b5724}.mention-suggestion-name{font-weight:600}.mention-suggestion-email{font-size:12px;color:#e2e8f0b8}.comment-mention{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:#f40e0f1a;color:#b42318;font-weight:600}.dashboard-activity-grid{display:grid;gap:16px}.dashboard-activity-section,.dashboard-notification-list,.dashboard-comment-list{display:grid;gap:10px}.dashboard-notification-item,.dashboard-comment-item-button{border:1px solid #d7dee5;background:#fff;color:inherit;border-radius:12px;padding:12px;text-align:left;cursor:pointer;display:grid;gap:6px}.dashboard-notification-item.is-unread{border-color:#f40e0f3d;background:#f40e0f0a}.timeline-item.is-highlighted{border-color:#ff5b5775;background:#ff5b5714;box-shadow:0 0 0 1px #ff5b572e}.dashboard-comment-item-button{width:100%}@media (max-width: 900px){.notification-row{grid-template-columns:1fr}.notifications-modal .modal-card{width:min(100%,96vw)}.notification-row-actions{justify-content:flex-start}}@media (max-width: 640px){.notifications-title{font-size:21px}.notification-row{padding:12px;border-radius:12px}.notification-row-actions{grid-template-columns:1fr}}.design-system-page{min-height:100vh;padding:32px}.design-system-shell{width:min(1280px,100%);margin:0 auto;display:grid;gap:24px}.design-hero,.design-section,.design-rules-card,.design-showcase-card,.design-principle-card,.design-token-card,.design-type-card,.design-panel-sample-item,.design-mini-card{border:1px solid var(--shell-border);background:linear-gradient(180deg,#1e1c33f5,#0c1220eb 14%,#0b1220e6),radial-gradient(circle at 88% 0%,rgba(126,87,255,.1),transparent 28%),radial-gradient(circle at 4% 0%,rgba(255,91,87,.08),transparent 22%),#0c1422;box-shadow:0 28px 80px #00000047}.design-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:20px;border-radius:28px;padding:28px}.design-hero-copy,.design-hero-panel,.design-section-heading,.design-token-copy,.design-panel-sample,.design-rules-card{display:grid;gap:12px}.design-eyebrow,.design-section-kicker,.design-panel-kicker,.design-showcase-label,.design-type-label{width:fit-content;min-height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--shell-border);background:#ffffff0f;color:#f8fafccc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.design-hero h1,.design-section h2,.design-rules-card h2{margin:0;font-family:var(--font-display);letter-spacing:-.03em}.design-hero h1{font-size:clamp(2.05rem,4.2vw,3.7rem);line-height:.94;max-width:10ch}.design-hero-text,.design-principle-card p,.design-showcase-card p,.design-rules-card li,.design-token-copy p,.design-hero-panel p,.design-type-note,.design-panel-sample-header span{margin:0;color:var(--shell-muted);line-height:1.6}.design-hero-actions,.design-action-row,.design-pill-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.design-link-btn,.design-system-page .primary-btn,.design-system-page .ghost-btn{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.design-system-page .primary-btn{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%);border:none;color:#fff;font-weight:700;box-shadow:0 16px 32px #ff5b573d}.design-system-page .ghost-btn,.design-system-page .edit-input{border-color:var(--shell-border);background:var(--shell-surface-soft);color:var(--shell-text)}.design-system-page .ghost-btn:hover{background:#ffffff14;border-color:#ffffff29}.design-system-page .edit-input{min-height:46px;width:100%;border:1px solid var(--shell-border)}.design-system-page .edit-input:focus-visible{outline:none;border-color:var(--shell-accent-tint);box-shadow:0 0 0 3px var(--shell-accent-ring)}.design-route-badge{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--shell-border);background:#ffffff0d;color:var(--shell-text);font-family:var(--font-mono);font-size:12px}.design-hero-panel{align-content:start;border-radius:22px;padding:20px;background:linear-gradient(180deg,#141e30e0,#0e1624db);border:1px solid var(--shell-border)}.design-mini-board,.design-principles-grid,.design-token-grid,.design-type-grid,.design-showcase-grid,.design-rules-section,.design-panel-sample-body{display:grid;gap:16px}.design-mini-card{border-radius:18px;padding:16px;background:linear-gradient(180deg,#141e30e0,#0e1624db)}.design-mini-card.is-active{border-color:#ff5b5747;box-shadow:0 18px 40px #ff5b571f}.design-mini-card span,.design-panel-sample-item span{color:var(--shell-muted);font-size:12px}.design-mini-card strong,.design-panel-sample-header strong{color:var(--shell-text);font-family:var(--font-display);font-size:1.08rem;line-height:1.06;letter-spacing:-.02em}.design-panel-sample-item strong,.design-mini-feature-card strong{color:var(--shell-text);font-family:var(--font-display);font-size:.98rem;line-height:1.12;letter-spacing:-.02em}.design-token-copy strong{color:var(--shell-text);font-size:.96rem;font-weight:700;line-height:1.25}.design-section{border-radius:24px;padding:24px}.design-section h2,.design-rules-card h2{font-size:clamp(1.6rem,2.5vw,2.2rem);line-height:1}.design-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-principle-card,.design-showcase-card,.design-type-card,.design-rules-card{border-radius:20px;padding:20px}.design-token-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-token-card{min-height:100%;border-radius:20px;padding:18px;display:grid;gap:16px;grid-template-columns:64px minmax(0,1fr);align-items:start}.design-token-swatch{width:64px;height:64px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:var(--swatch);box-shadow:inset 0 1px #ffffff14}.design-token-copy code,.design-type-mono,.design-system-page code{font-family:var(--font-mono)}.design-token-copy code,.design-token-copy span{color:#f8fafcc7}.design-type-grid,.design-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-hierarchy-grid,.design-nav-grid,.design-panel-grid,.design-card-grid,.design-forms-grid,.design-color-grid,.design-form-grid,.design-dropdown-grid,.design-selection-grid{display:grid;gap:16px}.design-hierarchy-grid,.design-nav-grid,.design-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.design-forms-grid,.design-color-grid,.design-form-grid,.design-dropdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-content-card,.design-reference-panel,.design-mini-feature-card{display:grid;align-content:start;gap:12px;border-radius:20px;border:1px solid var(--shell-border);padding:20px;background:linear-gradient(180deg,#141e30e0,#0e1624db);box-shadow:0 16px 40px #00000029}.design-content-stack,.design-content-example,.design-reading-panel,.design-field,.design-mini-feature-card{display:grid;gap:8px}.design-content-meta,.design-field-label{color:var(--shell-muted);font-size:12px;font-weight:600;letter-spacing:.02em}.design-scale-page-title,.design-scale-section-title,.design-scale-subtitle,.design-scale-body{margin:0;color:var(--shell-text)}.design-scale-page-title,.design-scale-section-title{font-family:var(--font-display);letter-spacing:-.03em}.design-scale-page-title{font-size:clamp(1.65rem,2.7vw,2.3rem);line-height:1}.design-scale-section-title{font-size:clamp(1.24rem,1.8vw,1.7rem);line-height:1.1}.design-scale-subtitle{font-size:.98rem;line-height:1.5;color:var(--shell-muted)}.design-scale-body{font-size:.94rem;line-height:1.6;color:#f8fafce6}.design-reading-panel{min-height:100%;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top left,rgba(255,91,87,.08),transparent 30%),linear-gradient(180deg,#182236f5,#0e1624eb)}.design-tabs-row{display:flex;flex-wrap:wrap;gap:10px}.design-tab{min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--shell-border);background:var(--shell-surface-soft);color:var(--shell-text);cursor:pointer}.design-tab.is-active{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%);border-color:transparent;color:#fff;box-shadow:0 16px 32px #ff5b5733}.design-reference-panel.is-focus{border-color:#ff5b573d;background:radial-gradient(circle at top left,rgba(255,91,87,.14),transparent 32%),linear-gradient(180deg,#182236f5,#0e1624eb)}.design-reference-panel-header,.design-toggle-demo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.design-mini-feature-card.is-elevated{border-color:#ffffff1f;box-shadow:0 18px 44px #0000003d}.design-mini-feature-card.is-outline{background:#ffffff05;box-shadow:none}.design-textarea{min-height:140px;resize:vertical;padding:12px 14px}.design-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-check-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:14px;border:1px solid var(--shell-border);background:#ffffff0a;color:var(--shell-text)}.design-check-row input{accent-color:var(--shell-accent)}.design-toggle-row{display:grid;gap:10px}.design-range{width:100%;accent-color:var(--shell-accent)}.design-toggle-demo p{margin:6px 0 0;color:var(--shell-muted);line-height:1.5}.design-toggle{position:relative;width:58px;height:34px;border:1px solid var(--shell-border);border-radius:999px;background:#ffffff14;cursor:pointer}.design-toggle span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:999px;background:#fff;transition:transform .22s ease}.design-toggle.is-on{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%);border-color:transparent}.design-toggle.is-on span{transform:translate(24px)}.design-color-block{width:100%;height:90px;border-radius:18px;border:1px solid rgba(255,255,255,.1)}.design-color-block.is-accent{background:linear-gradient(135deg,var(--shell-accent) 0%,var(--shell-accent-deep) 100%)}.design-color-block.is-surface{background:linear-gradient(180deg,#1e1c33f5,#0c1220eb 14%,#0b1220e6),radial-gradient(circle at 88% 0%,rgba(126,87,255,.1),transparent 28%),radial-gradient(circle at 4% 0%,rgba(255,91,87,.08),transparent 22%),#0c1422}.design-color-block.is-soft{background:linear-gradient(180deg,#ffffff14,#ffffff0a),#ffffff08}.design-color-block.is-warning{background:linear-gradient(135deg,#f59e0b33,#b4530952)}.design-type-display,.design-type-body,.design-type-mono{margin:0;color:var(--shell-text)}.design-type-display{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.04;letter-spacing:-.03em}.design-type-body{font-size:1.05rem}.design-type-mono{font-size:.98rem}.design-input-stack{display:grid;gap:12px}.design-tone-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--shell-border);font-size:12px;font-weight:700}.design-tone-pill.is-neutral{background:#ffffff14;color:var(--shell-text)}.design-tone-pill.is-warning{background:#f59e0b29;border-color:#f59e0b47;color:#fde68a}.design-tone-pill.is-danger{background:#ff5b572e;border-color:#ff5b5757;color:#ffe4e1}.design-tone-pill.is-success{background:#22c55e29;border-color:#22c55e47;color:#dcfce7}.design-panel-sample{gap:16px}.design-panel-sample-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.design-panel-sample-body{grid-template-columns:repeat(2,minmax(0,1fr))}.design-panel-sample-item{border-radius:16px;padding:16px;background:linear-gradient(180deg,#141e30e0,#0e1624db)}.design-rules-section{grid-template-columns:repeat(2,minmax(0,1fr))}.design-rules-card.is-warning{border-color:#ff5b572e}.design-rule-list{margin:0;padding-left:18px;display:grid;gap:10px}@media (max-width: 1100px){.design-hero,.design-principles-grid,.design-token-grid,.design-hierarchy-grid,.design-type-grid,.design-showcase-grid,.design-nav-grid,.design-panel-grid,.design-card-grid,.design-forms-grid,.design-color-grid,.design-form-grid,.design-dropdown-grid,.design-selection-grid,.design-rules-section,.design-panel-sample-body{grid-template-columns:1fr}}@media (max-width: 720px){.design-system-page{padding:18px}.design-hero,.design-section,.design-rules-card{padding:18px;border-radius:20px}.design-hero h1{font-size:1.95rem;line-height:.98}.design-token-card{grid-template-columns:1fr}.design-token-swatch{width:100%;height:56px}.design-panel-sample-header,.design-reference-panel-header,.design-toggle-demo{flex-direction:column}}
