:root{--navy: #1b365d;--navy-deep: #13284a;--navy-light: #24467a;--primary: #2d68c4;--primary-hover: #2456a6;--primary-strong: #1f4c93;--primary-bright: #4a82d8;--primary-200: #a9c3ea;--primary-150: #c9daf3;--primary-100: #dce7f7;--primary-50: #eef3fb;--accent: #10b981;--accent-hover: #0ea371;--surface: #ffffff;--surface-subtle: #f8f9fb;--surface-muted: #f1f3f6;--page-bg: #f5f7fa;--border: #e3e7ed;--border-strong: #cdd3dc;--text-faint: #9aa3af;--text-muted: #6b7280;--text-secondary: #4b5563;--text-body: #374151;--text-strong: #1f2937;--ink: #16233a;--success: #059669;--success-strong: #047857;--success-ink: #065f46;--success-bg: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--info: #2563a8;--info-strong: #1f4c93;--info-bg: #e8f1fb;--warning-bright: #f59e0b;--warning: #d97706;--warning-strong: #b45309;--warning-ink: #92400e;--warning-bg: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--orange: #f97316;--orange-strong: #ea580c;--orange-deep: #c2410c;--orange-ink: #9a3412;--orange-bg: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--danger-bright: #ef4444;--danger: #dc2626;--danger-strong: #b91c1c;--danger-ink: #991b1b;--danger-bg: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--violet: #7c3aed;--violet-strong: #6d28d9;--violet-ink: #5b21b6;--violet-bg: #f5f3ff;--violet-100: #ede9fe;--violet-200: #ddd6fe;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-xs: 0 1px 2px rgba(22, 35, 58, .05);--shadow-sm: 0 1px 3px rgba(22, 35, 58, .08), 0 1px 2px rgba(22, 35, 58, .04);--shadow-md: 0 6px 16px -4px rgba(22, 35, 58, .12), 0 2px 4px rgba(22, 35, 58, .05);--shadow-lg: 0 18px 40px -12px rgba(22, 35, 58, .25);--shadow-card: 0 1px 2px rgba(22, 35, 58, .04), 0 6px 20px -8px rgba(22, 35, 58, .1);--focus-ring: 0 0 0 3px rgba(45, 104, 196, .25);--sidebar-width: 240px;--topbar-height: 64px;--bottom-nav-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--page-gutter: clamp(16px, 4vw, 40px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;-webkit-tap-highlight-color:transparent;background:var(--page-bg);color:var(--text-body);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.005em;word-spacing:.08em}button,input,select,textarea{font-family:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}a{color:var(--primary)}::selection{background:var(--primary-100);color:var(--ink)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.code-tag,.code-badge,.badge-code,.loc-code,.priority-badge,.critical-pill,.badge,.btn-link,.btn-table-action,.urgent-tag,.urgent-pending-tag,td.font-mono{white-space:nowrap}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page{max-width:1120px;margin:0 auto;padding:1.5rem var(--page-gutter) 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-title{margin:0;font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:600;line-height:1.15}@media(min-width:1024px){.page-head{padding-right:3.5rem}}.page-subtitle{margin:.35rem 0 0;color:var(--text-muted);font-size:.95rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:44px;padding:0 1.15rem;border-radius:var(--radius);font-size:.92rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.btn-primary{border:none;background:var(--primary);color:#fff;box-shadow:0 6px 16px -8px #2d68c4b3}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text-strong)}.btn-secondary:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.pill{--pill-fg: var(--text-secondary);--pill-bg: var(--surface-muted);display:inline-flex;align-items:center;gap:.3rem;height:24px;padding:0 .6rem;border-radius:12px;background:var(--pill-bg);color:var(--pill-fg);font-size:.75rem;font-weight:600;white-space:nowrap}.pill[data-tone=danger]{--pill-fg: var(--danger-strong);--pill-bg: var(--danger-100)}.pill[data-tone=warning]{--pill-fg: var(--warning-ink);--pill-bg: var(--warning-100)}.pill[data-tone=info]{--pill-fg: var(--primary-strong);--pill-bg: var(--primary-100)}.pill[data-tone=progress]{--pill-fg: var(--primary-strong);--pill-bg: var(--primary-50)}.pill[data-tone=success]{--pill-fg: var(--success-ink);--pill-bg: var(--success-100)}.pill[data-tone=muted]{--pill-fg: var(--text-faint);--pill-bg: var(--surface-muted)}.pill-soft{background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pill-fg) 28%,transparent)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3.5rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);text-align:center}.empty-state h2{margin:.5rem 0 0;font-size:1.15rem;font-weight:600}.empty-state p{max-width:420px;margin:0 0 .75rem;color:var(--text-muted);font-size:.92rem}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:20px;background:var(--primary-50);color:var(--primary)}.empty-icon.tone-danger{background:var(--danger-bg);color:var(--danger)}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-subtle) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.chip{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0;height:38px;padding:0 .95rem;border:1px solid var(--border);border-radius:19px;background:var(--surface);color:var(--text-secondary);font-size:.86rem;font-weight:500;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--border-strong)}.chip.active{border-color:var(--ink);background:var(--ink);color:#fff}.chip-count{min-width:20px;padding:0 6px;border-radius:10px;background:var(--surface-muted);color:var(--text-secondary);font-size:.75rem;font-weight:600;text-align:center}.chip.active .chip-count{background:#ffffff2e;color:#fff}.filter-toggle{position:relative;display:inline-flex;align-items:center;gap:.5rem;height:48px;padding:0 .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer}.filter-toggle.active{border-color:var(--primary-150);background:var(--primary-50);color:var(--primary-strong)}.filter-toggle-label{display:none}.filter-count{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--primary);color:#fff;font-size:.68rem;font-weight:700;line-height:18px;text-align:center}.chevron{color:var(--text-faint)}@media(min-width:720px){.filter-toggle-label{display:inline}}.section{margin-top:1rem;padding:1.25rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.section-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.25rem}.section-head h2{margin:0;font-size:1.05rem;font-weight:600}.section-hint{margin:0 0 .9rem;color:var(--text-muted);font-size:.85rem}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field>span:first-child{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:0 .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.field textarea{min-height:110px;padding:.75rem .85rem;line-height:1.5;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}.field-hint{font-size:.78rem;color:var(--text-muted)}.back-link{display:inline-flex;align-items:center;gap:.25rem;margin:0 0 .75rem -.25rem;padding:.35rem .5rem .35rem .25rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none}.back-link:hover{background:var(--surface-muted);color:var(--ink)}.notice{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1rem;padding:.85rem 1rem;border-radius:var(--radius);font-size:.9rem;line-height:1.45}.notice .app-icon{margin-top:.15em}.notice-danger{background:var(--danger-bg);color:var(--danger-ink)}.notice-success{background:var(--success-bg);color:var(--success-ink)}.notice-warning{background:var(--warning-bg);color:var(--warning-ink)}.notice-info{background:var(--primary-50);color:var(--primary-strong)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-actions{position:sticky;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));z-index:50;display:flex;justify-content:flex-end;gap:.6rem;margin:1rem calc(-1 * var(--page-gutter)) 0;padding:.75rem var(--page-gutter);background:#f5f7faeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.form-actions>*{flex:1}@media(min-width:720px){.form-actions{position:static;margin:1.25rem 0 0;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.form-actions>*{flex:0 0 auto}}.modal-backdrop{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-end;justify-content:center;background:#16233a73;animation:modal-fade .15s ease}.modal-card{display:flex;flex-direction:column;width:100%;max-height:92dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);box-shadow:var(--shadow-lg);animation:modal-up .22s cubic-bezier(.2,.8,.2,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .5rem}.modal-header h3{margin:0;font-size:1.15rem;font-weight:600}.modal-close,.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:none;border-radius:50%;background:var(--surface-muted);color:var(--text-secondary);font-size:18px;cursor:pointer}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:.5rem 1.25rem 1rem;overflow-y:auto}.modal-desc{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.modal-footer{display:flex;gap:.6rem;padding:.85rem 1.25rem calc(.85rem + var(--safe-bottom));border-top:1px solid var(--surface-muted)}.modal-footer>*{flex:1}.btn-primary.btn-success{background:var(--success);box-shadow:0 6px 16px -8px #059669b3}.btn-primary.btn-success:hover{background:var(--success-strong)}.btn-primary.btn-warning{background:var(--warning);box-shadow:0 6px 16px -8px #d97706b3}.btn-primary.btn-warning:hover{background:var(--warning-strong)}.btn-primary.btn-danger{background:var(--danger);box-shadow:0 6px 16px -8px #dc2626b3}.btn-primary.btn-danger:hover{background:var(--danger-strong)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-up{0%{transform:translateY(24px);opacity:0}}@media(min-width:720px){.modal-backdrop{align-items:center;padding:1.5rem}.modal-card{max-width:520px;max-height:85vh;border-radius:var(--radius-lg)}.modal-header{padding:1.25rem 1.5rem .5rem}.modal-body{padding:.5rem 1.5rem 1.25rem}.modal-footer{justify-content:flex-end;padding:1rem 1.5rem}.modal-footer>*{flex:0 0 auto}}.quick-filters{display:flex;gap:.5rem;margin:0 calc(-1 * var(--page-gutter)) 1rem;padding:0 var(--page-gutter) 2px;overflow-x:auto;scrollbar-width:none}.quick-filters::-webkit-scrollbar{display:none}.search-row{display:flex;gap:.5rem;margin-bottom:1rem}.search-box{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0;height:48px;padding:0 1rem;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-xs);border:1px solid var(--border);color:var(--text-faint);transition:border-color .15s ease,box-shadow .15s ease}.search-box:focus-within{border-color:var(--primary);box-shadow:var(--focus-ring)}.search-box input{flex:1;min-width:0;height:100%;border:none;background:none;color:var(--ink);font-size:1rem;outline:none}.search-box input::placeholder{color:var(--text-faint)}.icon-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:none;border-radius:50%;background:var(--surface-muted);color:var(--text-strong);cursor:pointer}.icon-action:hover{background:var(--primary-50);color:var(--primary)}.icon-action:disabled{opacity:.5;cursor:wait}.icon-action.danger:hover{background:var(--danger-bg);color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:479px){.hide-sm{display:none!important}}.form-page{max-width:760px}.form-page form>.section:first-of-type{margin-top:0}.step{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1.05rem;font-weight:600}.step span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--primary-50);color:var(--primary);font-size:.8rem;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr;gap:1rem}.scope-options{display:grid;grid-template-columns:1fr;gap:.6rem;margin-bottom:1.1rem}.scope-option{position:relative;display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.scope-option input{position:absolute;opacity:0;pointer-events:none}.scope-option:has(input:focus-visible){box-shadow:var(--focus-ring)}.scope-option.selected{border-color:var(--primary);background:var(--primary-50)}.scope-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--surface-muted);color:var(--text-secondary)}.scope-option.selected .scope-icon{background:var(--primary);color:#fff}.scope-text{display:flex;flex-direction:column;gap:.1rem}.scope-text strong{color:var(--ink);font-size:.95rem}.scope-text small{color:var(--text-muted);font-size:.8rem}@media(min-width:720px){.form-grid{grid-template-columns:1fr 1fr}.field.full{grid-column:1 / -1}.scope-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.tabs{position:sticky;top:calc(var(--topbar-height) + var(--safe-top));z-index:20;display:flex;gap:.25rem;margin:.25rem calc(-1 * var(--page-gutter)) 0;padding:.5rem var(--page-gutter);background:#f5f7faf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab-nav-btn,.tab-btn{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;height:38px;padding:0 .9rem;border:none;border-radius:19px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer}.tab-nav-btn:hover,.tab-btn:hover{background:var(--surface-muted)}.tab-nav-btn.active,.tab-btn.active{background:var(--ink);color:#fff}.tab-count{min-width:20px;padding:0 6px;border-radius:10px;background:var(--surface-muted);font-size:.74rem;font-weight:600;text-align:center}.tab-nav-btn.active .tab-count,.tab-btn.active .tab-count{background:#ffffff2e}.panel-empty{margin:0;padding:2rem 1rem;border-radius:var(--radius-lg);background:var(--surface);color:var(--text-muted);text-align:center;font-size:.9rem}@media(min-width:1024px){.tabs{top:0;margin:.25rem 0 0;padding:.5rem 0}}