@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage;src:url(/assets/BricolageGrotesque-ExtraBold-BT0wPcIA.ttf) format("truetype");font-weight:800}:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #f6f7f9;--surface-3: #eef0f4;--border: #e4e7ec;--border-strong: #d0d5dd;--text: #101828;--text-2: #475467;--text-3: #8a94a6;--accent: #2b3d70;--accent-hover: #22315c;--accent-text: #2f4a8f;--accent-soft: #eef2fb;--on-accent: #ffffff;--danger: #d92d20;--danger-soft: #fef3f2;--success: #079455;--success-soft: #ecfdf3;--warning: #dc6803;--warning-soft: #fffaeb;--ai: #6941c6;--ai-soft: #f4f3ff;--side-bg: #111830;--side-bg-2: #18213d;--side-text: #a9b2c9;--side-text-strong: #ffffff;--side-border: rgba(255, 255, 255, .07);--radius: 12px;--radius-sm: 8px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .12), 0 4px 8px -4px rgba(16, 24, 40, .06);--ring: 0 0 0 3px rgba(47, 74, 143, .16);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b0f19;--surface: #121827;--surface-2: #161d2e;--surface-3: #1c2438;--border: #232c41;--border-strong: #2f3a54;--text: #eef1f7;--text-2: #a7b0c3;--text-3: #6f7a91;--accent: #6b86d6;--accent-hover: #7e96de;--accent-text: #9db1ec;--accent-soft: #1b2440;--on-accent: #0b0f19;--danger: #f97066;--danger-soft: #2a1714;--success: #47cd89;--success-soft: #11251b;--warning: #fdb022;--warning-soft: #2a2010;--ai: #a48afb;--ai-soft: #1d1836;--side-bg: #080c16;--side-bg-2: #0e1424;--shadow-xs: none;--shadow: none;--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(107, 134, 214, .25);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;letter-spacing:-.015em;color:var(--text)}h1{font-size:20px;font-weight:650}h2{font-size:14px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#2f4a8f2e}.shell{--topbar: 44px;--side-w: 236px;display:grid;grid-template-columns:var(--side-w) 1fr;min-height:100%;transition:grid-template-columns .18s ease}.shell.collapsed{--side-w: 60px}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--side-bg) 0%,var(--side-bg-2) 100%);color:var(--side-text);border-right:1px solid var(--side-border);z-index:30}.brand{display:flex;align-items:center;gap:10px;height:var(--topbar);padding:0 14px;border-bottom:1px solid var(--side-border);flex:none}.brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#3b5299,#26355e);box-shadow:inset 0 0 0 1px #ffffff1f;flex:none}.brand-name{font-family:Bricolage,sans-serif;font-weight:800;font-size:16px;letter-spacing:-.02em;color:var(--side-text-strong);line-height:1.1}.brand-tag{font-size:11px;color:var(--side-text);opacity:.8}.nav{flex:1;overflow-y:auto;padding:10px 10px 16px}.nav-section+.nav-section{margin-top:6px}.nav-group{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--side-text);opacity:.6;padding:12px 10px 6px}.nav-link{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:7px;color:var(--side-text);font-weight:500;position:relative;transition:background .12s,color .12s}.nav-link:hover{background:#ffffff0f;color:var(--side-text-strong);text-decoration:none}.nav-link.active{background:#ffffff1a;color:var(--side-text-strong)}.nav-link.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#8ea6f0}.nav-link.soon{opacity:.45;pointer-events:none}.nav-link .count{margin-left:auto;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;font-weight:650;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.nav-link .soon-tag{margin-left:auto;font-size:10.5px;padding:1px 6px;border-radius:5px;border:1px solid var(--side-border)}.sidebar-foot{padding:12px 16px 16px;border-top:1px solid var(--side-border)}.env{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;padding:4px 9px;border-radius:6px;background:#ffffff0f;color:var(--side-text-strong)}.env-dot{width:7px;height:7px;border-radius:50%;background:#47cd89;box-shadow:0 0 0 3px #47cd8933}.env.dev .env-dot{background:#fdb022;box-shadow:0 0 0 3px #fdb02233}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar);display:flex;align-items:center;gap:8px;padding:0 20px 0 14px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}.crumb{color:var(--text-3);white-space:nowrap}.crumb.now{color:var(--text);font-weight:600}.crumb-sep{color:var(--border-strong)}.icon-btn{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-xs)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.spinning svg{animation:spin .9s linear infinite}.menu-btn{display:none}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 4px;border:1px solid transparent;border-radius:999px;background:none;cursor:pointer;color:var(--text-2)}.user-btn:hover{background:var(--surface-2);border-color:var(--border)}.user-btn .avatar{width:28px;height:28px;font-size:11px}.user-name{font-weight:600;color:var(--text)}.dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);padding:6px;z-index:40}.dropdown-head{display:flex;flex-direction:column;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.dropdown-item{width:100%;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:0;background:none;border-radius:6px;cursor:pointer;text-align:left}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item.danger{color:var(--danger)}.main{width:100%;min-width:0;padding:16px 28px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.page-head p{margin:1px 0 0;color:var(--text-2)}.page-head .btn{flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.card>h2:first-child{margin:-18px -20px 16px;padding:14px 20px;border-bottom:1px solid var(--border);font-size:13.5px}.card.stack>h2:first-child,.card>.row:first-child>h2{margin:0;padding:0;border:0}.grid{display:grid;gap:16px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-2)}.faint{color:var(--text-3);font-size:12px}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;height:100%;transition:border-color .12s,box-shadow .12s}.stat.link:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}a:hover .stat{text-decoration:none}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat .label{color:var(--text-2);font-size:12.5px;font-weight:500}.stat-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}.stat-icon.accent{background:var(--accent-soft);color:var(--accent-text)}.stat-icon.success{background:var(--success-soft);color:var(--success)}.stat-icon.warning{background:var(--warning-soft);color:var(--warning)}.stat-icon.danger{background:var(--danger-soft);color:var(--danger)}.stat-icon.ai{background:var(--ai-soft);color:var(--ai)}.stat-icon.neutral{background:var(--surface-3);color:var(--text-2)}.stat .value{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--text)}.stat-foot{display:flex;align-items:center;gap:8px;min-height:26px;margin-top:auto}.stat .sub{color:var(--text-3);font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:2px;padding:1px 6px 1px 4px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--text-2);font-variant-numeric:tabular-nums}.trend.good{background:var(--success-soft);color:var(--success)}.trend.bad{background:var(--danger-soft);color:var(--danger)}.spark{margin-left:auto;flex:none}.spark.accent{color:var(--accent-text)}.spark.success{color:var(--success)}.spark.warning{color:var(--warning)}.spark.danger{color:var(--danger)}.spark.ai{color:var(--ai)}.spark.neutral{color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover{background:var(--surface-2);text-decoration:none}.btn:focus-visible,.input:focus,.icon-btn:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--accent-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.danger:hover{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.btn.small{height:28px;padding:0 10px;font-size:12px;border-radius:7px}.btn.ghost{border-color:transparent;background:none;box-shadow:none;color:var(--accent-text)}.btn.ghost:hover{background:var(--accent-soft)}.input{width:100%;height:34px;padding:0 11px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-xs);transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-3)}textarea.input{height:auto;padding:8px 11px;resize:vertical;line-height:1.5}select.input{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a94a6' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:600;font-size:12.5px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge.success{background:var(--success-soft);color:var(--success)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.accent{background:var(--accent-soft);color:var(--accent-text)}.badge.ai{background:var(--ai-soft);color:var(--ai)}.notice{position:relative;padding:11px 14px 11px 16px;border-radius:10px;background:var(--warning-soft);color:color-mix(in srgb,var(--warning) 70%,var(--text));border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);line-height:1.5}.notice:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--warning)}.notice.danger{background:var(--danger-soft);color:color-mix(in srgb,var(--danger) 75%,var(--text));border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.notice.danger:before{background:var(--danger)}.notice.info{background:var(--accent-soft);color:color-mix(in srgb,var(--accent-text) 75%,var(--text));border-color:color-mix(in srgb,var(--accent-text) 20%,transparent)}.notice.info:before{background:var(--accent-text)}.tabs{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:9px;background:var(--surface-3);margin-bottom:14px;max-width:100%}.tab{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:0;border-radius:7px;background:none;color:var(--text-2);font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text)}.tab.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10182814,0 0 0 1px var(--border)}.tab .count{margin-left:6px;min-width:18px;height:17px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;line-height:17px;text-align:center}.table-wrap{overflow-x:auto;margin:0 -20px -18px;border-top:1px solid var(--border)}table.table{width:100%;border-collapse:collapse}.table th{position:sticky;top:0;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap}.table th:first-child,.table td:first-child{padding-left:20px}.table th:last-child,.table td:last-child{padding-right:20px}.table td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-variant-numeric:tabular-nums}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table tr.click{cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,var(--accent-soft),var(--surface-3));color:var(--accent-text);font-weight:650;font-size:12px;box-shadow:inset 0 0 0 1px var(--border)}.avatar.big{width:64px;height:64px;font-size:20px}.person{display:flex;align-items:center;gap:10px;min-width:0}.person .who{min-width:0}.person .who div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv{display:grid;grid-template-columns:180px 1fr;gap:0;margin:0}.kv dt,.kv dd{padding:9px 0;border-bottom:1px solid var(--border)}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-weight:500}.kv dt:last-of-type,.kv dd:last-of-type{border-bottom:0}.pager{display:flex;align-items:center;gap:8px;padding-top:14px}.pager-page{font-variant-numeric:tabular-nums;color:var(--text-2);padding:0 4px}.modal-back{position:fixed;inset:0;background:#0a0f1e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:50;animation:fade .15s ease}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--surface);border-radius:14px;border:1px solid var(--border);box-shadow:0 24px 48px -12px #1018284d;animation:pop .18s ease}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-head h2{flex:1;font-size:15px}.modal-head .icon-btn{border:0;box-shadow:none}.modal-body{padding:18px 20px 20px;overflow:auto}.modal-body>p:first-child{margin-top:0}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{display:flex;align-items:center;gap:10px;background:#101828;color:#fff;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow-lg);font-weight:500;animation:pop .18s ease}.toast-dot{width:8px;height:8px;border-radius:50%;background:#47cd89}.toast.error .toast-dot{background:#f97066}.switch{position:relative;display:inline-block;width:36px;height:20px;flex:none;cursor:pointer}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{position:absolute;inset:0;border-radius:10px;background:var(--border-strong);transition:background .15s;pointer-events:none}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #10182840;transition:transform .15s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translate(16px)}.switch input:focus-visible+span{box-shadow:var(--ring)}.settings{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.settings-nav{position:sticky;top:calc(var(--topbar) + 16px);display:flex;flex-direction:column;gap:2px;padding-top:32px}.settings-nav a{padding:7px 10px;border-radius:7px;color:var(--text-2);font-weight:500}.settings-nav a:hover{background:var(--surface);color:var(--text);text-decoration:none}.settings-nav a.on{background:var(--surface);color:var(--text);box-shadow:0 0 0 1px var(--border)}.settings-section{scroll-margin-top:72px}.settings-title{font-size:15px;font-weight:650;margin:0 0 10px 2px}.card.settings-group{padding:0}.settings-group>.group-head{padding:14px 20px;border-bottom:1px solid var(--border)}.settings-group>.group-head p{margin:2px 0 0}.setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:24px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.setting:last-child{border-bottom:0}.setting>div:last-child{display:flex;justify-content:flex-end}.setting .title{font-weight:600}.setting .help{color:var(--text-2);font-size:12.5px;margin-top:2px}.setting.changed{background:var(--accent-soft)}.setting.changed .title:after{content:"Sin guardar";margin-left:8px;font-size:10.5px;font-weight:600;color:var(--accent-text);padding:1px 6px;border-radius:5px;background:var(--surface)}.savebar{position:sticky;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 18px;border-radius:12px;background:#101828;color:#fff;box-shadow:var(--shadow-lg);z-index:15;animation:pop .18s ease}.savebar .btn:not(.primary){background:transparent;color:#fff;border-color:#ffffff40}.savebar .btn.primary{background:#fff;color:#101828;border-color:#fff}.chart-wrap{display:flex;flex-direction:column;gap:6px}.chart-total{display:flex;align-items:baseline;gap:6px;min-height:22px}.chart-total strong{font-size:18px;font-weight:650;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.chart-tip{margin-left:auto;font-size:12px;color:var(--text-2);background:var(--surface-3);padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}.chart{width:100%;height:auto;display:block;color:var(--accent-text)}.chart.ai{color:var(--ai)}.chart .grid{stroke:var(--border);stroke-dasharray:3 4}.chart .axis{fill:var(--text-3);font-size:10.5px;font-variant-numeric:tabular-nums}.chart rect.bar{fill:currentColor;opacity:.85}.chart rect.bar.on{opacity:1}.chart .line{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.chart .dot{fill:var(--surface);stroke:currentColor;stroke-width:2}.chart .cursor{stroke:var(--border-strong);stroke-width:1}.progress{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}.progress i{display:block;height:100%;border-radius:4px;background:var(--accent);transition:width .3s}.progress.warn i{background:var(--warning)}.progress.over i{background:var(--danger)}.report{display:grid;grid-template-columns:120px 1fr auto;gap:16px;align-items:start}.report .thumbs{display:flex;gap:4px;flex-wrap:wrap}.report .thumbs img{width:56px;height:56px;object-fit:contain;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.report .text{background:var(--surface-2);border:1px solid var(--border);padding:8px 10px;border-radius:8px;margin-top:6px;white-space:pre-wrap;word-break:break-word}.report .acts{display:flex;flex-direction:column;gap:6px}.login{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 10% -10%,rgba(59,82,153,.18),transparent 60%),radial-gradient(900px 500px at 110% 110%,rgba(105,65,198,.12),transparent 60%),var(--bg)}.login .card{width:min(400px,100%);padding:28px;box-shadow:var(--shadow-lg)}.login .brand{padding:0 0 18px;border-bottom:0}.login .brand-name{color:var(--text)}.login .brand-tag{color:var(--text-3)}.code-input{font-size:26px;letter-spacing:.4em;text-align:center;height:52px;font-variant-numeric:tabular-nums}.qr{display:block;margin:8px auto;border-radius:12px;background:#fff;padding:8px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--surface-2);padding:12px;border-radius:10px}.mono,code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--text-2);padding:36px 12px}.empty-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-3)}.loading{display:grid;place-items:center;padding:48px 0}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent-text);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(4px) scale(.99)}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:box-shadow .12s,border-color .12s}.tile:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.tile .pics{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--surface-3);aspect-ratio:1}.tile .pics img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}.tile .pics.one{grid-template-columns:1fr}.tile .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.bars{display:flex;flex-direction:column;gap:12px}.bars .line{display:grid;grid-template-columns:minmax(140px,1fr) 2fr auto;gap:12px;align-items:center}.preview-mail{background:#f4f5f8;color:#101828;border-radius:var(--radius);padding:18px;border:1px solid var(--border)}.preview-mail .inner{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:18px}.preview-mail p{margin:0 0 12px;line-height:1.55}.trace{margin:0;max-height:60vh;overflow:auto;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.mail{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}.mail-list{display:flex;flex-direction:column;gap:10px}.mail-list .tabs{margin-bottom:0}.mail-rows{display:flex;flex-direction:column;margin:0 -20px;border-top:1px solid var(--border)}.mail-row{text-align:left;border:0;background:none;padding:11px 20px;cursor:pointer;border-bottom:1px solid var(--border);border-left:3px solid transparent}.mail-row:hover{background:var(--surface-2)}.mail-row.on{background:var(--accent-soft);border-left-color:var(--accent-text)}.mail-row.unread .mail-who,.mail-row.unread .mail-subject{font-weight:700;color:var(--text)}.mail-row .dot{width:7px;height:7px;border-radius:4px;background:var(--accent-text);flex:none}.mail-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.mail-subject{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mail-read{min-height:460px;position:sticky;top:calc(var(--topbar) + 20px)}.mail-text{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.6}.mail-frame{width:100%;min-height:480px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.feed-item:last-child{border-bottom:0}.feed-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);color:var(--text-2);flex:none}.health{display:flex;flex-direction:column}.health-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.health-row:last-child{border-bottom:0}.health-row .badge{margin-left:auto}.card-head{display:flex;align-items:center;gap:10px;margin:-18px -20px 16px;padding:14px 20px;border-bottom:1px solid var(--border)}.card-head h2{font-size:13.5px}.card-head .spacer+*{flex:none}.scrim{display:none}@media(max-width:960px){.mail{grid-template-columns:1fr}.mail-read{position:static}.settings{grid-template-columns:1fr}.settings-nav{display:none}}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:260px;transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:0;background:#0a0f1e66;z-index:25}.menu-btn{display:inline-grid}.topbar,.main{padding-left:16px;padding-right:16px}.user-name{display:none}.grid.two{grid-template-columns:1fr}.setting{grid-template-columns:1fr;gap:10px}.setting>div:last-child{justify-content:flex-start}.report,.kv{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}}.ol{display:grid;grid-template-columns:220px minmax(320px,400px) 1fr;height:calc(100vh - var(--topbar) - 16px - 48px);min-height:520px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ol-folders{display:flex;flex-direction:column;gap:2px;padding:14px 10px;background:var(--surface-2);border-right:1px solid var(--border);overflow-y:auto}.ol-new{width:100%;height:36px;margin-bottom:12px}.ol-account{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);padding:4px 10px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-folder{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--text-2);font-weight:500;cursor:pointer;text-align:left}.ol-folder:hover{background:var(--surface-3);color:var(--text)}.ol-folder.on{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.ol-unread{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}.ol-demo{margin-top:auto;font-size:11.5px;line-height:1.45;color:var(--text-2);background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 25%,transparent);border-radius:8px;padding:9px 10px}.ol-demo strong{display:block;color:var(--warning);margin-bottom:2px}.ol-keys{padding:10px 6px 0;font-size:11px}.ol-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border)}.ol-list-head{display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.ol-list-head h2{font-size:16px}.ol-filter{display:inline-flex;padding:2px;border-radius:7px;background:var(--surface-3)}.ol-filter button,.ol-format button{border:0;background:none;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:600;color:var(--text-2);cursor:pointer}.ol-filter button.on,.ol-format button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10182814}.ol-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:8px;background:var(--surface-3);color:var(--text-3);border:1px solid transparent}.ol-search:focus-within{background:var(--surface);border-color:var(--accent-text);box-shadow:var(--ring)}.ol-search input{flex:1;border:0;outline:0;background:none;color:var(--text)}.ol-search button{border:0;background:none;color:var(--text-3);cursor:pointer;display:grid}.ol-rows{flex:1;overflow-y:auto}.ol-group{position:sticky;top:0;z-index:1;padding:8px 16px 6px;font-size:11.5px;font-weight:700;color:var(--text-2);background:var(--surface);border-bottom:1px solid var(--border)}.ol-row{position:relative;display:flex;gap:11px;padding:11px 16px 11px 14px;border-bottom:1px solid var(--border);border-left:3px solid transparent;cursor:pointer;outline:none}.ol-row:hover{background:var(--surface-2)}.ol-row.on{background:var(--accent-soft);border-left-color:var(--accent-text)}.ol-row.unread{border-left-color:var(--accent-text)}.ol-avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:650;flex:none}.ol-row-main{flex:1;min-width:0}.ol-row-top{display:flex;align-items:center;gap:6px}.ol-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.ol-clip{color:var(--text-3);flex:none}.ol-time{font-size:11.5px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.ol-subject,.ol-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-subject{color:var(--text-2);margin-top:1px}.ol-snippet{color:var(--text-3);font-size:12px;margin-top:1px}.ol-row.unread .ol-who,.ol-row.unread .ol-subject{font-weight:700;color:var(--text)}.ol-row.unread .ol-time{color:var(--accent-text);font-weight:600}.ol-quick{position:absolute;right:12px;bottom:9px;display:none;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:2px;box-shadow:var(--shadow)}.ol-row:hover .ol-quick{display:flex}.ol-quick button{width:26px;height:24px;display:grid;place-items:center;border:0;border-radius:5px;background:none;color:var(--text-2);cursor:pointer}.ol-quick button:hover{background:var(--surface-3);color:var(--text)}.ol-list-foot{display:flex;align-items:center;padding:0 16px 10px;min-height:12px}.ol-list-foot .pager{flex:1}.ol-list-foot>.faint{padding-top:10px}.ol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:var(--text-3);text-align:center}.ol-empty.big{height:100%;color:var(--text-3)}.ol-empty.big strong{color:var(--text-2);font-size:14px}.ol-read{display:flex;flex-direction:column;min-width:0;min-height:0}.ol-toolbar{display:flex;align-items:center;gap:4px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}.ol-tool{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:6px;background:none;color:var(--text);font-weight:500;cursor:pointer}.ol-tool:hover{background:var(--surface-3)}.ol-tool svg{color:var(--accent-text)}.ol-tool.danger svg,.ol-tool.danger:hover{color:var(--danger)}.ol-sep{width:1px;height:20px;background:var(--border-strong);margin:0 4px}.ol-message{flex:1;overflow-y:auto;padding:22px 28px 32px}.ol-title{font-size:19px;font-weight:650;letter-spacing:-.015em;margin-bottom:16px}.ol-sender{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ol-atts{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 0}.ol-att{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);min-width:200px}.ol-att:hover{border-color:var(--border-strong);background:var(--surface);text-decoration:none}.ol-att svg{color:var(--text-3)}.ol-att>span{display:flex;flex-direction:column;line-height:1.3}.ol-format{display:flex;align-items:center;gap:4px;margin:16px 0 4px}.ol-format .faint{margin-left:8px}.ol-frame{width:100%;border:0;margin-top:12px;background:#fff}.ol-text{margin:18px 0 0;white-space:pre-wrap;word-break:break-word;font:inherit;font-size:14px;line-height:1.65}.ol-compose{display:flex;flex-direction:column;height:100%;min-height:0}.ol-compose .ol-toolbar{gap:8px}.ol-fields{padding:0 24px}.ol-field{display:flex;align-items:center;gap:12px;min-height:42px;border-bottom:1px solid var(--border)}.ol-field>span{width:54px;flex:none;color:var(--text-3);font-weight:500}.ol-field input{flex:1;border:0;outline:0;background:none;height:40px;font-size:13.5px}.ol-from{color:var(--text-2)}.ol-body{flex:1;border:0;outline:0;resize:none;padding:16px 24px 24px;background:none;font-size:14px;line-height:1.6}@media(max-width:1180px){.ol{grid-template-columns:64px minmax(280px,340px) 1fr}.ol-folders .ol-new{padding:0;font-size:0;gap:0}.ol-folder span,.ol-account,.ol-demo,.ol-keys{display:none}.ol-folder{justify-content:center;padding:0}.ol-unread{display:none}}@media(max-width:860px){.ol{grid-template-columns:1fr;height:auto}.ol-folders{flex-direction:row;overflow-x:auto}.ol-list{max-height:60vh}}.ol-folder{gap:7px;min-width:0}.ol-folder:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.ol-caret{width:14px;height:20px;display:grid;place-items:center;flex:none;color:var(--text-3);border-radius:4px}.ol-caret:not(.none):hover{background:var(--surface-3);color:var(--text)}.ol-folder-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-unread.muted{color:var(--text-3);font-weight:600}.ol-folder-acts{display:none;gap:1px;margin-left:auto}.ol-folder:hover .ol-folder-acts{display:flex}.ol-folder:hover .ol-unread{display:none}.ol-folder-acts button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:5px;background:none;color:var(--text-3);cursor:pointer}.ol-folder-acts button:hover{background:var(--surface);color:var(--text)}.ol-folder.drop{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 2px var(--accent-text)}.ol-folder.editing{background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent-text)}.ol-folder.editing input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;color:var(--text)}.ol-check{width:15px;height:15px;margin:0;accent-color:var(--accent-text);cursor:pointer;flex:none}.ol-pick{position:relative;width:32px;height:32px;flex:none}.ol-pick .ol-check{position:absolute;inset:0;margin:auto;display:none}.ol-row:hover .ol-pick .ol-avatar,.ol-row.selecting .ol-pick .ol-avatar{visibility:hidden}.ol-row:hover .ol-pick .ol-check,.ol-row.selecting .ol-pick .ol-check{display:block}.ol-row.sel{background:var(--accent-soft)}.ol-row[draggable=true]:active{cursor:grabbing}.ol-flag{color:var(--danger);fill:color-mix(in srgb,var(--danger) 18%,transparent);flex:none}.ol-title .ol-flag{margin-right:8px;vertical-align:-2px}.ol-quick button.flagged{color:var(--danger)}.ol-quick.inline{position:static;display:flex;box-shadow:none}.ol-bulk{display:flex;align-items:center;gap:8px;min-height:30px}.ol-draft-tag{color:var(--danger);font-weight:600}.ol-menu-wrap{position:relative;display:inline-flex}.ol-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:220px;max-height:340px;overflow-y:auto;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000024}.ol-toolbar .ol-menu{left:0;right:auto}.ol-menu-title{padding:6px 10px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.ol-menu button{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding-right:10px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;white-space:nowrap}.ol-menu button:hover{background:var(--surface-2)}.ol-menu button svg{color:var(--text-2)}.ol-tool.active svg{color:var(--danger)}.ol-tool:disabled{opacity:.4;cursor:default;background:none}.ol-saved{font-size:12px;color:var(--text-3);white-space:nowrap}.ol-saved.err{color:var(--danger)}.ol-field-err{padding:6px 16px;font-size:12px;color:var(--danger)}@media(max-width:1180px){.ol-caret,.ol-folder-acts,.ol-folder-name{display:none!important}}.ol-tool.icon-only span{display:none}.ol-tool.icon-only{padding:0 8px}.ol-read{container-type:inline-size}@container (max-width: 760px){.ol-toolbar .ol-tool:not(.keep) span{display:none}.ol-toolbar .ol-tool:not(.keep){padding:0 8px}}.ol-compose{position:relative}.ol-compose.drop{outline:2px dashed var(--accent-text);outline-offset:-8px}.ol-dropzone{position:absolute;inset:8px;z-index:5;display:grid;place-content:center;justify-items:center;gap:8px;font-weight:600;color:var(--accent-text);background:color-mix(in srgb,var(--accent-soft) 85%,transparent);border-radius:10px;pointer-events:none}.ol-compose-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.ol-compose-body .ol-body{flex:1 0 220px}.ol-atts.compose{padding:10px 24px 0;margin:0}.ol-att{position:relative;overflow:hidden}.ol-att.err{border-color:color-mix(in srgb,var(--danger) 40%,transparent)}.ol-att.err .faint{color:var(--danger)}.ol-att-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--accent-text);transition:width .2s}.ol-att-x{margin-left:6px;width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:5px;background:none;color:var(--text-3);cursor:pointer}.ol-att-x:hover{background:var(--surface-3);color:var(--text)}.ol-sig{margin:0 24px 24px;border:1px dashed var(--border-strong);border-radius:10px;overflow:hidden}.ol-sig-head{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;color:var(--text-3);background:var(--surface-2);border-bottom:1px dashed var(--border-strong)}.ol-sig-head button{border:0;background:none;font:inherit;font-weight:600;color:var(--accent-text);cursor:pointer;padding:2px 4px}.ol-sig-head button:last-child{color:var(--text-3)}.sig-paper{background:#fff;color:#1b1f2a;padding:14px 16px;font:14px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:auto}.sig-grid{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:22px}.sig-preview-label{font-weight:600;font-size:12.5px;color:var(--text-2);margin-bottom:6px}.sig-grid .sig-paper{border:1px solid var(--border);border-radius:10px;padding:18px 20px}.sig-switch{display:flex;gap:10px;align-items:flex-start}.sig-switch strong{display:block;font-size:12.5px}.sig-switch .faint{font-size:12px}.ol-sig-btn{margin-top:10px;border-top:1px solid var(--border)!important;border-radius:0 0 7px 7px}@media(max-width:760px){.sig-grid{grid-template-columns:1fr}}.ol-compose .ol-tool.active{background:var(--accent-soft)}.ol-compose .ol-tool.active svg{color:var(--accent-text)}.sidebar{width:var(--side-w);transition:width .18s ease;overflow:hidden}.brand,.nav-link,.nav-group,.env{white-space:nowrap}.nav-icon{position:relative;display:grid;place-items:center;flex:none}.nav-dot{display:none}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.ghost-btn{width:28px;height:28px;display:inline-grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--text-3);cursor:pointer;flex:none}.ghost-btn:hover{background:var(--surface-3);color:var(--text)}.topbar-sep{width:1px;height:16px;background:var(--border-strong);margin:0 4px 0 2px}.topbar .icon-btn{width:28px;height:28px;box-shadow:none}.topbar .user-btn{height:30px}.topbar .user-btn .avatar{width:24px;height:24px;font-size:10px}@media(min-width:861px){.collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.collapsed .brand>div,.collapsed .nav-label,.collapsed .nav-link>.count,.collapsed .soon-tag,.collapsed .env-label{display:none}.collapsed .nav{padding:10px 8px 16px;overflow-x:hidden}.collapsed .nav-group{padding:10px 6px 8px}.collapsed .nav-group span{display:block;height:1px;font-size:0;background:var(--side-border)}.collapsed .nav-link{justify-content:center;padding:0;height:38px}.collapsed .nav-link.active:before{left:-8px}.collapsed .nav-dot{display:block;position:absolute;top:-7px;right:-10px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--side-bg)}.collapsed .sidebar-foot{display:flex;justify-content:center;padding-left:0;padding-right:0}.collapsed .env{padding:8px}}.nav-tip{position:fixed;left:68px;transform:translateY(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px;background:#0d1326;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 6px 20px #00000040;pointer-events:none;animation:tip-in .12s ease}.nav-tip:before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;background:inherit;transform:translateY(-50%) rotate(45deg);border-radius:1px}.nav-tip .count{min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:#e5484d;font-size:10.5px;line-height:16px;text-align:center}@keyframes tip-in{0%{opacity:0;transform:translate(-4px,-50%)}}@media(max-width:860px){.collapse-btn,.topbar-sep{display:none}.sidebar{width:260px}}.ctoolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.csearch{display:flex;align-items:center;gap:7px;height:32px;width:min(300px,100%);padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-3)}.csearch:focus-within{border-color:var(--accent-text);box-shadow:var(--ring)}.csearch input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text)}.csearch button{border:0;background:none;color:var(--text-3);cursor:pointer;display:grid}.csort{width:auto;height:32px}.cdensity .tab{padding:0 8px;display:grid;place-items:center}.ccount{margin:12px 0 10px;font-size:12px}.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cgrid.dense{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.cgrid.loading-soft{opacity:.6}.ctile{position:relative;display:flex;flex-direction:column;min-width:0;padding:0 0 7px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:left;cursor:pointer;overflow:hidden;transition:box-shadow .12s,border-color .12s,transform .12s}.ctile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ctile:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.cpics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;aspect-ratio:1;background:var(--border);overflow:hidden}.cpics.n1{grid-template-columns:1fr;grid-template-rows:1fr}.cpics.n2{grid-template-rows:1fr}.cpics.n3 img:first-child{grid-row:span 2}.cpics img,.cpics>div{width:100%;height:100%;min-height:0;object-fit:contain;background:#f6f7f9;padding:4%}.cgrid.stories .cpics{aspect-ratio:9 / 14}.cgrid.stories .cpics img{object-fit:cover;padding:0}.cstats{position:absolute;top:5px;right:5px;display:flex;gap:3px}.cstats span{display:inline-flex;align-items:center;gap:2px;padding:1px 5px;border-radius:9px;background:#1018289e;color:#fff;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.ctitle,.cmeta{display:block;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctitle{margin-top:6px;font-size:12px;font-weight:600;color:var(--text)}.cmeta{font-size:11px;color:var(--text-3)}.cgrid.dense .ctitle{font-size:11.5px;margin-top:5px}.cgrid.dense .cmeta{font-size:10.5px}.cnav{display:flex;align-items:center;gap:8px;margin:-4px 0 14px}.cnav .icon-btn:disabled{opacity:.4;cursor:default}.cnav-keys{margin-left:auto;font-size:11.5px}.cdetail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;min-height:0}.cpieces{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.cpieces.n1{grid-template-columns:1fr}.cpieces figure{margin:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#f6f7f9}.cpieces img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:6%}.cpieces.n1 img{max-height:460px}.cpieces figcaption{padding:6px 9px;font-size:11.5px;color:var(--text-2);background:var(--surface);border-top:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cside{display:flex;flex-direction:column;gap:12px;min-width:0}.cowner{display:flex;align-items:center;gap:10px;color:inherit}.cowner:hover{text-decoration:none}.cowner>span{display:flex;flex-direction:column;line-height:1.3}.cowner:hover strong{color:var(--accent-text)}.ccaption{margin:0;font-size:14px;color:var(--text)}.cfacts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cfacts dt{color:var(--text-3)}.cfacts dd{margin:0}.ccomments{display:flex;flex-direction:column;gap:7px;max-height:230px;overflow-y:auto}.ccomments-head{font-weight:600;font-size:12.5px;color:var(--text-2)}.ccomment.reply{padding-left:14px;border-left:2px solid var(--border)}.cactions{display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding-top:4px}@media(max-width:760px){.cdetail{grid-template-columns:1fr}}.preview-mail .preview-foot{margin:12px 0 0;text-align:center;font-size:11.5px;color:#5e6472}