:root{--bg-gradient:radial-gradient(circle at top left,rgba(15,118,110,0.10),transparent 28%),linear-gradient(135deg,#f6f2ea,#ede4d7 55%,#e3d9cb);--surface:rgba(255,255,255,0.82);--surface-soft:rgba(255,255,255,0.56);--line:rgba(42,35,28,0.12);--line-strong:rgba(42,35,28,0.2);--text:#1f1812;--text-soft:#3f3427;--muted:#6f6558;--accent:#0f766e;--accent-soft:rgba(15,118,110,0.12);--accent-strong:#0b5d57;--danger:#b8440c;--shadow-sm:0 2px 8px rgba(36,28,21,0.05);--shadow-md:0 8px 28px rgba(36,28,21,0.08);--shadow-lg:0 18px 60px rgba(36,28,21,0.12);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.7;letter-spacing:.01em;color:var(--text);background:var(--bg-gradient);min-height:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{color:var(--text);letter-spacing:-.005em;line-height:1.35;font-weight:600}h1{font-size:1.75rem;margin:0 0 6px}h2{font-size:1.125rem}h2,h3{margin:0}h3{font-size:1rem}p{margin:0;line-height:1.75;color:var(--text-soft)}strong{font-weight:600;color:var(--text)}.brand p,.muted,.panel-header p{color:var(--muted);font-size:.9375rem;line-height:1.7}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:32px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.35);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px;padding:0 6px}.brand>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.brand strong{font-size:.9375rem;letter-spacing:.01em}.brand p{font-size:.8125rem;margin:0;line-height:1.4}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#0f766e,#f97316);box-shadow:0 0 0 6px var(--accent-soft);flex-shrink:0}.nav-links{display:grid;grid-gap:4px;gap:4px}.nav-link{padding:10px 14px;border-radius:12px;border:1px solid transparent;font-size:.9375rem;color:var(--text-soft);transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-link:hover{background:var(--surface-soft);color:var(--text)}.nav-link-active{background:var(--surface);border-color:var(--line);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(15,118,110,.18);font-weight:500}.nav-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.content{padding:36px 40px;width:100%;max-width:1280px}.hero{display:grid;grid-gap:18px;gap:18px}.hero-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.hero-card{padding:32px 34px;display:grid;grid-gap:10px;gap:10px}.hero-card .badge{justify-self:start;margin-bottom:6px}.hero-card p{max-width:62ch}.grid{display:grid;grid-gap:20px;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-body,.panel-header{padding:24px 28px}.panel-header{border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px}table{width:100%;border-collapse:collapse;font-size:.9375rem}thead th{text-align:left;padding:10px 14px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.3)}tbody td,thead th{border-bottom:1px solid var(--line)}tbody td{padding:16px 14px;vertical-align:top;line-height:1.65;color:var(--text-soft)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.35)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);text-transform:uppercase}.badge-danger{background:rgba(184,68,12,.12);color:var(--danger)}.stack{display:grid;grid-gap:16px;gap:16px}.card{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,255,255,.62);display:grid;grid-gap:6px;gap:6px}.card strong{font-size:.9375rem}.card p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.7}.mono-text{font-family:SFMono-Regular,SF Mono,JetBrains Mono,Fira Code,Roboto Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9375rem;color:var(--text);word-break:break-all}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:34px;box-shadow:var(--shadow-lg);display:grid;grid-gap:18px;gap:18px}.login-card .badge{justify-self:start}label{display:grid;grid-gap:8px;gap:8px;font-size:.875rem;font-weight:500;color:var(--text);letter-spacing:.01em}input,select,textarea{border:1px solid var(--line);border-radius:12px;padding:11px 14px;font:inherit;font-size:.9375rem;line-height:1.6;color:var(--text);background:rgba(255,255,255,.88);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(15,118,110,.5);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}textarea{resize:vertical;min-height:88px}input::placeholder,textarea::placeholder{color:rgba(31,24,18,.38)}button{border:0;border-radius:999px;padding:11px 20px;font:inherit;font-size:.9375rem;font-weight:500;letter-spacing:.01em;background:linear-gradient(135deg,#0f766e,#115e59);color:white;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease,background .12s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:disabled{cursor:not-allowed;opacity:.55}.button-secondary{background:rgba(255,255,255,.88);color:var(--text);border:1px solid var(--line)}.button-secondary:hover:not(:disabled){background:#fff;border-color:var(--line-strong)}.button-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff7ed}.nav-button{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-inline{padding:7px 14px;font-size:.875rem}.error-text{color:var(--danger)}.error-text,.success-text{margin:0;font-size:.875rem}.success-text{color:var(--accent)}.table-subtext{color:var(--muted);font-size:.8125rem;line-height:1.5;margin-top:4px;word-break:break-all}.badge-muted{background:rgba(63,52,39,.08);color:var(--muted)}.checkbox-row{display:flex;align-items:center;gap:10px;font-weight:500}.checkbox-row input[type=checkbox]{width:16px;height:16px;margin:0}.faq-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-form-grid-narrow{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.label-with-help,.th-with-help{display:inline-flex;align-items:center;gap:8px}.help-tooltip{position:relative;outline:none}.help-tooltip,.help-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.help-tooltip-trigger{width:18px;height:18px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;cursor:help}.help-tooltip-content{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:min(320px,70vw);display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--line);background:rgba(36,28,21,.96);color:#fff7ed;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:20;line-height:1.65}.help-tooltip:focus-within .help-tooltip-content,.help-tooltip:hover .help-tooltip-content{opacity:1}.help-tooltip-content strong{font-size:13px;letter-spacing:.02em}.help-tooltip-content span{font-size:12px;line-height:1.65}.conversation-thread{display:grid;grid-gap:14px;gap:14px}.bubble{padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid var(--line);line-height:1.7}.bubble[data-source=customer]{border-left:4px solid #0f766e}.bubble[data-source=bot]{border-left:4px solid #2563eb}.bubble[data-source=agent]{border-left:4px solid #f97316}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.content,.sidebar{padding:24px 20px}.faq-form-grid,.faq-form-grid-narrow,.faq-guide-grid,.grid-3{grid-template-columns:1fr}.hero-card,.login-card{padding:24px}.panel-body,.panel-header{padding:20px}}