@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/04c5164763c40239-s.1kd-r_s9smv5m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/26f284dcc38c84c0-s.3hlisc-pwq13z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7e7f32a39836f228-s.0-oo9_1x_xmvg.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fa39153a3fc630ba-s.36fqqi66-3tjb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3_z45zcoc-xoz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/051742360c26797e-s.p.1bkzbscqrt8rl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_38f6a35e-module__9bkD5q__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_38f6a35e-module__9bkD5q__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f4f7fb;--color-surface:#fff;--color-surface-soft:#f8fafc;--color-chrome:#fff;--color-chrome-alt:#f8fafc;--color-raised:#eef1f6;--color-line-soft:#eef1f5;--color-blue:#2f6fe4;--color-heading:#12213b;--color-text:#263348;--color-muted:#667085;--color-subtle:#98a2b3;--color-line:#e4e9f1;--color-line-strong:#d4dae4;--color-brand:#3e5fbf;--color-brand-strong:#304a9a;--color-brand-soft:#eef1fb;--color-success:#0b8f64;--color-success-soft:#eaf7f2;--color-warning:#c66a05;--color-warning-soft:#fff0c7;--color-danger:#d92d42;--color-danger-soft:#ffe4e8;--shadow-sm:0 1px 2px #1018280a;--shadow-md:0 10px 30px #223a5e12;--radius-card:16px;--layout-sidebar:236px;--layout-topbar:72px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0a0e1a;--color-chrome:#060915;--color-chrome-alt:#0f1424;--color-surface:#12172a;--color-surface-soft:#171c2b;--color-raised:#1a2340;--color-heading:#f0f4fa;--color-text:#dce3ef;--color-muted:#a0aac0;--color-subtle:#6b7590;--color-line:#1e2438;--color-line-soft:#192033;--color-line-strong:#2a3148;--color-brand:#6bbfff;--color-brand-strong:#4aa3ee;--color-brand-soft:#1a2340;--color-blue:#22d3ee;--color-success:#52e08a;--color-success-soft:#2a464b;--color-warning:#ffb43d;--color-warning-soft:#444040;--color-danger:#ff6f6f;--color-danger-soft:#443547;--shadow-sm:0 1px 2px #0003;--shadow-md:0 14px 34px #00000038}
*{box-sizing:border-box}html{background:var(--color-bg);scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;width:100%;max-width:100%;overflow-x:clip}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:8px}body{background:var(--color-bg);width:100%;min-width:320px;max-width:100%;color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;overflow-x:clip}small{font-size:12px}.menu-page-title,.subpage-title{color:var(--color-heading);letter-spacing:-.025em;margin:0;font-size:clamp(24px,.7vw + 17px,26px);line-height:1.2}.subpage-description{max-width:660px;color:var(--color-muted);margin:8px 0 0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-brand) 28%, transparent);outline-offset:2px}a{color:inherit;text-decoration:none}button{color:inherit}svg{display:block}.compact-neutral-dot,.guard-security-attack-dot{background:color-mix(in srgb, var(--color-subtle) 70%, #fff);border-radius:50%;flex:0 0 5px;width:5px;height:5px}.plan-badge{color:#304a9a;min-height:25px;box-shadow:none;text-transform:uppercase;background:#e3e8f8;border:1px solid #a8b5e4;border-radius:7px;align-items:center;padding:4px 10px;font-size:13px;font-weight:850;line-height:1.2;display:inline-flex}html[data-theme=dark] .plan-badge{color:#000;background:#3e5fbf;border-color:#3e5fbf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.topbar{z-index:20;height:var(--layout-topbar);background:color-mix(in srgb, var(--color-chrome) 96%, transparent);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;width:100%;min-width:0;max-width:100%;display:flex;position:fixed;inset:0 0 auto}.mobile-navigation-button{display:none}.brand{height:100%;color:var(--color-heading);letter-spacing:-.02em;flex:none;align-items:center;gap:11px;padding:0 20px;font-size:17px;font-weight:800;display:flex}.brand-word{white-space:nowrap}.brand-mark{background:#12213b;border-radius:9px;flex:none;width:30px;height:30px;position:relative;box-shadow:0 5px 14px #12213b2e}.brand-mark:before,.brand-mark:after{content:"";background:#fff;border-radius:999px;position:absolute;transform:rotate(-42deg)}.brand-mark:before{width:5px;height:15px;top:8px;left:9px}.brand-mark:after{opacity:.55;width:5px;height:11px;top:7px;left:17px}.topbar-main{flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;padding:0 30px;display:flex}.top-actions{align-items:center;gap:9px;min-width:0;display:flex}.icon-button{border:1px solid var(--color-line-strong);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:11px;place-items:center;display:grid;position:relative}.icon-button svg{stroke-width:1.8px;width:19px;height:19px}.icon-button .emoji-icon{font-size:17px;line-height:1}.icon-button .emoji-icon.glyph{font-size:19px;font-weight:700}.alert-dot{border:2px solid var(--color-surface);background:var(--color-danger);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:7px}.user-menu{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;margin-left:4px;padding:0;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#b39dff,#5b9dff);border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.user-copy{line-height:1.25}.user-copy strong{color:var(--color-heading);font-size:13px;display:block}.user-copy span{color:var(--color-subtle);font-size:12px}.user-chevron{width:14px;height:14px;color:var(--color-subtle)}.app-sidebar{z-index:10;top:var(--layout-topbar);width:var(--layout-sidebar);background:var(--color-chrome);border-right:1px solid var(--color-line);scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;padding:22px 14px 16px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.app-sidebar:hover{scrollbar-color:var(--color-line-strong) transparent}.sidebar-backdrop{display:none}.sidebar-section+.sidebar-section{margin-top:22px}.sidebar-label{color:var(--color-subtle);letter-spacing:.12em;text-transform:uppercase;margin:3px 11px 8px;font-size:12px;font-weight:800}.sidebar-nav-list,.sidebar-subnav{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sidebar-subnav{border-left:1px solid var(--color-line);gap:2px;margin:4px 0 9px 27px;padding-left:8px}.sidebar-nav-item{color:#526174;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:42px;padding-right:12px;font-weight:650;display:flex}.sidebar-nav-item:hover{background:var(--color-surface-soft)}.sidebar-nav-item.active{background:var(--color-brand-soft);color:var(--color-brand-strong)}.sidebar-nav-item.nested{min-height:32px;color:var(--color-muted);border-radius:8px;gap:9px;font-size:12px;font-weight:650}.sidebar-nav-item.nested svg{stroke-width:1.8px;width:15px;height:15px}.sidebar-nav-item svg{stroke-width:1.9px;flex:none;width:19px;height:19px}.nav-emoji{text-align:center;flex:none;width:20px;font-size:16px;line-height:1}.sidebar-nav-item.active svg{stroke-width:2.2px}.nav-badge{color:#475467;text-align:center;background:#e7ebf1;border-radius:999px;min-width:24px;margin-left:auto;padding:2px 7px;font-size:12px;font-weight:800;line-height:1.25}.sidebar-nav-item.active .nav-badge{color:var(--color-brand-strong);background:#e0e5f7}.nav-badge.warn{background:var(--color-danger-soft);color:var(--color-danger)}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(145deg, #f8f9fd, var(--color-brand-soft));border:1px solid #d9e0f5;border-radius:14px;margin:14px 4px 8px;padding:15px}.help-card strong{color:var(--color-heading);margin-bottom:4px;font-size:12px;display:block}.help-card p{color:var(--color-muted);margin:0 0 11px;font-size:12px;line-height:1.55}.help-card a{color:var(--color-brand-strong);font-size:12px;font-weight:750}.app-shell{--layout-main-x:36px;width:calc(100% - var(--layout-sidebar));min-width:0;min-height:100vh;margin-left:var(--layout-sidebar);padding-top:var(--layout-topbar);flex-direction:column;display:flex}.app-main{width:100%;min-width:0;max-width:1540px;padding:34px var(--layout-main-x) 0;flex:1 0 auto}.app-footer{width:100%;padding:26px var(--layout-main-x) 26px;background:var(--color-surface);color:var(--color-subtle);margin:34px 0 0;font-size:12px}.footer-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer-company strong{color:var(--color-heading);margin-bottom:10px;font-size:13px;font-weight:800;display:block}.footer-info{color:var(--color-muted);flex-wrap:wrap;gap:4px 0;margin:0;line-height:1.6;display:flex}.footer-info span+span:before{content:"";vertical-align:-1px;background:var(--color-line-strong);width:1px;height:10px;margin:0 10px;display:inline-block}.footer-info a{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:16px;display:flex}.footer-navigation{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.footer-navigation a{color:var(--color-muted)}.footer-navigation a.emphasis{color:var(--color-heading);font-weight:750}.footer-navigation a:hover{color:var(--color-brand-strong)}.footer-copyright{white-space:nowrap}html[data-theme=dark] .brand-mark{background:#3e5fbf;box-shadow:0 5px 16px #00000047}html[data-theme=dark] .sidebar-nav-item{color:var(--color-muted)}html[data-theme=dark] .sidebar-nav-item:hover{background:var(--color-surface);color:var(--color-heading)}html[data-theme=dark] .sidebar-nav-item.active{background:var(--color-surface-soft);color:var(--color-heading)}html[data-theme=dark] .nav-badge,html[data-theme=dark] .sidebar-nav-item.active .nav-badge{background:var(--color-raised);color:var(--color-muted)}html[data-theme=dark] .nav-badge.warn{color:var(--color-danger);background:#ff6f6f29}html[data-theme=dark] .help-card{border-color:var(--color-line);background:var(--color-surface)}@media (max-width:820px){:root{--layout-topbar:64px}.topbar{justify-content:space-between}.brand{display:none}.mobile-navigation-button{width:auto;height:42px;margin-left:max(10px, env(safe-area-inset-left));color:var(--color-heading);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:9px;padding:0;display:flex}.mobile-brand-mark{width:32px;height:32px}.mobile-brand-word{letter-spacing:-.02em;font-size:14px;font-weight:800}.mobile-navigation-button[aria-expanded=true] .mobile-brand-mark{box-shadow:0 0 0 4px var(--color-brand-soft), var(--shadow-sm)}.user-copy,.user-chevron{display:none}.topbar-main{padding:0 max(10px, env(safe-area-inset-right)) 0 8px;flex:0 auto}.top-actions{gap:7px}.icon-button{border-radius:10px;width:36px;height:36px}.icon-button svg{width:18px;height:18px}.user-menu{gap:0;margin-left:0}.avatar{width:36px;height:36px}.app-sidebar{z-index:40;visibility:hidden;width:min(82vw,300px);transition:transform .18s,visibility .18s;display:flex;transform:translate(-100%);box-shadow:18px 0 38px #00000038}.app-sidebar.open{visibility:visible;transform:translate(0)}.sidebar-backdrop{z-index:30;inset:var(--layout-topbar) 0 0;visibility:hidden;opacity:0;pointer-events:none;background:#03091294;border:0;width:100%;transition:opacity .18s,visibility .18s;display:block;position:fixed}.sidebar-backdrop.open{visibility:visible;opacity:1;pointer-events:auto}.app-shell{--layout-main-x:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));width:100%;margin-left:0}.app-main{width:100%;max-width:none;padding:25px var(--layout-main-x) 0;overflow-x:clip}}@media (max-width:620px){.footer-top{flex-direction:column;gap:18px}.footer-info{flex-direction:column;gap:2px}.footer-info span+span:before{display:none}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.footer-copyright{white-space:normal}}@media (prefers-reduced-motion:reduce){.app-sidebar,.sidebar-backdrop{transition:none}}.user-menu-wrap{position:relative}.user-dropdown{z-index:60;background:var(--color-surface);border:1px solid var(--color-line);min-width:220px;box-shadow:var(--shadow-md);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-head{border-bottom:1px solid var(--color-line-soft);flex-direction:column;gap:2px;margin-bottom:6px;padding:10px 12px;display:flex}.user-dropdown-head strong{color:var(--color-heading);font-size:13px}.user-dropdown-head span{color:var(--color-subtle);word-break:break-all;font-size:12px}.user-dropdown-item{text-align:left;width:100%;color:var(--color-danger);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:600;display:block}.user-dropdown-item:hover{background:var(--color-danger-soft)}.idle-warning{z-index:120;text-align:center;background:var(--color-warning-soft);max-width:min(90vw,420px);color:var(--color-warning);border:1px solid var(--color-warning);box-shadow:var(--shadow-md);border-radius:12px;padding:12px 18px;font-size:13px;font-weight:700;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.app-main:has(.guard-page)>.recovery-banner{display:none}.guard-page-titlebar{flex-wrap:wrap}.guard-titlebar-banner{flex:100%;min-width:0}.guard-titlebar-banner .recovery-banner{max-width:1468px;margin:0 0 20px}.recovery-banner{box-sizing:border-box;background:var(--color-warning-soft);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);width:100%;max-width:1468px;color:var(--color-warning);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 22px;padding:11px 16px;font-size:13px;font-weight:600;display:flex}.recovery-banner-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.recovery-banner-actions a{color:inherit;font-weight:700;text-decoration:underline}.recovery-banner-actions button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.reauth-overlay{z-index:140;background:#0a0e1a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reauth-modal{background:var(--color-surface);border:1px solid var(--color-line);width:100%;max-width:380px;box-shadow:var(--shadow-md);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.reauth-modal h3{color:var(--color-heading);font-size:16px;font-weight:800}.reauth-desc{color:var(--color-muted);font-size:12.5px;line-height:1.5}.reauth-tabs{gap:6px;display:flex}.reauth-tabs button{border:1.5px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-subtle);font:inherit;cursor:pointer;border-radius:9px;flex:1;padding:8px 0;font-size:12.5px;font-weight:700}.reauth-tabs button.active{border-color:var(--color-brand);background:var(--color-brand-soft);color:var(--color-brand-strong)}.reauth-input{border:1.5px solid var(--color-line);background:var(--color-surface-soft);width:100%;height:44px;color:var(--color-text);font:inherit;border-radius:10px;padding:0 12px;font-size:14px}.reauth-input:focus{border-color:var(--color-brand);background:var(--color-surface);outline:none}.reauth-error{color:var(--color-danger);margin-top:8px;font-size:12.5px;font-weight:600}.reauth-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.reauth-cancel{border:1.5px solid var(--color-line-strong);background:var(--color-surface);height:40px;color:var(--color-muted);font:inherit;cursor:pointer;border-radius:10px;padding:0 16px;font-size:13px;font-weight:600}.reauth-confirm{background:linear-gradient(135deg, var(--color-brand), var(--color-blue));color:#fff;height:40px;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:0 18px;font-size:13px;font-weight:700}.reauth-confirm:disabled,.reauth-cancel:disabled{opacity:.6;cursor:default}
.dashboard-page,.dashboard-grid,.dashboard-stack,.metric-grid,.dashboard-grid>*,.metric-grid>*{min-width:0}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-header h1{color:var(--color-heading);letter-spacing:-.035em;margin:0;font-size:clamp(24px,1.5vw + 10px,28px);line-height:1.2}.page-header p{color:var(--color-muted);margin:8px 0 0}.button{min-height:42px;box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex}.button svg{width:17px;height:17px}.button.primary{background:var(--color-brand);color:#fff}.button.primary:hover{background:var(--color-brand-strong)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-sm)}.metric{--metric-color:var(--color-brand);--metric-soft:var(--color-brand-soft);min-height:138px;padding:20px;position:relative;overflow:hidden}.metric:after{content:"";background:var(--metric-soft);border-radius:50%;width:110px;height:110px;position:absolute;bottom:-44px;right:-34px}.metric-danger{--metric-color:var(--color-danger);--metric-soft:var(--color-danger-soft)}.metric-success{--metric-color:var(--color-success);--metric-soft:var(--color-success-soft)}.metric-neutral{--metric-color:var(--color-brand-strong);--metric-soft:var(--color-brand-soft)}.metric-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-label{color:var(--color-muted);font-size:12px;font-weight:700}.metric-icon{background:var(--metric-soft);width:34px;height:34px;color:var(--metric-color);border-radius:10px;place-items:center;display:grid}.metric-icon svg{width:18px;height:18px}.metric-value{z-index:1;color:var(--color-heading);letter-spacing:-.035em;margin-top:13px;font-size:29px;font-weight:800;position:relative}.metric-note{z-index:1;color:var(--color-subtle);margin-top:1px;font-size:12px;position:relative}.metric-note strong{color:var(--color-success)}.metric-danger .metric-note strong{color:var(--color-danger)}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(310px,.8fr);align-items:start;gap:18px;display:grid}.dashboard-stack{gap:18px;display:grid}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 0;display:flex}.card-header h2{color:var(--color-heading);letter-spacing:-.015em;margin:0;font-size:15px;font-weight:800}.card-header p{color:var(--color-subtle);margin:4px 0 0;font-size:12px}.period-badge{border:1px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-muted);border-radius:8px;padding:6px 9px;font-size:12px;font-weight:750}.text-button,.table-action{color:var(--color-brand-strong);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.chart-wrap{padding:8px 18px 16px}.chart-legend{color:var(--color-muted);gap:18px;padding:4px 5px 2px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--color-brand);border-radius:99px;width:15px;height:3px}.chart-legend i.blocked{background:var(--color-danger)}.traffic-chart{width:100%;height:190px;color:var(--color-brand);display:block;overflow:visible}.traffic-chart text{fill:var(--color-subtle);font-family:inherit;font-size:12px}.chart-grid-lines line{stroke:color-mix(in srgb, var(--color-line) 72%, transparent);stroke-width:1px}.chart-area{fill:url(#trafficArea)}.chart-traffic-line,.chart-blocked-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-traffic-line{stroke:var(--color-brand);stroke-width:3px}.chart-blocked-line{stroke:var(--color-danger);stroke-width:2px;stroke-dasharray:5 6}.chart-point{fill:var(--color-surface);stroke:var(--color-brand);stroke-width:2px}.sites-card{overflow:hidden}.table-wrap{contain:paint;padding:8px 8px 10px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:690px}.table-wrap th{color:var(--color-subtle);text-align:left;letter-spacing:.04em;text-transform:uppercase;padding:10px 14px;font-size:12px;font-weight:800}.table-wrap td{border-top:1px solid var(--color-line);color:var(--color-muted);padding:13px 14px;font-size:12px}.site-name{align-items:center;display:flex}.site-name strong,.site-name div>span{display:block}.site-name strong{color:var(--color-heading);font-size:12px}.site-name div>span{color:var(--color-subtle);font-size:12px}.health-status{color:var(--color-text);white-space:nowrap;align-items:center;gap:7px;font-weight:750;display:inline-flex}.health-status:before{content:"";background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-success-soft);border-radius:50%;flex:none}.health-status.warning{color:var(--color-warning)}.health-status.warning:before{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.number{color:var(--color-heading);font-variant-numeric:tabular-nums;font-weight:800}.services-list{gap:8px;padding:12px 14px 14px;display:grid}.service-item{border:1px solid var(--color-line);background:var(--color-surface-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;display:grid}.service-copy strong,.service-copy span{display:block}.service-copy strong{color:var(--color-heading);font-size:13px}.service-copy span{color:var(--color-muted);margin-top:2px;font-size:12px}.service-state{border:1px solid color-mix(in srgb, var(--color-success) 28%, var(--color-surface));background:var(--color-success-soft);min-height:23px;color:var(--color-success);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.service-state.available{background:var(--color-brand-soft);color:var(--color-brand-strong);border-color:#a8b5e4}.setup-body{padding:14px 20px 20px}.progress-row{color:var(--color-muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:750;display:flex}.progress{background:var(--color-line);border-radius:99px;height:8px;margin:8px 0 17px;overflow:hidden}.progress span{border-radius:inherit;background:var(--color-brand);width:80%;height:100%;display:block}.check-list{gap:11px;display:grid}.check-row{color:var(--color-text);align-items:center;gap:10px;font-size:12px;display:flex}.check-row.todo{color:var(--color-heading);font-weight:750}.check{border:1px solid var(--color-line-strong);background:var(--color-surface);color:#fff;border-radius:6px;flex:none;place-items:center;width:20px;height:20px;display:grid}.check svg{stroke-width:2.5px;width:13px;height:13px}.check.done{border-color:var(--color-brand);background:var(--color-brand);box-shadow:0 1px 2px #3e5fbf33}.alerts-list{padding:9px 20px 14px}.alert-row{border-top:1px solid var(--color-line);grid-template-columns:34px 1fr;gap:11px;padding:12px 0;display:grid}.alert-row:first-child{border-top:0}.alert-icon{border:1px solid color-mix(in srgb, var(--color-danger) 35%, var(--color-surface));background:var(--color-danger-soft);width:34px;height:34px;color:var(--color-danger);border-radius:10px;place-items:center;display:grid}.alert-icon.safe{border-color:color-mix(in srgb, var(--color-success) 30%, var(--color-surface));background:var(--color-success-soft);color:var(--color-success)}.alert-icon svg{width:15px;height:15px}.alert-copy strong{color:var(--color-heading);font-size:12px;display:block}.alert-copy p{color:var(--color-muted);margin:2px 0 0;font-size:12px;line-height:1.45}.alert-copy span{color:var(--color-subtle);margin-top:4px;font-size:12px;display:block}html[data-theme=dark] .button.primary{background:linear-gradient(135deg, var(--color-brand), var(--color-blue));color:var(--color-bg)}html[data-theme=dark] .button.primary:hover{background:linear-gradient(135deg, var(--color-brand-strong), var(--color-blue))}html[data-theme=dark] .service-state.available{border-color:color-mix(in srgb, var(--color-brand) 42%, var(--color-line))}html[data-theme=dark] .check.done{box-shadow:0 1px 4px color-mix(in srgb, var(--color-brand) 30%, transparent)}html[data-theme=dark] .alert-icon{color:#ff8291;background:#5f2432;border-color:#ad4356;box-shadow:0 0 0 1px #ff6b7d14}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-side>:last-child{grid-column:1/-1}}@media (max-width:820px){.table-wrap{padding:4px 12px 12px;overflow-x:visible}.table-wrap table,.table-wrap tbody{width:100%;min-width:0;display:block}.table-wrap thead{display:none}.table-wrap tbody{gap:10px;display:grid}.table-wrap tbody tr{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:12px 14px;display:grid}.table-wrap td{border-top:0;min-width:0;padding:0;display:block}.table-wrap td:first-child,.table-wrap td.row-action{grid-column:1/-1}.table-wrap td[data-label]:before{content:attr(data-label);color:var(--color-subtle);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;font-size:12px;font-weight:800;display:block}.table-wrap td.number{text-align:left}.table-wrap td.row-action{border-top:1px solid var(--color-line);padding-top:2px}.table-action{text-align:right;width:100%;margin-top:10px}.metric-grid,.dashboard-side{grid-template-columns:minmax(0,1fr)}.dashboard-side>:last-child{grid-column:auto}.page-header{grid-template-columns:minmax(0,1fr);align-items:flex-start;display:grid}.page-header .button{width:100%}}@media (max-width:620px){.metric{min-height:126px}.card-header{padding:18px 17px 0}.chart-wrap{padding-left:8px;padding-right:8px}}
.app-shell:has(.guard-page){min-height:100dvh}.app-shell:has(.guard-page)>.app-main{flex-direction:column;max-width:none;padding:0;display:flex}.app-shell:has(.guard-page)>.app-footer{border-top:1px solid var(--color-line);margin-top:0}.guard-page{width:100%;min-height:0;scroll-margin-top:var(--layout-topbar);flex-direction:column;flex:auto;display:flex}.guard-domains-page{--guard-detail-max:calc(1540px - 256px)}.guard-page-titlebar{width:100%;padding:34px var(--layout-main-x) 24px;border-bottom:1px solid var(--color-line);background:var(--color-bg);align-items:flex-start;display:flex}.guard-split{flex:1 0 auto;grid-template-columns:256px minmax(0,1fr);min-height:0;display:grid}.guard-tree{border-right:1px solid var(--color-line);background:color-mix(in srgb, var(--color-bg) 78%, var(--color-chrome-alt));min-width:0;padding:14px 12px 18px}.guard-tree-title{color:var(--color-subtle);letter-spacing:.12em;text-transform:uppercase;margin:4px 8px 10px;font-size:12px;font-weight:800}.domain-group{margin-bottom:6px}.domain-head{width:100%;color:var(--color-heading);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:9px 8px;font-size:13.5px;font-weight:750;transition:background-color .15s,border-color .15s;display:flex}.domain-head:hover{background:var(--color-surface)}.domain-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.caret{width:12px;color:var(--color-subtle);font-size:12px;transition:transform .15s}.domain-group.collapsed .caret{transform:rotate(-90deg)}.status-dot{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-success-soft);border-radius:50%;flex:none}.status-dot.warn{background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-soft)}.status-dot.err{background:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-soft)}.plan-badge.compact{margin-left:auto}.sub-list{gap:2px;margin:0;padding:2px 0 2px 12px;list-style:none;display:grid}.sub-item{width:100%;color:var(--color-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:7px 9px;font-size:13px;font-weight:600;display:flex}.sub-item:hover{background:var(--color-surface);color:var(--color-heading)}.sub-item.active{background:var(--color-brand-soft);color:var(--color-brand-strong);font-weight:750}.sub-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.add-button{border:1px dashed var(--color-line-strong);width:100%;color:var(--color-subtle);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:8px;font-size:12px;font-weight:700;display:flex}.add-button:hover{border-color:var(--color-brand);color:var(--color-brand-strong)}.add-button.add-subdomain{width:calc(100% - 16px);margin:4px 8px 6px}.add-button.add-domain{border-style:solid;border-color:color-mix(in srgb, var(--color-brand) 42%, var(--color-line-strong));background:var(--color-brand-soft);color:var(--color-brand-strong);margin-top:12px;padding:10px 8px;font-size:13px;font-weight:800;transition:background-color .14s,border-color .14s,color .14s}.add-button.add-domain:hover{border-color:var(--color-brand);background:var(--color-brand);color:#fff}html[data-theme=dark] .add-button.add-domain:hover{color:var(--color-bg)}.guard-detail{flex-direction:column;min-width:0;display:flex}.detail-head{background:var(--color-bg)}.detail-top{border-bottom:1px solid var(--color-line);align-items:center;gap:12px;padding:16px 22px;display:flex}.detail-top .plan-badge.compact{margin-left:auto}.guard-domains-page .detail-top{padding:0;display:block}.detail-top-inner{width:100%;max-width:var(--guard-detail-max);padding:16px var(--layout-main-x) 16px 22px;align-items:center;gap:12px;display:flex}.detail-top-inner .plan-badge.compact{margin-left:auto}.back-button{border:1px solid var(--color-line-strong);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:10px;place-items:center;font-size:18px;display:none}.detail-heading{min-width:0}.detail-name{color:var(--color-heading);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.detail-sub{color:var(--color-subtle);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.detail-sub .status-dot{width:7px;height:7px;box-shadow:none}.detail-tabs{border-bottom:1px solid var(--color-line);scrollbar-width:none;gap:2px;padding:0 14px;display:flex;position:relative;overflow-x:auto}.guard-domains-page .detail-tabs{padding:0;display:block;overflow:hidden}.detail-tabs-inner{width:100%;max-width:var(--guard-detail-max);padding:0 var(--layout-main-x) 0 14px;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;gap:2px;scroll-padding-inline:48px;display:flex;overflow-x:auto}.detail-tabs-inner::-webkit-scrollbar{display:none}.detail-tabs-scroll-control{z-index:4;width:48px;color:var(--color-heading);cursor:pointer;border:0;place-items:center;font-family:inherit;font-size:24px;font-weight:850;line-height:1;display:grid;position:absolute;top:0;bottom:1px}.detail-tabs-scroll-control.left{background:linear-gradient(to right, var(--color-chrome) 52%, transparent);padding-right:17px;left:0}.detail-tabs-scroll-control.right{background:linear-gradient(to left, var(--color-chrome) 52%, transparent);padding-left:17px;right:0}.detail-tabs-scroll-control:hover{color:var(--color-brand-strong)}.detail-tab{color:var(--color-subtle);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:12px 13px;font-size:13px;font-weight:650}.detail-tab:hover{color:var(--color-heading)}.detail-tab.active{color:var(--color-brand-strong);border-bottom-color:var(--color-brand)}.detail-body{--detail-pad:24px;padding:22px var(--detail-pad) 32px}.guard-domains-page .detail-body{padding:0}.detail-body-inner{width:100%;max-width:var(--guard-detail-max);padding:22px var(--layout-main-x) 32px 24px}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.stat-card{padding:18px 20px}.stat-card h3{color:var(--color-heading);align-items:center;margin:0 0 8px;font-size:14px;font-weight:800;display:flex}.stat-row{border-top:1px solid var(--color-line-soft);color:var(--color-muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.stat-row strong{color:var(--color-heading);font-weight:750}.stat-row .tone-ok{color:var(--color-success)}.stat-row .tone-warn{color:var(--color-warning)}.stat-row .tone-err{color:var(--color-danger)}.pill{border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:750;line-height:1.5;display:inline-flex}.pill.ok{background:var(--color-success-soft);color:var(--color-success)}.pill.warn{background:var(--color-warning-soft);color:var(--color-warning)}.pill.err{background:var(--color-danger-soft);color:var(--color-danger)}.placeholder-card p{color:var(--color-muted);margin:4px 0 0;font-size:13px}.guard-feature-panel{gap:16px;width:100%;display:grid;container:guard-feature/inline-size}.guard-feature-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.guard-feature-header h2{color:var(--color-heading);letter-spacing:-.03em;margin:0;font-size:20px;line-height:1.25}.guard-feature-header p{color:var(--color-subtle);margin:5px 0 0;font-size:13px;line-height:1.55}.guard-feature-status{border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.guard-feature-status span{background:currentColor;border-radius:50%;width:8px;height:8px}.guard-feature-status.success{background:var(--color-success-soft);color:var(--color-success)}.guard-feature-status.warning{background:var(--color-warning-soft);color:var(--color-warning)}.guard-panel-card,.guard-security-warning{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-sm)}.guard-panel-card{min-width:0;padding:20px}.guard-panel-card>h3,.guard-panel-title-row h3{color:var(--color-heading);margin:0 0 10px;font-size:14px;font-weight:800}.guard-ssl-layout{grid-template-columns:minmax(280px,.88fr) minmax(360px,1.12fr);align-items:stretch;gap:16px;display:grid}.guard-certificate-picker,.guard-certificate-card{flex-direction:column;display:flex}.guard-certificate-picker-head,.guard-current-certificate-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.guard-certificate-picker-head{align-items:center;margin-bottom:14px}.guard-certificate-picker-head h3{color:var(--color-heading);margin:0;font-size:14px;font-weight:800}.guard-certificate-picker-head>span{color:var(--color-subtle);font-size:12px;font-weight:650}.guard-certificate-options{gap:10px;display:grid}.guard-certificate-option{border:1px solid var(--color-line);background:var(--color-surface-soft);border-radius:12px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:74px;padding:12px 13px;display:grid}.guard-certificate-option.selected{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 20%, transparent)}.guard-certificate-radio{border:2px solid var(--color-line-strong);border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.guard-certificate-option.selected .guard-certificate-radio{border-color:var(--color-brand)}.guard-certificate-option.selected .guard-certificate-radio:after{background:var(--color-brand);content:"";border-radius:50%;width:8px;height:8px}.guard-certificate-option>div{min-width:0}.guard-certificate-option strong{color:var(--color-heading);font-size:13px;line-height:1.35;display:block}.guard-certificate-option p{color:var(--color-subtle);margin:4px 0 0;font-size:12px;line-height:1.45}.guard-certificate-option-meta{text-align:right;justify-items:end;gap:4px;display:grid}.guard-certificate-option-meta b{color:var(--color-muted);font-size:12px;font-weight:800}.guard-certificate-option.paid .guard-certificate-option-meta b{color:var(--color-warning)}.guard-certificate-option-meta small{color:var(--color-brand-strong);font-size:12px;font-weight:800}.guard-certificate-picker>.guard-action-button.full{margin-top:16px}.guard-certificate-identity{align-items:flex-start;gap:14px;min-width:0;display:flex}.guard-current-certificate-head>.guard-action-button{min-height:34px;padding:7px 11px}.guard-certificate-card>.guard-detail-list{margin-top:18px}.guard-certificate-card>.guard-panel-note{margin-top:16px}.guard-feature-icon{border:1px solid color-mix(in srgb, var(--color-brand) 20%, var(--color-line));background:var(--color-brand-soft);width:44px;height:44px;color:var(--color-brand-strong);border-radius:12px;flex:none;place-items:center;display:grid}.guard-feature-icon svg{stroke-width:1.8px;width:21px;height:21px}.guard-certificate-identity>div{min-width:0}.guard-panel-label{color:var(--color-subtle);margin-bottom:5px;font-size:12px;font-weight:750;display:block}.guard-certificate-identity strong{color:var(--color-heading);overflow-wrap:anywhere;font-size:17px;line-height:1.35;display:block}.guard-certificate-kind{border-radius:999px;margin-top:8px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.guard-certificate-kind.included{background:var(--color-brand-soft);color:var(--color-brand-strong)}.guard-certificate-kind.paid{background:var(--color-warning-soft);color:var(--color-warning)}.guard-detail-list{margin:0}.guard-detail-list>div{border-bottom:1px solid var(--color-line-soft);justify-content:space-between;align-items:center;gap:20px;min-height:42px;display:flex}.guard-detail-list>div:first-child{border-top:1px solid var(--color-line-soft)}.guard-detail-list dt{color:var(--color-muted);font-size:13px;font-weight:650}.guard-detail-list dd{color:var(--color-heading);text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:750}.guard-detail-list dd.tone-ok{color:var(--color-success)}.guard-detail-list dd.tone-warn{color:var(--color-warning)}.guard-panel-note{border:1px solid color-mix(in srgb, var(--color-success) 22%, var(--color-line));background:color-mix(in srgb, var(--color-success) 5%, var(--color-surface));color:var(--color-muted);border-radius:11px;grid-column:1/-1;align-items:flex-start;gap:9px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.guard-panel-note svg{width:16px;height:16px;color:var(--color-success);stroke-width:2px;flex:none}.guard-panel-note.info{border-color:color-mix(in srgb, var(--color-brand) 22%, var(--color-line));background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));margin-top:14px}.guard-panel-note.info svg{color:var(--color-brand-strong)}.guard-action-button{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.guard-action-button svg{stroke-width:2px;width:16px;height:16px}.guard-action-button.primary{border-color:var(--color-brand);background:var(--color-brand);color:#fff}.guard-action-button.primary:hover{border-color:var(--color-brand-strong);background:var(--color-brand-strong)}.guard-action-button.secondary{border-color:color-mix(in srgb, var(--color-brand) 38%, var(--color-line));background:var(--color-brand-soft);color:var(--color-brand-strong)}.guard-action-button.secondary:hover{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 14%, var(--color-surface))}.guard-action-button.outline{border-color:var(--color-line-strong);color:var(--color-muted);background:0 0}.guard-action-button.outline:hover{border-color:var(--color-brand);color:var(--color-brand-strong)}.guard-action-button.full{width:100%;margin-top:12px}.guard-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guard-result-list,.guard-port-list{margin:0;padding:0;list-style:none}.guard-result-list li{border-bottom:1px solid var(--color-line-soft);min-height:43px;color:var(--color-muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px;display:grid}.guard-result-list li:first-child{border-top:1px solid var(--color-line-soft)}.guard-result-list strong{color:var(--color-text);font-weight:700}.guard-result-list b{font-weight:750}.guard-result-list b.tone-ok{color:var(--color-success)}.guard-result-list b.tone-warn{color:var(--color-warning)}.guard-result-list b.tone-err{color:var(--color-danger)}.guard-panel-title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.guard-panel-title-row h3{margin-bottom:0}.guard-risk-badge,.guard-last-tested-badge{white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.guard-risk-badge{background:var(--color-warning-soft);color:var(--color-warning)}.guard-last-tested-badge{background:var(--color-raised);color:var(--color-muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.guard-last-tested-badge>span:after{color:var(--color-subtle);content:"·";margin-left:4px}.guard-port-list{gap:8px;display:grid}.guard-port-list li{border:1px solid var(--color-line-soft);background:var(--color-surface-soft);min-height:46px;color:var(--color-muted);border-radius:10px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 13px;font-size:12px;display:grid}.guard-port-list li strong{color:var(--color-success);font-size:13px}.guard-port-list li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.guard-port-list li b{color:var(--color-success);white-space:nowrap;font-size:12px}.guard-port-list li.danger{border-color:color-mix(in srgb, var(--color-danger) 18%, var(--color-line));background:color-mix(in srgb, var(--color-danger) 5%, var(--color-surface))}.guard-port-list li.danger strong,.guard-port-list li.danger b{color:var(--color-danger)}.guard-security-warning{border-color:color-mix(in srgb, var(--color-warning) 28%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 5%, var(--color-surface));align-items:center;gap:10px;padding:13px 15px;display:flex}.guard-security-warning>svg{width:17px;height:17px;color:var(--color-warning);flex:none}.guard-security-warning p{color:var(--color-muted);flex:1;margin:0;font-size:12px;line-height:1.55}.guard-security-warning strong{color:var(--color-text)}.guard-security-warning button{color:var(--color-warning);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;flex:none;padding:4px 0;font-family:inherit;font-size:12px;font-weight:800}@container guard-feature (max-width:620px){.guard-security-warning{grid-template-columns:17px minmax(0,1fr);align-items:start;display:grid}.guard-security-warning>svg{grid-area:1/1}.guard-security-warning p{grid-area:1/2}.guard-security-warning button{grid-area:2/2;justify-self:start;width:auto}}html[data-theme=dark] .sub-item.active{background:var(--color-surface-soft);color:var(--color-heading)}html[data-theme=dark] .domain-head:hover,html[data-theme=dark] .sub-item:hover,html[data-theme=dark] .back-button{background:var(--color-surface)}.domain-group:not(.collapsed)>.domain-head,.domain-group:not(.collapsed)>.domain-head:hover{border-color:var(--color-line);background-color:var(--color-surface);color:var(--color-heading)}html[data-theme=dark] .domain-group:not(.collapsed)>.domain-head,html[data-theme=dark] .domain-group:not(.collapsed)>.domain-head:hover{border-color:var(--color-line);background-color:var(--color-chrome);color:#fff}html[data-theme=dark] .guard-action-button.primary{color:var(--color-chrome)}@media (max-width:1180px){.guard-split{grid-template-columns:232px minmax(0,1fr)}}@media (max-width:820px){.guard-page-titlebar{padding:25px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left))}.guard-split{grid-template-columns:minmax(0,1fr)}.guard-tree{border-right:0}.guard-detail,.guard-split.drill .guard-tree{display:none}.guard-split.drill .guard-detail{display:flex}.detail-head{z-index:15;top:var(--layout-topbar);width:100%;position:sticky;box-shadow:0 10px 22px #10182812}html[data-theme=dark] .detail-head{box-shadow:0 10px 22px #00000038}.back-button{display:grid}.guard-domains-page .detail-top{padding:0}.detail-top-inner{max-width:none;padding:14px 16px}.detail-tabs-inner{max-width:none;padding:0 14px}.guard-domains-page .detail-body{padding:0}.detail-body-inner{max-width:none;padding:16px}.detail-grid{grid-template-columns:minmax(0,1fr)}.guard-feature-header{gap:14px}.guard-feature-header h2{font-size:20px}.guard-ssl-layout,.guard-feature-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.guard-last-tested-badge>span{display:none}.guard-feature-status{align-self:flex-start}.guard-panel-card{padding:16px}.guard-current-certificate-head{flex-direction:column;align-items:stretch}.guard-current-certificate-head>.guard-action-button{width:100%}.guard-certificate-option{grid-template-columns:18px minmax(0,1fr)}.guard-certificate-option-meta{grid-column:2;grid-auto-flow:column;justify-content:start}.guard-port-list li{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}}@media (max-width:380px){.guard-feature-header{flex-direction:column;align-items:stretch}.guard-feature-header .guard-action-button{width:100%}}.wizard-resume{border:1px solid var(--color-line);background:var(--color-chrome);color:var(--color-text);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:10px 14px;font-size:13px;display:flex}.guard-tree-note{color:var(--color-muted);margin:4px 4px 10px;font-size:12.5px;font-weight:600}.guard-tree-note.fail{color:var(--color-danger)}a.add-button{text-decoration:none}.guard-tree-resume{color:var(--color-warning);font-weight:700}.guard-demo-tab-note{background:var(--color-warning-soft);color:var(--color-warning);border-radius:10px;margin-bottom:14px;padding:9px 13px;font-size:12.5px;font-weight:600;line-height:1.5}.guard-empty-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.guard-inline-input{border:1.5px solid var(--color-line-strong);background:var(--color-surface);width:100%;max-width:220px;font:inherit;color:var(--color-text);border-radius:8px;padding:5px 9px;font-size:13px}.guard-inline-input:focus{border-color:var(--color-brand);outline:none}.guard-origin-edit-actions{gap:8px;display:flex}.guard-origin-error{color:var(--color-danger);margin:8px 0 0;font-size:12.5px;font-weight:600}.guard-origin-lock{margin-bottom:14px}.guard-origin-lock-desc{color:var(--color-text);margin:6px 0 10px;font-size:13.5px;font-weight:600;line-height:1.6}.guard-origin-lock-warns{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.guard-origin-lock-warns li{color:var(--color-muted);font-size:12.5px;line-height:1.55}.guard-origin-lock-warns li::marker{content:"⚠ ";color:var(--color-warning)}
.guard-monitoring-panel{gap:18px}.guard-monitoring-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.guard-monitoring-kpis-three{grid-template-columns:repeat(3,minmax(0,1fr))}.guard-monitoring-metric{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;min-height:132px;box-shadow:var(--shadow-sm);border-radius:14px;grid-template-rows:auto auto auto;align-content:center;align-items:start;padding:17px 18px 15px;display:grid;position:relative;overflow:hidden}.guard-monitoring-metric:before{background:var(--metric-color,var(--color-brand));content:"";border-radius:14px 0 0 14px;width:3px;position:absolute;inset:0 auto 0 0}.guard-monitoring-metric.tone-brand{--metric-color:var(--color-brand)}.guard-monitoring-metric.tone-success{--metric-color:var(--color-success)}.guard-monitoring-metric.tone-warning{--metric-color:var(--color-warning)}.guard-monitoring-metric.tone-danger{--metric-color:var(--color-danger)}.guard-monitoring-metric>span{color:var(--color-subtle);font-size:12px;font-weight:750;display:block}.guard-monitoring-metric>strong{color:var(--color-heading);font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:25px;font-weight:850;line-height:1.15;display:block;overflow:hidden}.guard-monitoring-metric.tone-success>strong{color:var(--color-success)}.guard-monitoring-metric.tone-warning>strong{color:var(--color-warning)}.guard-monitoring-metric.tone-danger>strong{color:var(--color-danger)}.guard-monitoring-metric>strong small{letter-spacing:0;margin-left:3px;font-size:12px;font-weight:800}.guard-monitoring-metric>p{color:var(--color-muted);margin:7px 0 0;font-size:12px;font-weight:650}.guard-monitoring-detail-card>.guard-panel-title-row{margin-bottom:6px}.guard-monitoring-list,.guard-rule-list,.guard-country-list,.guard-block-list{margin:0;padding:0;list-style:none}.guard-monitoring-list li{border-bottom:1px solid var(--color-line-soft);grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:11px;min-height:45px;display:grid}.guard-monitoring-list li:last-child,.guard-rule-list li:last-child,.guard-block-list li:last-child{border-bottom:0}.guard-monitoring-list li>span{color:var(--color-muted);font-size:12px;font-weight:650}.guard-monitoring-list li>strong{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:750}.guard-mode-badge,.guard-chart-period{border:1px solid var(--color-line);background:var(--color-surface-soft);min-height:24px;color:var(--color-muted);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.guard-mode-badge.block{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-line));background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface));color:var(--color-success)}.guard-mode-badge.detect{border-color:color-mix(in srgb, var(--color-warning) 32%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));color:var(--color-warning)}.guard-rule-list li{border-bottom:1px solid var(--color-line-soft);justify-content:space-between;align-items:center;gap:18px;min-height:46px;display:flex}.guard-rule-list li>span{color:var(--color-text);font-size:12.5px;font-weight:650}.guard-rule-list li>strong{color:var(--color-muted);text-align:right;font-size:12px;font-weight:800}.guard-rule-list li>strong.success{color:var(--color-success)}.guard-rule-list li>strong.warning{color:var(--color-warning)}.guard-rule-list li>strong.danger{color:var(--color-danger)}.guard-traffic-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:16px;display:grid}.guard-traffic-chart-card,.guard-traffic-country-card{min-height:292px}.guard-traffic-chart{border-bottom:1px solid var(--color-line);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 46px, var(--color-line-soft) 47px);align-items:flex-end;gap:8px;height:188px;padding:20px 10px 0;display:flex}.guard-traffic-chart>span{background:linear-gradient(to top, var(--color-brand-strong), var(--color-brand));opacity:.88;border-radius:5px 5px 1px 1px;flex:1;min-width:5px;transition:height .18s}.guard-traffic-chart>span:nth-child(3n){background:linear-gradient(to top, var(--color-blue), var(--color-brand))}.guard-traffic-chart.empty>span{background:var(--color-line-strong);opacity:.6}.guard-chart-axis{color:var(--color-subtle);font-variant-numeric:tabular-nums;justify-content:space-between;padding-top:8px;font-size:12px;display:flex}.guard-traffic-country-card>h3{margin-bottom:8px}.guard-country-list{display:grid}.guard-country-list li{grid-template-columns:minmax(82px,1fr) minmax(60px,.8fr) 34px;align-items:center;gap:9px;min-height:34px;display:grid}.guard-country-list li>span{color:var(--color-text);white-space:nowrap;font-size:12px;font-weight:650}.guard-country-list li>div{background:var(--color-raised);border-radius:999px;height:5px;overflow:hidden}.guard-country-list li>div i{border-radius:inherit;background:var(--color-brand);height:100%;display:block}.guard-country-list li>strong{color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.guard-traffic-quality{border-top:1px solid var(--color-line-soft);justify-content:center;margin-top:14px;padding-top:14px;display:flex}.guard-traffic-ring{border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.guard-traffic-ring:after{background:var(--color-surface);content:"";border-radius:50%;position:absolute;inset:11px}.guard-traffic-ring>span{z-index:1;justify-items:center;display:grid;position:relative}.guard-traffic-ring strong{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:15px;font-weight:850}.guard-traffic-ring small{color:var(--color-subtle);margin-top:1px;font-size:12px;font-weight:700}.guard-block-list li{border-bottom:1px solid var(--color-line-soft);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:45px;display:grid}.guard-block-list code{color:var(--color-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.guard-block-list strong{color:var(--color-text);font-size:12px;font-weight:700}.guard-block-list time{color:var(--color-subtle);white-space:nowrap;font-size:12px}.guard-empty-state{min-height:92px;color:var(--color-success);justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.guard-empty-state svg{stroke-width:2px;width:18px;height:18px}html[data-theme=dark] .guard-monitoring-metric{background:color-mix(in srgb, var(--metric-color,var(--color-brand)) 3%, var(--color-surface))}html[data-theme=dark] .guard-traffic-chart>span{box-shadow:0 0 14px color-mix(in srgb, var(--color-brand) 12%, transparent)}@media (max-width:1040px){.guard-monitoring-kpis,.guard-monitoring-kpis-three{grid-template-columns:repeat(2,minmax(0,1fr))}.guard-traffic-grid{grid-template-columns:minmax(0,1fr)}.guard-traffic-country-card{min-height:0}}@media (max-width:520px){.guard-monitoring-kpis,.guard-monitoring-kpis-three{grid-template-columns:minmax(0,1fr)}.guard-monitoring-metric{min-height:116px}.guard-monitoring-list li{grid-template-columns:minmax(0,1fr) auto;padding:9px 0}.guard-monitoring-list li>strong{text-align:right}.guard-traffic-chart{gap:5px;height:154px}.guard-block-list li{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 0}.guard-block-list code{display:none}}
.guard-security-panel{gap:18px}.guard-security-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guard-security-metric{--security-tone:var(--color-brand);border:1px solid var(--color-line);background:var(--color-surface);min-width:0;min-height:122px;box-shadow:var(--shadow-sm);border-radius:14px;padding:18px 18px 16px;position:relative;overflow:hidden}.guard-security-metric:before{background:var(--security-tone);content:"";border-radius:14px 0 0 14px;width:3px;position:absolute;inset:0 auto 0 0}.guard-security-metric.tone-success{--security-tone:var(--color-success)}.guard-security-metric.tone-warning{--security-tone:var(--color-warning)}.guard-security-metric.tone-danger{--security-tone:var(--color-danger)}.guard-security-metric>span{color:var(--color-subtle);font-size:12px;font-weight:750;display:block}.guard-security-metric>strong{color:var(--security-tone);font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:25px;font-weight:850;line-height:1.12;display:block;overflow:hidden}.guard-security-metric>p{color:var(--color-muted);margin:7px 0 0;font-size:12px;font-weight:650}.guard-security-visual-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;display:grid}.guard-security-trend-card,.guard-security-breakdown-card,.guard-security-log-card{min-height:254px}.guard-security-trend{border-bottom:1px solid var(--color-line);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 40px, var(--color-line-soft) 41px);align-items:flex-end;gap:8px;height:164px;padding:18px 8px 0;display:flex}.guard-security-trend>span,.guard-security-inline-trend>span{background:linear-gradient(to top, var(--color-brand-strong), var(--color-brand));opacity:.88;border-radius:5px 5px 1px 1px;flex:1;min-width:5px}.guard-security-trend>span:nth-child(4n),.guard-security-inline-trend>span:nth-child(4n){background:linear-gradient(to top, var(--color-warning), color-mix(in srgb, var(--color-warning) 58%, var(--color-brand)))}.guard-security-trend-axis{color:var(--color-subtle);font-variant-numeric:tabular-nums;justify-content:space-between;padding:8px 2px 0;font-size:12px;display:flex}.guard-security-breakdown-list,.guard-security-log-list,.guard-security-settings-list{margin:0;padding:0;list-style:none}.guard-security-breakdown-list{gap:5px;display:grid}.guard-security-breakdown-list li{grid-template-columns:minmax(76px,.65fr) minmax(70px,1fr) 38px;align-items:center;gap:9px;min-height:35px;display:grid}.guard-security-breakdown-list.attack-list li{grid-template-columns:6px minmax(92px,.75fr) minmax(70px,1fr) 38px}.guard-security-breakdown-list.country-list li>span:first-child,.guard-security-breakdown-list.attack-list li>span:nth-child(2){color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.guard-security-breakdown-list li>div{background:var(--color-raised);border-radius:999px;height:6px;overflow:hidden}.guard-security-breakdown-list li>div i{border-radius:inherit;background:var(--color-warning);height:100%;display:block}.guard-security-breakdown-list li>div i.tone-danger{background:var(--color-danger)}.guard-security-breakdown-list li>div i.tone-warning{background:var(--color-warning)}.guard-security-breakdown-list li>div i.tone-brand{background:var(--color-brand)}.guard-security-breakdown-list li>div i.tone-neutral{background:var(--color-muted)}.guard-security-breakdown-list li>strong{color:var(--color-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:800}.guard-security-inline-trend{border-top:1px solid var(--color-line-soft);align-items:flex-end;gap:5px;height:54px;margin-top:12px;padding:10px 6px 0;display:flex}.guard-security-log-list li{border-bottom:1px solid var(--color-line-soft);grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;display:grid}.guard-security-log-list li:last-child{border-bottom:0}.guard-security-log-list li>div{gap:4px;min-width:0;display:grid}.guard-security-log-list strong{color:var(--color-text);font-size:12px;font-weight:750}.guard-security-log-list code{color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.guard-security-log-list time{color:var(--color-subtle);white-space:nowrap;font-size:12px}.guard-security-settings-card{padding:0;overflow:hidden}.guard-security-settings-head{border-bottom:1px solid var(--color-line);background:var(--color-surface-soft);padding:18px 20px 16px}.guard-security-settings-head h3{color:var(--color-heading);margin:0;font-size:15px;font-weight:800}.guard-security-settings-head p{color:var(--color-subtle);margin:5px 0 0;font-size:12px;line-height:1.5}.guard-security-settings-list li{border-bottom:1px solid var(--color-line-soft);grid-template-columns:38px minmax(0,1fr) auto 72px;align-items:center;gap:13px;min-height:72px;padding:12px 20px;display:grid}.guard-security-settings-list li:last-child{border-bottom:0}.guard-security-setting-icon{background:var(--color-brand-soft);width:36px;height:36px;color:var(--color-brand);border-radius:10px;flex:none;place-items:center;display:inline-grid}.guard-security-setting-icon.tone-success{background:var(--color-success-soft);color:var(--color-success)}.guard-security-setting-icon.tone-warning{background:var(--color-warning-soft);color:var(--color-warning)}.guard-security-setting-icon.tone-neutral{background:var(--color-raised);color:var(--color-muted)}.guard-security-setting-icon svg{stroke-width:1.9px;width:18px;height:18px}.guard-security-setting-copy{min-width:0}.guard-security-setting-copy strong{color:var(--color-heading);font-size:13px;font-weight:800;display:block}.guard-security-setting-copy p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;line-height:1.45;overflow:hidden}.guard-security-setting-state{background:var(--color-brand-soft);min-height:26px;color:var(--color-brand);white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.guard-security-setting-state.tone-success{background:var(--color-success-soft);color:var(--color-success)}.guard-security-setting-state.tone-warning{background:var(--color-warning-soft);color:var(--color-warning)}.guard-security-setting-state.tone-neutral{background:var(--color-raised);color:var(--color-muted)}.guard-security-configure-button{border:1px solid var(--color-line-strong);background:var(--color-surface);min-width:70px;min-height:34px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:9px;padding:7px 13px;font-size:12px;font-weight:800}.guard-security-configure-button:hover{border-color:color-mix(in srgb, var(--color-brand) 55%, var(--color-line));background:var(--color-brand-soft);color:var(--color-brand)}.guard-security-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04081294;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.guard-security-modal{border:1px solid var(--color-line-strong);background:var(--color-surface);border-radius:18px;flex-direction:column;width:min(100%,590px);max-height:min(760px,100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 70px #050b1c47}.guard-security-modal>header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.guard-security-modal>header>div{align-items:center;gap:12px;display:flex}.guard-security-modal h2{color:var(--color-heading);letter-spacing:-.025em;margin:0;font-size:19px;font-weight:800}.guard-security-modal-close{width:36px;height:36px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;font-size:24px;line-height:1;display:grid}.guard-security-modal-close:hover{background:var(--color-raised);color:var(--color-heading)}.guard-security-modal-body{padding:20px;overflow-y:auto}.guard-security-modal-description{color:var(--color-muted);white-space:pre-line;margin:0;font-size:13px;line-height:1.7}.guard-security-controls{gap:16px;margin-top:20px;display:grid}.guard-security-field{color:var(--color-text);gap:8px;display:grid}.guard-security-field>span{color:var(--color-muted);font-size:12px;font-weight:800}.guard-security-field input[type=text],.guard-security-field input[type=number],.guard-security-field textarea{border:1px solid var(--color-line-strong);background:var(--color-surface-soft);width:100%;min-width:0;color:var(--color-heading);font:inherit;border-radius:10px;outline:0;font-size:13px}.guard-security-field input[type=text],.guard-security-field input[type=number]{height:42px;padding:0 12px}.guard-security-field textarea{resize:vertical;min-height:94px;padding:11px 12px;line-height:1.55}.guard-security-field input:focus,.guard-security-field textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 13%, transparent)}.guard-security-segmented{background:var(--color-raised);border-radius:11px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.guard-security-segmented button{min-width:0;min-height:36px;color:var(--color-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:750}.guard-security-segmented button.active{border-color:var(--color-line-strong);background:var(--color-surface);color:var(--color-brand);box-shadow:var(--shadow-sm)}.guard-security-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.guard-security-check-grid label,.guard-security-review-list label{border:1px solid var(--color-line);background:var(--color-surface-soft);min-height:42px;color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}.guard-security-check-grid label{justify-content:center;padding:8px}.guard-security-check-grid input,.guard-security-review-list input{width:16px;height:16px;accent-color:var(--color-brand);flex:none}.guard-security-switch{border:1px solid var(--color-line);background:var(--color-surface-soft);min-height:46px;color:var(--color-muted);font:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:11px;padding:8px 12px;display:flex}.guard-security-switch>span{background:var(--color-line-strong);border-radius:999px;flex:none;width:40px;height:22px;transition:background .16s;position:relative}.guard-security-switch>span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0a122333}.guard-security-switch.active>span{background:var(--color-success)}.guard-security-switch.active>span:after{transform:translate(18px)}.guard-security-switch strong{color:var(--color-text);font-size:13px;font-weight:750}.guard-security-input-unit{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.guard-security-input-unit span{color:var(--color-muted);font-size:12px;font-weight:700}.guard-security-modal-warning{border:1px solid color-mix(in srgb, var(--color-warning) 32%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));color:var(--color-warning);border-radius:10px;align-items:flex-start;gap:9px;padding:11px 12px;font-size:12px;line-height:1.55;display:flex}.guard-security-modal-warning svg{flex:none;width:17px;height:17px;margin-top:1px}.guard-security-toggle-list,.guard-security-review-list{gap:8px;display:grid}.guard-security-review-list label{align-items:flex-start;padding:11px 12px}.guard-security-review-list label>span{color:var(--color-muted);gap:4px;line-height:1.45;display:grid}.guard-security-review-list label strong{color:var(--color-heading);font-size:13px}.guard-security-modal>footer{border-top:1px solid var(--color-line);background:var(--color-surface-soft);justify-content:flex-end;gap:9px;padding:14px 20px;display:flex}.guard-security-modal-button{min-width:88px;min-height:40px;font:inherit;cursor:pointer;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:800}.guard-security-modal-button.secondary{border:1px solid var(--color-line-strong);background:var(--color-surface);color:var(--color-text)}.guard-security-modal-button.primary{border:1px solid var(--color-brand);background:var(--color-brand);color:#fff}.guard-security-modal-button.primary:hover{border-color:var(--color-brand-strong);background:var(--color-brand-strong)}.guard-security-toast{z-index:130;border:1px solid color-mix(in srgb, var(--color-success) 32%, var(--color-line));background:var(--color-surface);min-height:44px;color:var(--color-success);box-shadow:var(--shadow-md);border-radius:11px;align-items:center;gap:9px;padding:10px 15px;font-size:13px;font-weight:800;display:flex;position:fixed;bottom:24px;right:24px}.guard-security-toast svg{width:18px;height:18px}html[data-theme=dark] .guard-security-metric{background:color-mix(in srgb, var(--security-tone) 3%, var(--color-surface))}html[data-theme=dark] .guard-security-modal{box-shadow:0 28px 80px #00000085}html[data-theme=dark] .guard-security-modal-button.primary{color:#07101e}@media (max-width:1040px){.guard-security-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.guard-security-visual-grid{grid-template-columns:minmax(0,1fr)}.guard-security-trend-card,.guard-security-breakdown-card,.guard-security-log-card{min-height:0}}@media (max-width:680px){.guard-security-settings-list li{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"icon copy button"".state button";gap:8px 12px;padding:14px 16px}.guard-security-setting-icon{grid-area:icon}.guard-security-setting-copy{grid-area:copy}.guard-security-setting-state{grid-area:state;justify-self:start}.guard-security-configure-button{grid-area:button;align-self:center}.guard-security-setting-copy p{white-space:normal}}@media (max-width:520px){.guard-security-metrics{grid-template-columns:minmax(0,1fr)}.guard-security-metric{min-height:112px}.guard-security-trend{gap:5px;height:144px}.guard-security-breakdown-list li{grid-template-columns:minmax(72px,.75fr) minmax(54px,1fr) 36px;gap:7px}.guard-security-breakdown-list.attack-list li{grid-template-columns:6px minmax(72px,.75fr) minmax(54px,1fr) 36px}.guard-security-settings-head{padding:16px}.guard-security-settings-list li{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"icon copy"".state""button button"}.guard-security-configure-button{width:100%;margin-top:4px}.guard-security-modal-backdrop{align-items:end;padding:12px 0 0}.guard-security-modal{border-radius:18px 18px 0 0;width:100%;max-height:calc(100dvh - 12px)}.guard-security-modal>header,.guard-security-modal-body,.guard-security-modal>footer{padding-left:16px;padding-right:16px}.guard-security-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guard-security-segmented{grid-auto-flow:row}.guard-security-modal>footer{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guard-security-toast{justify-content:center;bottom:16px;left:16px;right:16px}}
.guard-subdomain-create{flex-direction:column;min-width:0;display:flex}.guard-detail.guard-detail-hidden{display:none}.guard-subdomain-create-head{background:var(--color-bg)}.subdomain-create-back-button{border:1px solid var(--color-line-strong);background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:10px;flex:0 0 36px;place-items:center;padding:0;font-size:18px;display:grid}.subdomain-create-step-count{background:var(--color-raised);color:var(--color-muted);white-space:nowrap;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:800}.subdomain-create-form{gap:16px;display:grid}.subdomain-create-domain-heading{align-items:center;gap:8px;margin-top:4px;display:flex}.subdomain-create-domain-heading>span{color:var(--color-subtle);white-space:nowrap;font-size:12px;font-weight:800}.subdomain-create-domain-heading>strong{min-width:0;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.subdomain-create-domain-heading svg{width:17px;height:17px;color:var(--color-brand-strong);stroke-width:1.8px;flex:0 0 17px}.subdomain-step-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);padding:20px;container:subdomain-step/inline-size}.subdomain-step-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.subdomain-step-header>span{background:var(--color-brand-soft);width:28px;height:28px;color:var(--color-brand-strong);border-radius:9px;flex:0 0 28px;place-items:center;font-size:12px;font-weight:900;display:grid}.subdomain-step-header h2{color:var(--color-heading);margin:1px 0 0;font-size:15px;line-height:1.3}.subdomain-step-header p{color:var(--color-subtle);margin:4px 0 0;font-size:12px;line-height:1.5}.subdomain-step-content{padding-left:40px}.subdomain-field-label,.subdomain-input-field>span,.subdomain-recommended-port>span{color:var(--color-muted);margin-bottom:7px;font-size:12px;font-weight:750;display:block}.subdomain-name-control{border:1px solid var(--color-line-strong);background:var(--color-surface-soft);border-radius:11px;align-items:center;width:min(680px,100%);min-height:48px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.subdomain-name-control:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 12%, transparent)}.subdomain-name-control input{min-width:100px;color:var(--color-heading);background:0 0;border:0;outline:0;flex:1;padding:12px 2px 12px 14px;font-size:15px;font-weight:750}.subdomain-name-control>span{max-width:58%;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;padding:12px 14px 12px 2px;font-size:14px;overflow:hidden}.subdomain-field-hint{color:var(--color-subtle);margin:8px 0 0;font-size:12px}.subdomain-field-hint strong{color:var(--color-muted);font-weight:700}.subdomain-origin-layout{grid-template-columns:minmax(180px,1fr) auto 128px;grid-template-areas:"origin-ip recommended-port test-button""test-result test-result test-result";align-items:end;gap:12px;display:grid}.subdomain-input-field{grid-area:origin-ip;width:100%;min-width:0}.subdomain-input-field input{border:1px solid var(--color-line-strong);background:var(--color-surface-soft);width:100%;min-height:46px;color:var(--color-heading);border-radius:10px;outline:0;padding:10px 13px;font-size:15px;font-weight:750;transition:border-color .15s,box-shadow .15s}.subdomain-input-field input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 12%, transparent)}.subdomain-recommended-port{border:1px solid var(--color-line);background:var(--color-brand-soft);white-space:nowrap;border-radius:10px;grid-area:recommended-port;align-items:center;gap:7px;width:auto;min-width:0;height:46px;padding:9px 10px;display:flex}.subdomain-recommended-port>span{margin:0}.subdomain-recommended-port strong{color:var(--color-brand-strong);font-size:14px}.subdomain-recommended-port>button{border:1px solid color-mix(in srgb, var(--color-brand) 28%, var(--color-line));background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));width:26px;height:26px;color:var(--color-brand-strong);cursor:pointer;border-radius:7px;flex:0 0 26px;place-items:center;margin-left:auto;padding:0;display:grid}.subdomain-recommended-port>button:hover{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 15%, var(--color-surface))}.subdomain-recommended-port>button svg{stroke-width:2px;width:14px;height:14px}.subdomain-test-button{white-space:nowrap;grid-area:test-button;width:128px;min-width:128px;height:46px;padding-inline:12px}.guard-subdomain-create .guard-action-button:disabled{border-color:var(--color-line);background:var(--color-raised);color:var(--color-subtle);cursor:not-allowed;opacity:.72}.subdomain-test-result{border:1px solid var(--color-line);background:var(--color-surface-soft);border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:82px;margin-left:40px;padding:15px 16px;display:grid}.subdomain-origin-layout .subdomain-test-result{grid-area:test-result;width:100%;min-width:0;max-width:100%;min-height:69px;margin-left:0}.subdomain-origin-layout .subdomain-test-result.idle,.subdomain-origin-layout .subdomain-test-result.testing{border-radius:10px;grid-template-columns:28px minmax(0,1fr);gap:9px;height:46px;min-height:46px;padding:8px 11px}.subdomain-test-result.idle .subdomain-result-icon,.subdomain-test-result.testing .subdomain-result-icon{border-radius:8px;width:28px;height:28px}.subdomain-test-result.idle .subdomain-result-icon svg,.subdomain-test-result.testing .subdomain-result-icon svg{width:14px;height:14px}.subdomain-test-result.idle strong,.subdomain-test-result.testing strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.subdomain-test-result.idle p,.subdomain-test-result.testing p{display:none}.subdomain-result-icon{background:var(--color-raised);width:38px;height:38px;color:var(--color-muted);border-radius:11px;place-items:center;display:grid}.subdomain-result-icon svg{stroke-width:2px;width:18px;height:18px}.subdomain-test-result strong{color:var(--color-heading);font-size:13px}.subdomain-test-result p{color:var(--color-muted);margin:3px 0 0;font-size:12px}.subdomain-test-result.success{border-color:color-mix(in srgb, var(--color-success) 36%, var(--color-line));background:color-mix(in srgb, var(--color-success) 6%, var(--color-surface))}.subdomain-test-result.success .subdomain-result-icon{background:var(--color-success-soft);color:var(--color-success)}.subdomain-test-result.failed{border-color:color-mix(in srgb, var(--color-danger) 36%, var(--color-line));background:color-mix(in srgb, var(--color-danger) 5%, var(--color-surface))}.subdomain-test-result.failed .subdomain-result-icon{background:var(--color-danger-soft);color:var(--color-danger)}.subdomain-result-guide{color:var(--color-brand-strong);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-size:12px;font-weight:800}.subdomain-result-guide:hover{text-underline-offset:3px;text-decoration:underline}.subdomain-result-badge{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.subdomain-result-badge.success{background:var(--color-success-soft);color:var(--color-success)}.subdomain-result-badge.failed{background:var(--color-danger-soft);color:var(--color-danger)}.subdomain-ssl-options{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.subdomain-ssl-option{border:1px solid var(--color-line);background:var(--color-surface-soft);cursor:pointer;border-radius:12px;grid-template-columns:18px minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;min-height:108px;padding:14px;transition:border-color .15s,background-color .15s;display:grid}.subdomain-ssl-option:hover,.subdomain-ssl-option.selected{border-color:var(--color-brand)}.subdomain-ssl-option.selected{background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 18%, transparent)}.subdomain-ssl-option input{width:17px;height:17px;accent-color:var(--color-brand);margin:1px 0 0}.subdomain-ssl-option>span,.subdomain-ssl-option>label>span{gap:5px;min-width:0;display:grid}.subdomain-ssl-option strong{color:var(--color-heading);font-size:12px}.subdomain-ssl-option small{color:var(--color-muted);font-size:12px;line-height:1.5}.subdomain-ssl-option>b{background:var(--color-raised);color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:12px}.subdomain-ssl-option.brand{cursor:default;grid-template-columns:minmax(0,1fr)}.subdomain-ssl-option.brand>label{cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.subdomain-ssl-option.brand>button{width:max-content;color:var(--color-brand-strong);cursor:pointer;background:0 0;border:0;margin-left:28px;padding:0;font-size:12px;font-weight:800}.subdomain-waf-option{justify-content:space-between;align-items:center;gap:20px;padding-left:40px;display:flex}.subdomain-waf-option p{min-width:0;color:var(--color-muted);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.subdomain-waf-option p svg{width:15px;height:15px;color:var(--color-brand-strong);flex:0 0 15px}.subdomain-waf-switch{border:1px solid var(--color-line-strong);background:var(--color-raised);cursor:pointer;border-radius:999px;flex:0 0 40px;width:40px;height:23px;padding:0;position:relative}.subdomain-waf-switch>span{background:var(--color-surface);width:17px;height:17px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .15s;position:absolute;top:2px;left:2px}.subdomain-waf-switch.on{border-color:var(--color-success);background:var(--color-success)}.subdomain-waf-switch.on>span{background:#fff;transform:translate(17px)}.subdomain-register-step{border-color:color-mix(in srgb, var(--color-brand) 26%, var(--color-line))}.subdomain-register-actions{justify-content:space-between;align-items:center;gap:20px;padding-left:40px;display:flex}.subdomain-register-actions p{color:var(--color-muted);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.subdomain-register-actions p svg{width:15px;height:15px;color:var(--color-brand-strong);flex:0 0 15px}.subdomain-register-actions .guard-action-button{min-width:150px}.subdomain-brand-popup-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0206177a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.subdomain-brand-popup{border:1px solid var(--color-line-strong);background:var(--color-surface);width:min(420px,100%);box-shadow:var(--shadow-md);border-radius:16px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:14px;padding:22px;display:grid}.subdomain-brand-popup-icon{background:var(--color-brand-soft);width:46px;height:46px;color:var(--color-brand-strong);border-radius:13px;place-items:center;display:grid}.subdomain-brand-popup-icon svg{width:20px;height:20px}.subdomain-brand-popup strong{color:var(--color-heading);font-size:15px}.subdomain-brand-popup p{color:var(--color-muted);margin:5px 0 0;font-size:12px;line-height:1.55}@container subdomain-step (max-width:560px){.subdomain-test-result{grid-template-columns:38px minmax(0,1fr)}.subdomain-result-guide{grid-column:2;justify-self:start;margin-top:2px}.subdomain-origin-layout{grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"origin-ip origin-ip""recommended-port test-button""test-result test-result"}}@container subdomain-step (max-width:400px){.subdomain-step-content,.subdomain-waf-option,.subdomain-register-actions{padding-left:0}.subdomain-origin-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"origin-ip""recommended-port""test-button""test-result"}.subdomain-recommended-port,.subdomain-test-button{width:100%}.subdomain-ssl-options{grid-template-columns:minmax(0,1fr)}.subdomain-ssl-option{grid-template-columns:18px minmax(0,1fr)}.subdomain-ssl-option>b{grid-column:2;justify-self:start}.subdomain-register-actions{flex-direction:column;align-items:stretch}.subdomain-register-actions .guard-action-button{width:100%;min-width:0}}html[data-theme=dark] .subdomain-create-back-button{background:var(--color-surface)}@media (max-width:820px){.guard-subdomain-create{display:none}.guard-split.drill>.guard-subdomain-create{display:flex}.guard-split.drill>.guard-detail.guard-detail-hidden{display:none}.subdomain-step-content,.subdomain-waf-option,.subdomain-register-actions{margin-left:0;padding-left:0}.subdomain-test-result{margin-left:0}}@media (max-width:620px){.subdomain-step-card{padding:17px 15px}.subdomain-test-result{grid-template-columns:36px minmax(0,1fr)}}@media (max-width:420px){.subdomain-create-step-count{display:none}.subdomain-name-control>span{max-width:54%;font-size:12px}}
.cert-page,.cert-summary,.cert-list-card,.cert-tools{min-width:0}.cert-page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.cert-button{min-height:42px;color:var(--color-heading);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.cert-button svg{width:17px;height:17px}.cert-button-primary{background:var(--color-brand);color:#fff}.cert-button-primary:hover{background:var(--color-brand-strong)}.cert-button-secondary{border-color:var(--color-line-strong);background:var(--color-surface)}.cert-button-secondary:hover{border-color:var(--color-brand);color:var(--color-brand-strong)}html[data-theme=dark] .cert-button-primary{color:var(--color-bg)}.cert-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.cert-summary-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:14px;align-items:flex-start;gap:14px;min-height:112px;padding:18px;display:flex}.cert-summary-icon,.cert-notice-icon,.cert-tool-icon{border:1px solid color-mix(in srgb, var(--color-brand) 28%, var(--color-line));background:var(--color-brand-soft);color:var(--color-brand-strong);flex:none;place-items:center;display:grid}.cert-summary-icon{border-radius:11px;width:38px;height:38px}.cert-summary-icon svg,.cert-notice-icon svg,.cert-tool-icon svg{width:18px;height:18px}.cert-summary-plain-icon{width:30px;height:30px;color:var(--color-brand-strong);flex:0 0 30px;place-items:center;display:grid}.cert-summary-plain-icon svg{stroke-width:1.8px;width:24px;height:24px}.cert-summary-card-warning .cert-summary-plain-icon{color:var(--color-warning)}.cert-summary-card-brand .cert-summary-plain-icon{color:var(--color-blue)}.cert-summary-card-warning .cert-summary-icon{border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));color:var(--color-warning)}.cert-summary-card-brand .cert-summary-icon{border-color:color-mix(in srgb, var(--color-blue) 30%, var(--color-line));background:color-mix(in srgb, var(--color-blue) 10%, var(--color-surface));color:var(--color-blue)}.cert-summary-card>div>span,.cert-summary-card small{display:block}.cert-summary-card>div>span{color:var(--color-muted);margin-bottom:4px;font-size:12px;font-weight:750}.cert-summary-card strong{color:var(--color-heading);letter-spacing:-.025em;font-size:24px;line-height:1.2;display:block}.cert-summary-card small{color:var(--color-subtle);margin-top:5px;font-size:12px}.cert-renewal-notice{border:1px solid color-mix(in srgb, var(--color-warning) 34%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface));border-radius:14px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:18px;padding:15px 17px;display:grid}.cert-notice-icon{border-color:color-mix(in srgb, var(--color-warning) 38%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 13%, var(--color-surface));width:40px;height:40px;color:var(--color-warning);border-radius:11px}.cert-notice-copy strong{color:var(--color-heading);font-size:13px;display:block}.cert-notice-copy p{color:var(--color-muted);margin:3px 0 0;font-size:12px;line-height:1.55}.cert-guide-link{color:var(--color-brand-strong);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px;font-weight:800}.cert-guide-link:hover{color:var(--color-brand)}.cert-list-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);margin-bottom:18px;overflow:hidden}.cert-section-header{justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 20px 15px;display:flex}.cert-section-header h2,.cert-tool-copy h2{color:var(--color-heading);letter-spacing:-.015em;margin:0;font-size:15px}.cert-section-header p{color:var(--color-subtle);margin:4px 0 0;font-size:12px}.cert-section-actions{align-items:center;gap:12px;display:flex}.service-list-title{color:inherit}.service-list-title:hover,.service-list-link:hover{color:var(--color-brand-strong)}.service-list-link{color:var(--color-brand-strong);white-space:nowrap;font-size:12px;font-weight:800}.cert-count{border:1px solid var(--color-line);background:var(--color-surface-soft);min-height:27px;color:var(--color-muted);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:800}.cert-table-wrap{contain:paint;width:100%;overflow-x:auto}.cert-list-wrap{container:cert-list/inline-size}.cert-list-wrap .cert-table{table-layout:fixed}.cert-list-wrap .cert-table th,.cert-list-wrap .cert-table td{padding-left:12px;padding-right:12px}.cert-list-wrap .cert-table th:first-child{width:28%}.cert-list-wrap .cert-table th:nth-child(2){width:15%}.cert-list-wrap .cert-table th:nth-child(3){width:14%}.cert-list-wrap .cert-table th:nth-child(4),.cert-list-wrap .cert-table th:nth-child(5){width:16%}.cert-list-wrap .cert-table th:nth-child(6){width:11%}.cert-table{border-collapse:collapse;width:100%;font-size:12px}.cert-table th{background:var(--color-surface-soft);color:var(--color-subtle);text-align:left;letter-spacing:.04em;text-transform:uppercase;padding:10px 16px;font-size:12px;font-weight:800}.cert-table td{border-top:1px solid var(--color-line);color:var(--color-muted);vertical-align:middle;padding:14px 16px}.cert-table th:nth-child(2),.cert-table td:nth-child(2){text-align:center}.cert-table tbody tr:hover{background:color-mix(in srgb, var(--color-brand-soft) 38%, transparent)}.cert-identity{align-items:center;gap:9px;min-width:0;display:flex}.cert-identity>div{min-width:0}.cert-identity strong,.cert-identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cert-identity strong,.cert-identity div>span{display:block}.cert-identity strong{color:var(--color-heading);font-size:12px}.cert-identity div>span{max-width:240px;color:var(--color-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.cert-status{background:var(--color-success-soft);min-height:25px;color:var(--color-success);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:4px 9px;font-size:12px;font-weight:850;display:inline-flex}.cert-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.cert-status.renewSoon{background:var(--color-warning-soft);color:var(--color-warning)}.cert-status.reissue{background:var(--color-brand-soft);color:var(--color-brand-strong)}.cert-date,.cert-date-stack time{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.cert-date-stack{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.cert-date-stack span{background:var(--color-raised);color:var(--color-muted);border-radius:999px;padding:3px 6px;font-size:12px;font-weight:750;line-height:1.2}.cert-date-stack.warning time,.cert-date-stack.warning span{color:var(--color-warning)}.cert-date-stack.warning span{background:var(--color-warning-soft)}.cert-date-stack.danger time,.cert-date-stack.danger span{color:var(--color-danger)}.cert-date-stack.danger span{background:var(--color-danger-soft)}.cert-table-action{white-space:nowrap;border:1px solid var(--color-line);background:var(--color-surface);min-height:30px;color:var(--color-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.cert-table-action:hover{border-color:var(--color-brand);color:var(--color-brand-strong)}.cert-row-action{text-align:right}.cert-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cert-tool-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;min-height:236px;padding:19px;display:flex}.cert-tool-card-guard{border-color:color-mix(in srgb, var(--color-brand) 34%, var(--color-line));background:color-mix(in srgb, var(--color-brand) 6%, var(--color-surface))}.cert-tool-icon{border-radius:11px;width:40px;height:40px;margin-bottom:15px}.cert-tool-icon-warning{border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-line));background:color-mix(in srgb, var(--color-warning) 11%, var(--color-surface));color:var(--color-warning)}.cert-tool-copy p{color:var(--color-muted);margin:7px 0 0;font-size:12px;line-height:1.6}.cert-format-list{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.cert-format-list span{border:1px solid var(--color-line);background:var(--color-surface-soft);color:var(--color-muted);border-radius:7px;padding:4px 8px;font-size:12px;font-weight:850}.cert-guard-note{color:var(--color-success);align-items:center;gap:6px;margin-top:13px;font-size:12px;font-weight:800;display:inline-flex}.cert-guard-note svg{width:14px;height:14px}.cert-tool-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.service-placeholder-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);flex-direction:column;justify-content:center;align-items:flex-start;max-width:720px;min-height:250px;padding:28px;display:flex}.service-placeholder-card .cert-tool-icon{margin-bottom:17px}.service-placeholder-card h2{color:var(--color-heading);margin:0;font-size:17px}.service-placeholder-card p{max-width:520px;color:var(--color-muted);margin:8px 0 22px;font-size:12px;line-height:1.65}@media (max-width:1180px){.cert-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-tool-card-guard{grid-column:1/-1;min-height:210px}}@media (max-width:820px){.cert-page-header{grid-template-columns:minmax(0,1fr);align-items:flex-start;display:grid}.cert-page-header .cert-button{width:100%}.cert-renewal-notice{grid-template-columns:40px minmax(0,1fr)}.cert-renewal-notice .cert-guide-link{grid-column:2;justify-self:start}.cert-table-wrap{padding:0 12px 12px;overflow-x:visible}.cert-table,.cert-table tbody{width:100%;min-width:0;display:block}.cert-table thead{display:none}.cert-table tbody{gap:10px;display:grid}.cert-table tbody tr{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;padding:13px 14px;display:grid}.cert-table td{border-top:0;min-width:0;padding:0;display:block}.cert-table td:first-child,.cert-table .cert-row-action{grid-column:1/-1}.cert-table td[data-label]:before{content:attr(data-label);color:var(--color-subtle);letter-spacing:.04em;text-transform:uppercase;text-align:left;margin-bottom:4px;font-size:12px;font-weight:850;display:block}.cert-row-action{border-top:1px solid var(--color-line)!important;padding-top:10px!important}.cert-table-action{width:100%}}@media (max-width:680px){.cert-summary,.cert-tools{grid-template-columns:minmax(0,1fr)}.cert-tool-card-guard{grid-column:auto;min-height:236px}.cert-section-header{flex-direction:column;align-items:stretch;padding:18px 17px 14px}.cert-section-actions{justify-content:space-between}.cert-tool-actions{flex-direction:column;align-items:stretch}.cert-tool-actions .cert-guide-link{align-self:flex-start}.cert-tool-actions .cert-button{width:100%}}@container cert-list (max-width:720px){.cert-table-wrap{padding:0 12px 12px;overflow-x:visible}.cert-table,.cert-table tbody{width:100%;min-width:0;display:block}.cert-table thead{display:none}.cert-table tbody{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:10px;display:grid}.cert-table tbody tr{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;padding:13px 14px;display:grid}.cert-table td{border-top:0;min-width:0;padding:0;display:block}.cert-table td:first-child,.cert-table .cert-row-action{grid-column:1/-1}.cert-table td[data-label]:before{content:attr(data-label);color:var(--color-subtle);letter-spacing:.04em;text-transform:uppercase;text-align:left;margin-bottom:4px;font-size:12px;font-weight:850;display:block}.cert-row-action{border-top:1px solid var(--color-line)!important;padding-top:10px!important}.cert-table-action{width:100%}}
.guard-dashboard-notice{border-color:color-mix(in srgb, var(--color-danger) 30%, var(--color-line));background:color-mix(in srgb, var(--color-danger) 6%, var(--color-surface))}.guard-dashboard-notice .cert-notice-icon{border-color:color-mix(in srgb, var(--color-danger) 36%, var(--color-line));background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));color:var(--color-danger)}.guard-dashboard-table{table-layout:fixed;min-width:1120px}.guard-dashboard-table th{white-space:nowrap}.guard-dashboard-table th:first-child{width:275px}.guard-dashboard-table th:nth-child(2){width:190px}.guard-dashboard-table th:nth-child(3){width:155px}.guard-dashboard-table th:nth-child(4){width:165px}.guard-dashboard-table th:nth-child(5){width:130px}.guard-dashboard-table th:nth-child(6),.guard-dashboard-table th:nth-child(7){width:95px}.guard-dashboard-table th:nth-child(2),.guard-dashboard-table th:nth-child(5),.guard-dashboard-table th:nth-child(6),.guard-dashboard-table td:nth-child(2),.guard-dashboard-table td:nth-child(5),.guard-dashboard-table td:nth-child(6),.guard-domain-parent-row td:nth-child(4){text-align:center}.guard-dashboard-table th:nth-child(7),.guard-dashboard-table td:nth-child(7){text-align:right}.guard-dashboard-table tbody tr[role=link]{cursor:pointer;outline:none}.guard-dashboard-table tbody tr[role=link]:focus-visible{box-shadow:inset 3px 0 0 var(--color-brand)}.guard-domain-parent-row td{border-top-color:var(--color-line-strong);background:color-mix(in srgb, var(--color-brand) 3%, var(--color-surface))}.guard-subdomain-row td{border-top-color:var(--color-line-soft)}.guard-dashboard-domain-identity,.guard-dashboard-subdomain-identity{align-items:center;gap:10px;min-width:0;display:flex}.guard-dashboard-domain-identity{max-width:242px}.guard-dashboard-domain-icon{width:18px;height:18px;color:var(--color-heading);flex:0 0 18px;place-items:center;display:grid}.guard-dashboard-domain-icon svg{stroke-width:1.8px;width:17px;height:17px}.guard-dashboard-domain-identity>div,.guard-dashboard-subdomain-identity>div{min-width:0}.guard-dashboard-domain-name{align-items:center;gap:8px;display:flex}.guard-dashboard-domain-name strong,.guard-dashboard-subdomain-identity strong{min-width:0;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.guard-dashboard-domain-name strong{font-size:14px}.guard-dashboard-subdomain-identity strong{font-size:12px}.guard-subdomain-count-badge{background:var(--color-raised);color:var(--color-muted);white-space:nowrap;border-radius:999px;flex:none;padding:4px 7px;font-size:12px;font-weight:800}.guard-domain-parent-row .plan-badge.compact{margin-left:0}.guard-dashboard-subdomain-identity{padding-left:10px}.guard-dashboard-branch{color:var(--color-line-strong);font-size:15px}.guard-dashboard-ssl{text-overflow:ellipsis;white-space:nowrap;border-radius:7px;max-width:190px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1.35;display:inline-block;overflow:hidden}.guard-dashboard-ssl.included{background:var(--color-brand-soft);color:var(--color-brand-strong)}.guard-dashboard-ssl.paid{background:var(--color-success-soft);color:var(--color-success)}.guard-dashboard-date{gap:3px;min-width:92px;display:grid}.guard-dashboard-date time{color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:750}.guard-dashboard-date span{color:var(--color-subtle);font-size:12px;font-weight:750}.guard-dashboard-date.expiry{align-items:center;gap:8px;min-width:120px;display:flex}.guard-dashboard-date.expiry span,.guard-dashboard-date.renewal span{background:var(--color-raised);color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:3px 6px;line-height:1.2}.guard-dashboard-date.renewal{align-items:center;gap:8px;min-width:120px;display:flex}.guard-dashboard-date.warning time,.guard-dashboard-date.warning span{color:var(--color-warning)}.guard-dashboard-date.warning span{background:var(--color-warning-soft)}.guard-dashboard-date.danger time,.guard-dashboard-date.danger span{color:var(--color-danger)}.guard-dashboard-date.danger span{background:var(--color-danger-soft)}.guard-renewal-cycle-badge{border:1px solid color-mix(in srgb, var(--color-success) 36%, var(--color-line));background:color-mix(in srgb, var(--color-success) 14%, var(--color-surface));color:var(--color-success);white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:12px;font-weight:800}.guard-security-result{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.guard-security-result.safe{background:var(--color-success-soft);color:var(--color-success)}.guard-security-result.warning{background:var(--color-warning-soft);color:var(--color-warning)}.guard-parent-empty{color:var(--color-line-strong)}.cert-status.guard-status-ok{background:var(--color-success-soft);color:var(--color-success)}.cert-status.guard-status-warn{background:var(--color-warning-soft);color:var(--color-warning)}.cert-status.guard-status-err{background:var(--color-danger-soft);color:var(--color-danger)}.guard-table-number{color:var(--color-heading);font-variant-numeric:tabular-nums}@media (max-width:820px){.guard-dashboard-table{min-width:0}.guard-dashboard-table .guard-domain-parent-row{border-color:color-mix(in srgb, var(--color-brand) 28%, var(--color-line));background:color-mix(in srgb, var(--color-brand) 4%, var(--color-surface))}.guard-dashboard-table .guard-domain-parent-row .guard-parent-empty{display:none}.guard-dashboard-table .guard-subdomain-row{border-left:2px solid var(--color-line-strong);margin-left:12px}.guard-dashboard-domain-identity,.guard-dashboard-subdomain-identity{min-width:0;max-width:none}.guard-dashboard-subdomain-identity{padding-left:0}.guard-dashboard-ssl{max-width:100%}}