@font-face{font-family:Cubron Grotesk;src:url(/fonts/CubronGrotesk-Light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cubron Grotesk;src:url(/fonts/CubronGrotesk-LightItalic.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Cubron Grotesk;src:url(/fonts/CubronGrotesk-SemiBold.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}:root{--wbs-dark:#232323;--wbs-lime:#caf1a2;--wbs-blue-grey:#363c46;--wbs-light-grey:#e8e8e8;--wbs-white:#fff;--wbs-black:#0f0f0f;--wbs-lime-hover:#b8e08f;--wbs-lime-soft:#e5f8d4;--surface-bg:var(--wbs-dark);--surface-raised:var(--wbs-blue-grey);--surface-inverse:var(--wbs-light-grey);--hairline:#ffffff14;--hairline-strong:#ffffff29;--hairline-dark:#0f0f0f14;--fg-1:var(--wbs-white);--fg-2:#ffffffb8;--fg-3:#ffffff85;--fg-accent:var(--wbs-lime);--fg-on-light-1:var(--wbs-dark);--fg-on-light-2:#232323ad;--fg-on-light-3:#2323237a;--overlay-image:#23232380;--overlay-scrim:#232323e0;--font-sans:"Cubron Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-light:300;--fw-semi:600;--fs-hero:clamp(56px, 7.2vw, 104px);--fs-h1:clamp(40px, 4.6vw, 64px);--fs-h2:clamp(32px, 3.2vw, 44px);--fs-h3:28px;--fs-h4:22px;--fs-body-lg:20px;--fs-body:18px;--fs-body-sm:16px;--fs-caption:13px;--fs-eyebrow:13px;--lh-tight:1.04;--lh-snug:1.18;--lh-normal:1.5;--lh-loose:1.65;--ls-hero:-.02em;--ls-tight:-.01em;--ls-normal:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;--grid-max:1200px;--grid-cols:12;--grid-gutter:32px;--section-py-desk:96px;--section-py-mob:64px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-card:0 1px 2px #0000004d, 0 8px 24px #0000003d;--shadow-raised:0 2px 4px #00000052, 0 18px 48px #00000052;--shadow-lime:0 4px 16px #caf1a24d;--shadow-lime-soft:0 2px 10px #caf1a22e;--ease:cubic-bezier(.2, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--hover-lift:translateY(-2px);--hover-scale:scale(1.02)}*{box-sizing:border-box}html,body{background:var(--surface-bg);color:var(--fg-1);font-family:var(--font-sans);font-weight:var(--fw-light);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1{font-weight:var(--fw-semi);font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--ls-hero);margin:0}h2{font-weight:var(--fw-semi);font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);margin:0}h3{font-weight:var(--fw-semi);font-size:var(--fs-h3);line-height:var(--lh-snug);margin:0}h4{font-weight:var(--fw-semi);font-size:var(--fs-h4);line-height:var(--lh-snug);margin:0}p,.body{font-weight:var(--fw-light);font-size:var(--fs-body);line-height:var(--lh-normal)}.body-sm{font-size:var(--fs-body-sm);line-height:var(--lh-normal)}.caption{font-size:var(--fs-caption);color:var(--fg-3)}.eyebrow{font-size:var(--fs-eyebrow);color:var(--fg-3)}code,.mono{font-family:var(--font-mono);font-size:.92em}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:0 0 0 2px var(--wbs-dark), 0 0 0 4px var(--wbs-lime), var(--shadow-lime);outline:none}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sb{border-right:1px solid var(--hairline);gap:var(--sp-3);background:#1c1c1c;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sb-brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.sb-brand img{width:auto;height:30px}.sb-section-label{color:var(--fg-3);letter-spacing:0;padding:8px 8px 4px;font-size:11px}.sb-nav{flex-direction:column;gap:2px;display:flex}.sb-item{cursor:pointer;color:var(--fg-2);transition:background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;font-weight:300;text-decoration:none;display:flex}.sb-item:hover{color:var(--fg-1);background:#ffffff0a}.sb-item-active{color:var(--wbs-lime);background:#caf1a21a}.sb-item-active .sb-dot{background:var(--wbs-lime);box-shadow:0 0 8px var(--wbs-lime)}.sb-dot{background:#fff3;border-radius:999px;flex:none;width:5px;height:5px}.sb-icon{flex:none;width:16px;height:16px}.sb-bottom{padding-top:var(--sp-4);border-top:1px solid var(--hairline);flex-direction:column;gap:2px;margin-top:auto;display:flex}.sb-user{align-items:center;gap:10px;padding:10px 8px;display:flex}.sb-avatar{background:var(--wbs-blue-grey);width:30px;height:30px;color:var(--wbs-lime);letter-spacing:-.01em;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sb-user-name{letter-spacing:-.01em;font-size:12px;font-weight:600}.sb-user-role{color:var(--fg-3);font-size:12px}.main{flex-direction:column;min-width:0;display:flex}.tb{border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#232323e0;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.tb-breadcrumb{color:var(--fg-3);align-items:center;gap:10px;font-size:14px;display:flex}.tb-chev{opacity:.5}.tb-crumb-active{color:var(--fg-1);letter-spacing:-.01em;font-weight:600}.tb-right{align-items:center;gap:var(--sp-4);display:flex}.tb-search{background:var(--wbs-blue-grey);border:1px solid var(--hairline);color:var(--fg-3);border-radius:10px;align-items:center;gap:8px;min-width:280px;padding:7px 10px;display:flex}.tb-search input{all:unset;color:var(--fg-1);flex:1;font-family:inherit;font-size:14px;font-weight:300}.tb-search input::placeholder{color:var(--fg-3)}.tb-icon{border:1px solid var(--hairline);width:34px;height:34px;color:var(--fg-2);cursor:pointer;transition:all var(--dur-base) var(--ease);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.tb-icon:hover{color:var(--wbs-lime);border-color:#caf1a266}.tb-badge{background:var(--wbs-lime);width:6px;height:6px;box-shadow:0 0 6px var(--wbs-lime);border-radius:999px;position:absolute;top:7px;right:7px}.content{gap:var(--sp-5);flex-direction:column;max-width:1180px;padding:28px;display:flex}.content-2col{gap:var(--sp-5);grid-template-columns:1fr 340px;align-items:start;display:grid}.col-main{gap:var(--sp-5);flex-direction:column;min-width:0;display:flex}.page-head h1{letter-spacing:-.02em;margin:0 0 6px;font-size:32px}.page-head p{color:var(--fg-2);margin:0;font-size:15px}.page-head-row{justify-content:space-between;align-items:flex-start;gap:var(--sp-5);display:flex}.btn{letter-spacing:-.01em;cursor:pointer;transition:all var(--dur-base) var(--ease);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--wbs-lime);color:var(--wbs-dark)}.btn-primary:hover{background:var(--wbs-lime-hover);transform:var(--hover-lift);box-shadow:var(--shadow-lime)}.btn-ghost{border:1px solid var(--hairline-strong);color:var(--fg-1);background:0 0}.btn-ghost:hover{border-color:var(--wbs-lime);color:var(--wbs-lime)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-lg{padding:13px 22px;font-size:15px}.btn .arrow{transition:transform var(--dur-base) var(--ease);display:inline-flex}.btn-primary:hover .arrow{transform:translate(3px)}.lang-switch{border:1px solid var(--hairline-strong);border-radius:var(--r-pill);background:#ffffff08;flex-shrink:0;align-items:stretch;padding:2px;display:inline-flex}.lang-switch button{appearance:none;color:var(--fg-2);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-pill);cursor:pointer;min-height:32px;transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);background:0 0;border:none;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1}.lang-switch button:hover{color:var(--fg-1)}.lang-switch button.active{background:var(--wbs-lime);color:var(--wbs-dark)}.lang-switch button:focus-visible{outline:2px solid var(--wbs-lime);outline-offset:2px;box-shadow:none}.kpi-row{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.kpi{background:var(--wbs-blue-grey);border-radius:var(--r-md);min-height:110px;transition:transform var(--dur-base) var(--ease);border:1px solid #0000;flex-direction:column;gap:6px;padding:16px;display:flex}.kpi:hover{transform:var(--hover-lift)}.kpi-featured{box-shadow:var(--shadow-lime-soft);border-color:#caf1a259}.kpi-label{color:var(--fg-3);font-size:12px}.kpi-value{letter-spacing:-.02em;font-size:30px;font-weight:600}.kpi-meta{color:var(--fg-2);font-size:12px}.panel{background:var(--wbs-blue-grey);border-radius:var(--r-md);border:1px solid var(--hairline);overflow:hidden}.panel-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.panel-head h3{letter-spacing:-.01em;margin:0;font-size:17px}.panel-body{padding:20px}.panel-actions{gap:6px;display:flex}.chip{border:1px solid var(--hairline);color:var(--fg-2);cursor:pointer;transition:all var(--dur-base) var(--ease);background:0 0;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:12px}.chip:hover{color:var(--fg-1);border-color:var(--hairline-strong)}.chip-active{color:var(--wbs-lime);background:#caf1a21f;border-color:#0000}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--hairline);padding:12px 20px;font-size:14px}.table th{color:var(--fg-3);font-size:12px;font-weight:300}.table tr:last-child td{border-bottom:none}.table tbody tr{cursor:pointer}.table tbody tr:hover td{background:#ffffff05}.t-muted{color:var(--fg-2)}.t-mono{color:var(--fg-3);font-family:ui-monospace,monospace;font-size:12px}.t-title{color:var(--fg-1);letter-spacing:-.01em;font-weight:600}.st-dot{vertical-align:middle;border-radius:999px;width:6px;height:6px;margin-right:10px;display:inline-block}.st-open{background:var(--wbs-lime);box-shadow:0 0 6px #caf1a280}.st-waiting{background:#e8c07a;box-shadow:0 0 6px #e8c07a66}.st-hold{background:#fff6}.st-resolved{background:#caf1a28c}.st-closed{background:#ffffff40}.badge{color:var(--fg-2);border:1px solid var(--hairline);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;display:inline-flex}.badge .st-dot{margin-right:0}.badge-resolved{background:var(--wbs-lime-soft);color:#3a6a12;border-color:#0000}.sys-tag{color:var(--fg-2);border:1px solid var(--hairline);letter-spacing:0;background:#ffffff0f;border-radius:999px;padding:3px 8px;font-size:11px;display:inline-block}.prio{color:var(--fg-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.prio-high:before{content:"";background:#e8a89a;border-radius:2px;width:6px;height:6px}.prio-normal:before{content:"";background:#ffffff4d;border-radius:2px;width:6px;height:6px}.prio-low:before{content:"";background:#ffffff2e;border-radius:2px;width:6px;height:6px}.field{margin-bottom:var(--sp-5);flex-direction:column;gap:7px;display:flex}.field label{color:var(--fg-2);letter-spacing:-.01em;font-size:14px;font-weight:600}.field .hint{color:var(--fg-3);font-size:12px}.input,.textarea,.select{all:unset;box-sizing:border-box;width:100%;color:var(--fg-1);background:var(--wbs-dark);border:1px solid var(--hairline-strong);transition:border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:15px;font-weight:300}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.input:focus,.textarea:focus,.select:focus{border-color:var(--wbs-lime);box-shadow:var(--shadow-lime-soft)}.textarea{resize:vertical;min-height:130px;line-height:var(--lh-normal)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:34px}.field-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.seg{flex-wrap:wrap;gap:8px;display:flex}.seg-opt{cursor:pointer;border:1px solid var(--hairline-strong);min-width:120px;transition:all var(--dur-base) var(--ease);background:var(--wbs-dark);border-radius:10px;flex-direction:column;flex:1;gap:3px;padding:12px 14px;display:flex}.seg-opt:hover{border-color:var(--hairline-strong);background:#ffffff05}.seg-opt-active{border-color:var(--wbs-lime);background:#caf1a214}.seg-opt-title{letter-spacing:-.01em;color:var(--fg-1);font-size:14px;font-weight:600}.seg-opt-desc{color:var(--fg-3);font-size:12px}.thread{gap:var(--sp-4);flex-direction:column;padding:20px;display:flex}.msg{flex-direction:column;gap:6px;max-width:76%;display:flex}.msg-customer{align-self:flex-end;align-items:flex-end}.msg-support{align-self:flex-start;align-items:flex-start}.msg-bubble{border-radius:var(--r-md);font-size:15px;line-height:var(--lh-normal);white-space:pre-wrap;padding:13px 16px}.msg-customer .msg-bubble{color:var(--fg-1);background:#caf1a21f;border:1px solid #caf1a238;border-bottom-right-radius:4px}.msg-support .msg-bubble{background:var(--wbs-dark);border:1px solid var(--hairline);color:var(--fg-1);border-bottom-left-radius:4px}.msg-meta{color:var(--fg-3);padding:0 4px;font-size:12px}.reply-box{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.reply-box .row{justify-content:flex-end;display:flex}.meta-list{flex-direction:column;gap:14px;display:flex}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-k{color:var(--fg-3);font-size:12px}.meta-v{color:var(--fg-1);font-size:15px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty h3{font-size:18px}.empty p{color:var(--fg-2);max-width:380px;font-size:15px}.spinner{border:2px solid var(--hairline-strong);border-top-color:var(--wbs-lime);border-radius:999px;width:22px;height:22px;animation:.7s linear infinite spin}.loading{color:var(--fg-3);justify-content:center;align-items:center;gap:12px;padding:56px;font-size:14px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.banner-error{color:#f0c7bd;background:#e8a89a1a;border:1px solid #e8a89a59;border-radius:10px;padding:12px 14px;font-size:14px}.gate{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.gate-aside{border-right:1px solid var(--hairline);background:#1c1c1c;flex-direction:column;justify-content:space-between;padding:56px;display:flex}.gate-aside .logo{align-self:flex-start;width:auto;height:52px}.gate-aside h1{letter-spacing:-.02em;font-size:clamp(36px,4vw,52px);line-height:1.05}.gate-aside .lead{color:var(--fg-2);max-width:440px;margin-top:16px;font-size:17px}.gate-points{flex-direction:column;gap:14px;margin-top:8px;display:flex}.gate-point{color:var(--fg-2);align-items:flex-start;gap:12px;font-size:15px;display:flex}.gate-point .dot{background:var(--wbs-lime);width:6px;height:6px;box-shadow:0 0 8px var(--wbs-lime);border-radius:999px;flex:none;margin-top:7px}.gate-main{justify-content:center;align-items:center;padding:40px;display:flex}.gate-card{flex-direction:column;gap:8px;width:100%;max-width:380px;display:flex}.gate-card .eyebrow{margin-bottom:4px}.gate-card h2{letter-spacing:-.01em;font-size:26px}.gate-card p{color:var(--fg-2);margin:4px 0 20px;font-size:15px}.gate-foot{color:var(--fg-3);font-size:12px;line-height:var(--lh-loose);margin-top:18px}@media (width<=1100px){.content-2col{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}.gate{grid-template-columns:1fr}.gate-aside{display:none}}@media (width<=760px){.app{grid-template-columns:1fr}.sb{display:none}.tb-search{width:140px;min-width:0}.field-row{grid-template-columns:1fr}.msg{max-width:90%}}