:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#08090b;background:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: oklch(.58 .18 18);--brand-deep: oklch(.42 .16 18);--brand-muted: oklch(.85 .035 18);--brand-ghost: oklch(.95 .008 18);--sky: oklch(.5 .14 255);--sky-muted: oklch(.9 .025 255);--teal: oklch(.55 .15 175);--teal-muted: oklch(.9 .03 175);--amber: oklch(.72 .16 80);--amber-muted: oklch(.92 .06 85);--surface: oklch(.985 0 0);--surface-elevated: oklch(1 0 0);--surface-subtle: oklch(.972 .002 18);--ink: oklch(.14 .005 260);--ink-secondary: oklch(.42 .01 260);--ink-tertiary: oklch(.6 .01 260);--border: oklch(.9 .005 260);--danger: oklch(.52 .17 24);--danger-bg: oklch(.95 .025 24);--success: oklch(.55 .15 155);--shadow-xs: 0 1px 2px oklch(0 0 0 / .04);--shadow-sm: 0 1px 3px oklch(0 0 0 / .05);--shadow-md: 0 4px 20px oklch(0 0 0 / .07);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--sidebar-w: 200px;--z-sticky: 10;--z-backdrop: 30;--z-drawer: 40}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:var(--surface);color:var(--ink);line-height:1.6}body:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 18% 0%,oklch(.58 .18 18 / .035),transparent),radial-gradient(ellipse 45% 45% at 85% 100%,oklch(.5 .14 255 / .025),transparent);content:"";pointer-events:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid oklch(.58 .18 18 / .22);outline-offset:2px}h1,h2,h3,p{text-wrap:pretty}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.7rem}.brand{display:flex;align-items:baseline;gap:9px;height:72px;padding:0 8px;white-space:nowrap}.brand-word{color:var(--ink);font-size:1.35rem;font-weight:800;letter-spacing:-.03em}.brand-word b{color:var(--brand);font-weight:inherit}.brand-product{color:var(--ink-tertiary);font-size:.72rem;font-weight:650}.login-shell{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(400px,.95fr);min-height:100vh}.login-context{display:flex;flex-direction:column;padding:0 clamp(40px,7vw,108px);background:var(--surface-subtle);border-right:1px solid var(--border)}.login-context .brand{margin-top:8px;padding:0}.login-copy{max-width:600px;margin:auto 0}.context-label{display:inline-flex;margin:0;padding:6px 12px;border-radius:var(--radius-full);background:var(--brand-ghost);color:var(--brand);font-size:.78rem;font-weight:700}.login-copy h1{margin:22px 0 18px;color:var(--ink);font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.15}.login-copy>p:last-child{max-width:52ch;margin:0;color:var(--ink-secondary);font-size:.95rem;line-height:1.8}.security-note{display:flex;align-items:center;gap:8px;margin:0 0 30px;color:var(--ink-tertiary);font-size:.75rem}.security-note svg{color:var(--brand)}.login-panel{display:grid;place-items:center;min-width:0;padding:40px;background:var(--surface-elevated)}.login-form{display:flex;flex-direction:column;gap:20px;width:min(390px,calc(100vw - 44px));max-width:100%;min-width:0}.login-form h2{margin:0 0 6px;font-size:1.35rem;font-weight:700;letter-spacing:-.025em}.login-form p{margin:0;color:var(--ink-tertiary);font-size:.88rem}.login-form label{display:grid;gap:7px;color:var(--ink-secondary);font-size:.83rem;font-weight:600}.login-form input,.search-box input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--ink)}.login-form input{width:100%;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-form input:hover{border-color:var(--brand-muted)}.login-form input:focus{border-color:var(--brand);outline:none;background:var(--surface-elevated);box-shadow:0 0 0 3px #cf3f501a}.primary-button,.search-box button{border:0;border-radius:var(--radius-full);background:var(--brand);color:#fff;font-weight:650;transition:background .18s ease,transform .18s ease,opacity .18s ease}.primary-button{padding:12px 24px}.primary-button:hover:not(:disabled),.search-box button:hover:not(:disabled){background:var(--brand-deep);transform:translateY(-1px)}.primary-button:active:not(:disabled),.search-box button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled,.search-box button:disabled{opacity:.5}.inline-error{padding:11px 13px;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:.8rem}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;z-index:var(--z-sticky);inset:0 auto 0 0;display:flex;flex-direction:column;width:var(--sidebar-w);padding:0 16px 18px;border-right:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar .brand{flex-shrink:0}.sidebar nav{display:flex;flex:1;flex-direction:column;gap:4px;margin-top:12px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-secondary);font-size:.88rem;font-weight:500;text-align:left;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface-subtle);color:var(--ink)}.nav-item.active{background:var(--brand-ghost);color:var(--brand);font-weight:650}.nav-item svg{flex-shrink:0}.sidebar-foot{display:grid;grid-template-columns:32px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-top:auto;padding:14px 0 0;border-top:1px solid var(--border)}.admin-avatar,.account-cell>b,.account-identity>span{display:grid;place-items:center;flex-shrink:0;background:var(--brand-ghost);color:var(--brand);font-weight:700}.admin-avatar{width:32px;height:32px;border-radius:50%;font-size:.75rem}.sidebar-foot strong,.sidebar-foot span{display:block;overflow:hidden;font-size:.75rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot span{margin-top:2px;color:var(--ink-tertiary);font-size:.7rem}.sidebar-foot button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-tertiary);transition:background .15s ease,color .15s ease}.sidebar-foot button:hover{background:var(--danger-bg);color:var(--danger)}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;z-index:var(--z-sticky);top:0;display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 40px;border-bottom:1px solid var(--border);background:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.topbar h1{margin:3px 0 0;font-size:1.25rem;font-weight:750;letter-spacing:-.025em}.crumb{color:var(--ink-tertiary);font-size:.7rem}.service-state{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-elevated);color:var(--ink-secondary);font-size:.72rem}.service-state i{width:7px;height:7px;border-radius:50%;background:var(--success)}.content{width:min(100%,1440px);padding:28px 48px 60px 40px}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-elevated);box-shadow:var(--shadow-xs)}.summary-strip>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;min-width:0;padding:18px 20px;border-right:1px solid var(--border)}.summary-strip>div:last-child{border-right:0}.summary-strip svg{color:var(--brand)}.summary-strip span{overflow:hidden;color:var(--ink-tertiary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.summary-strip strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.search-section,.tasks-section{padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-elevated);box-shadow:var(--shadow-sm)}.section-heading h2,.account-identity h2{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.section-heading p,.account-identity p{margin:5px 0 0;color:var(--ink-tertiary);font-size:.8rem}.search-box{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;margin:20px 0;padding:5px 5px 5px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-box:hover{border-color:var(--brand-muted)}.search-box:focus-within{border-color:var(--brand);background:var(--surface-elevated);box-shadow:0 0 0 3px #cf3f501a}.search-box svg{color:var(--ink-tertiary)}.search-box input{min-width:0;padding:10px 6px;border:0;outline:0;background:transparent}.search-box input::placeholder{color:var(--ink-tertiary);opacity:1}.search-box button{padding:10px 24px}.error-block{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger)}.error-block>svg{flex-shrink:0;margin-top:1px}.error-block strong{font-size:.8rem}.error-block p{margin:3px 0 0;font-size:.75rem}.error-block button{flex-shrink:0;margin-left:auto;padding:6px 11px;border:1px solid currentColor;border-radius:var(--radius-full);background:transparent;color:inherit;font-size:.75rem;font-weight:650}.error-block button:hover{background:#ffffff8c}.account-results{overflow-x:auto}.table-head,.account-row{display:grid;grid-template-columns:minmax(340px,1fr) 72px 72px 72px 24px;align-items:center;gap:12px;min-width:680px}.table-head{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--ink-tertiary);font-size:.7rem;font-weight:550}.account-row{width:100%;padding:13px 12px;border:0;border-bottom:1px solid var(--border);background:var(--surface-elevated);color:var(--ink);text-align:left;transition:background .15s ease,color .15s ease}.account-row:last-child{border-bottom:0}.account-row:hover{background:var(--brand-ghost)}.account-row>svg{color:var(--ink-tertiary)}.account-row:hover>svg{color:var(--brand)}.account-cell{display:flex;align-items:center;gap:10px;min-width:0}.account-cell>b,.account-identity>span{width:34px;height:34px;border-radius:50%}.account-cell span{display:grid;min-width:0}.account-cell strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.account-cell small{overflow:hidden;color:var(--ink-tertiary);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.account-cell em{flex-shrink:0;padding:3px 7px;border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--ink-secondary);font-size:.62rem;font-style:normal}.tasks-section{margin-top:22px}.account-summary{display:flex;align-items:center;gap:20px}.account-summary>button{padding:6px 0;border:0;background:none;color:var(--brand);font-size:.75rem;font-weight:650}.account-summary>button:hover{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}.account-identity{display:flex;align-items:center;gap:10px}.filter-row{display:flex;gap:4px;margin-top:20px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-row button{flex-shrink:0;padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-tertiary);font-size:.75rem;transition:color .15s ease,border-color .15s ease,background .15s ease}.filter-row button:hover{color:var(--ink-secondary)}.filter-row button.selected{border-bottom-color:var(--brand);color:var(--brand);font-weight:650}.task-table-wrap{overflow-x:auto}.task-table{width:100%;min-width:900px;border-collapse:collapse}.task-table th{padding:12px 10px;border-bottom:1px solid var(--border);color:var(--ink-tertiary);font-size:.7rem;font-weight:550;text-align:left}.task-table td{padding:14px 10px;border-bottom:1px solid var(--border);color:var(--ink-secondary);font-size:.75rem}.task-table tbody tr{cursor:pointer;transition:background .15s ease}.task-table tbody tr:hover,.task-table tbody tr:focus-visible{background:var(--brand-ghost)}.task-table tbody tr:last-child td{border-bottom:0}.task-table td:first-child{display:grid;gap:5px}.task-table td strong{color:var(--ink);font-size:.8rem}.task-table small{color:var(--ink-tertiary)}.task-table small code{margin-right:2px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-full);background:var(--surface-subtle);color:var(--ink-secondary);font-size:.68rem;white-space:nowrap}.status i{width:7px;height:7px;border-radius:50%;background:var(--ink-tertiary)}.status-completed{background:var(--teal-muted);color:#005c41;color:oklch(.42 .11 165)}.status-completed i{background:var(--teal)}.status-planning{background:var(--sky-muted);color:#1d4d87}.status-planning i{background:var(--sky)}.status-failed,.status-deleted{background:var(--danger-bg);color:var(--danger)}.status-failed i,.status-deleted i{background:var(--danger)}.status-abandoned{background:var(--amber-muted);color:#865900;color:oklch(.5 .12 75)}.status-abandoned i{background:var(--amber)}.danger-text{color:var(--danger);font-weight:650}.empty-state{display:grid;justify-items:center;gap:7px;padding:40px;color:var(--ink-tertiary);text-align:center}.empty-state svg{color:var(--brand-muted)}.empty-state strong{color:var(--ink);font-size:.8rem}.empty-state p{margin:0;font-size:.75rem}.drawer-backdrop{position:fixed;z-index:var(--z-backdrop);top:0;right:0;bottom:0;left:0;background:#08090b52;animation:backdrop-in .2s ease-out}.drawer{position:fixed;z-index:var(--z-drawer);inset:0 0 0 auto;width:min(600px,92vw);background:var(--surface-elevated);box-shadow:-8px 0 20px #0000001a;animation:drawer-in .22s cubic-bezier(.22,1,.36,1)}.drawer>header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--border)}.drawer header h2{margin:8px 0 5px;font-size:1.1rem;letter-spacing:-.02em}.drawer header p{margin:0;color:var(--ink-tertiary);font-size:.75rem}.drawer header button{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--surface-subtle);color:var(--ink-secondary);transition:background .15s ease,color .15s ease}.drawer header button:hover{background:var(--brand-ghost);color:var(--brand)}.drawer-body{height:calc(100vh - 105px);padding:20px 24px;overflow:auto}.drawer-status{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-tertiary);font-size:.7rem}.deletion-box{display:flex;gap:10px;margin:18px 0;padding:13px;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger)}.deletion-box svg{flex-shrink:0}.deletion-box strong{font-size:.75rem}.deletion-box p{margin:4px 0 0;font-size:.68rem}.drawer-body h3{margin:26px 0 18px;font-size:.88rem}.drawer-body h3 span{color:var(--ink-tertiary);font-weight:400}.timeline{margin:0;padding:0;list-style:none}.timeline li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;padding-bottom:22px}.timeline li:before{position:absolute;top:10px;bottom:0;left:4px;width:1px;background:var(--border);content:""}.timeline li:last-child:before{display:none}.timeline>li>i{z-index:1;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--brand-ghost)}.timeline>li>i.failed{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.timeline-main>div:first-child{display:flex;justify-content:space-between;gap:20px}.timeline-main strong{font-size:.75rem}.timeline-main time,.timeline-main p{color:var(--ink-tertiary);font-size:.68rem}.timeline-main time{flex-shrink:0}.timeline-main p{margin:5px 0}.ids{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap;gap:5px!important;margin-top:8px}.ids code{padding:3px 6px;border-radius:5px;background:var(--surface-subtle);color:var(--ink-tertiary)}.action-error{padding:7px 9px;border-radius:5px;background:var(--danger-bg);color:var(--danger);font-size:.68rem}.compact{padding:28px}@keyframes drawer-in{0%{transform:translate(28px);opacity:.7}to{transform:translate(0);opacity:1}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@media (max-width: 1080px){:root{--sidebar-w: 76px}.sidebar{padding-inline:12px}.sidebar .brand{justify-content:center;padding:0}.sidebar .brand-word{font-size:1.15rem}.sidebar .brand-word:not(b){font-size:0}.sidebar .brand-word b{font-size:1.15rem}.sidebar .brand-product,.nav-item:not(.active),.nav-item span,.sidebar-foot>div:not(.admin-avatar),.sidebar-foot button{display:none}.nav-item{justify-content:center;padding-inline:0}.nav-item.active{display:flex}.sidebar-foot{display:flex;justify-content:center}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip>div:nth-child(2){border-right:0}.summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width: 760px){.login-shell{grid-template-columns:1fr}.login-context{display:none}.login-panel{padding:28px 22px}.app-shell{display:block;padding-bottom:64px}.sidebar{inset:auto 0 0;display:grid;grid-template-columns:1fr auto;width:100%;height:64px;padding:8px 14px;border-top:1px solid var(--border);border-right:0;background:#fffffff0}.sidebar .brand{display:none}.sidebar nav{display:flex;flex-direction:row;gap:4px;margin:0}.nav-item,.nav-item:not(.active){display:flex;width:42px;height:46px;justify-content:center;padding:0}.nav-item span{display:none}.sidebar-foot{display:flex;margin:0;padding:0 0 0 10px;border-top:0;border-left:1px solid var(--border)}.sidebar-foot>div:not(.admin-avatar){display:none}.sidebar-foot button{display:grid}.workspace{width:100%}.topbar{height:72px;padding:0 18px}.content{padding:20px 18px 40px}.summary-strip{grid-template-columns:1fr}.summary-strip>div{border-right:0;border-bottom:1px solid var(--border)!important}.summary-strip>div:last-child{border-bottom:0!important}.search-section,.tasks-section{padding:18px;border-radius:var(--radius-md)}.service-state{display:none}.search-box{grid-template-columns:22px minmax(0,1fr);padding:8px 12px}.search-box button{grid-column:1 / -1;margin-top:6px}.account-summary{align-items:flex-start;flex-direction:column;gap:12px}.drawer{width:100vw}.drawer>header,.drawer-body{padding-inline:18px}}@media (max-width: 480px){.topbar h1{font-size:1.08rem}.summary-strip>div{padding:15px 16px}.search-section,.tasks-section{padding:16px}.drawer-status,.timeline-main>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}