:root{--bg:#f7f8f5;--bg2:#f2f4ef;--card:#fff;--card2:#f8faf6;--bd:#e4e8df;--bd2:#d7ddd2;--tx:#4f5350;--tx2:#707570;--tx3:#8c928b;--green:#94c01f;--cyan:#77a315;--hot:#d9822b;--red:#c64a4a;--r:16px;--rs:11px;--sj-heading:#2f332f;--sj-soft:#f1f7e3;--sj-shadow:0 8px 24px rgba(47,51,47,.06)}
html,body{background:var(--bg);color:var(--tx);font-family:Manrope,"Segoe UI",system-ui,-apple-system,sans-serif}.app{background:var(--bg)}h1,h2,h3,b,strong{color:var(--sj-heading)}
.sidebar{width:264px;flex-basis:264px;background:#fff;border-right:1px solid var(--bd);box-shadow:none}.brand{padding:20px 22px;height:76px;border-bottom:1px solid var(--bd);gap:11px}.sj-radar-logo{display:grid;width:36px;height:36px;place-items:center;color:var(--green)}.sj-radar-logo svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8}.sj-radar-logo .dot{fill:var(--green);stroke:none}.sj-logo-text b,.sj-brandmark b{font-size:18px;letter-spacing:-.04em}.sj-logo-text em,.sj-brandmark em{font-style:normal;color:var(--green)}.sj-logo-text small,.sj-brandmark small{display:block;color:var(--tx3);font-size:9px;letter-spacing:.14em;margin-top:-1px}.navgroup{padding:22px 22px 8px;font-size:10px;color:var(--tx3);font-weight:800;letter-spacing:.12em}.nav{padding:0 12px;gap:3px}.nav a{gap:12px;padding:11px 12px;color:#5f655f;font-size:14px;font-weight:650;border-radius:10px}.nav a:hover{background:#f5f6f3;color:var(--sj-heading)}.nav a.on{background:var(--sj-soft);color:#4f7108}.nav a.on:before{left:-12px;top:9px;bottom:9px;background:var(--green);box-shadow:none}.nav a .badge{background:#edf5dc;color:#5c7f0b}.sj-icon{width:18px;height:18px;flex:0 0 18px}.side-foot{padding:14px}.acct{background:#f6f7f4;border-color:var(--bd);box-shadow:none}.acctmenu{background:#fff;border-color:var(--bd2);box-shadow:0 20px 50px rgba(30,40,30,.12)}.acctmenu a:hover{background:#f4f6f1}.av{background:#e8f0d6;color:#4f7108}.acct .pl{color:#658c0d}.topbar{height:76px;padding:12px 28px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--bd);backdrop-filter:blur(12px)}.sj-top-title{display:flex;flex-direction:column}.sj-top-title b{font-size:18px}.sj-top-title small{font-size:11px;color:var(--tx3)}.iconbtn,.burger{background:#fff;border-color:var(--bd)}.iconbtn:hover,.burger:hover{background:#f6f7f4}.sj-profile{display:grid}.page{padding:30px 32px;max-width:1520px}.pagehead{margin-bottom:24px}.pagehead .sub{color:var(--tx2)}
.card,.kpi,.opp{background:#fff;border-color:var(--bd);box-shadow:var(--sj-shadow)}.glass{background:#fff;border-color:var(--bd);box-shadow:var(--sj-shadow)}.btn{border-radius:10px;font-weight:750}.btn-p{background:var(--green);color:#233000;box-shadow:none}.btn-p:hover{background:#88b11b;box-shadow:0 5px 16px rgba(148,192,31,.18);filter:none}.btn-s{background:#fff;border-color:var(--bd2);color:var(--sj-heading)}.btn-s:hover{background:#f6f7f4}.btn-g{color:var(--tx2);border-color:var(--bd2)}.tag{font-weight:750}.t-live{background:#eff7df;color:#5a7e0a}.t-cy{background:#eef5e1;color:#668b11}.t-n{background:#f1f2ef;color:#707570}.t-hot{background:#fff1e5;color:#ad611d}.pulsedot{background:var(--green);box-shadow:none}.bar{background:#edf0e9}.bar>i{background:var(--green)}.kpi:after{display:none}.kpi .lbl{color:var(--tx2);font-weight:650}.kpi .val{color:var(--sj-heading)}.quote{color:var(--sj-heading);border-left-color:var(--green)}.why{background:#f8f9f6;border-color:var(--bd);color:var(--tx2)}.why b{color:#658c0d}.field input,.field select,.field textarea,input,select,textarea{background:#fff;border-color:var(--bd2);color:var(--tx);border-radius:10px}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #f0f6df;outline:none}.table th{color:var(--tx3);border-color:var(--bd);font-weight:800}.table td{border-color:var(--bd)}.table tbody tr:hover{background:#fafbf8}.sep,.row{border-color:var(--bd)}.sep{background:var(--bd)}.alert-flash{margin:16px 32px 0;border-radius:12px}.alert-flash.success{background:#eff7df;border-color:#d8e8b3;color:#55750b}.alert-flash.error{background:#fff0ef;border-color:#efcfcb;color:#9b3939}.modal{background:#fff;border-color:var(--bd2);box-shadow:0 40px 80px rgba(30,40,30,.18)}.backdrop{background:rgba(40,45,40,.42)}.bottomnav{background:rgba(255,255,255,.96);border-top-color:var(--bd)}.bottomnav a{color:var(--tx2)}.bottomnav a.on{color:#5e820b}.bottomnav .sj-icon{width:19px;height:19px}
/* Admin/SaaS building blocks */.sj-eyebrow{display:inline-block;color:#6c9411;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sj-section{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:22px;box-shadow:var(--sj-shadow)}.sj-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.sj-section-head h2{margin:0}.sj-section-head p{margin:3px 0 0;color:var(--tx2);font-size:13.5px}.sj-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}.sj-kpi{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:18px;box-shadow:var(--sj-shadow)}.sj-kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sj-kpi .sj-icon{width:21px;height:21px;color:var(--green)}.sj-kpi-label{font-size:13px;color:var(--tx2);font-weight:650}.sj-kpi-value{font-size:28px;font-weight:850;color:var(--sj-heading);line-height:1.1;margin-top:8px}.sj-kpi-note{font-size:11.5px;color:var(--tx3);margin-top:7px}.sj-status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;background:#eff7df;color:#5a7e0a}.sj-status.off{background:#f4eeee;color:#9b4c4c}.sj-actions{display:flex;gap:8px;flex-wrap:wrap}.sj-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sj-formgrid .full{grid-column:1/-1}.sj-note{background:var(--sj-soft);border:1px solid #d9e8b6;color:#526b1d;border-radius:12px;padding:14px 16px;font-size:13.5px}.sj-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f5f7f2;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;word-break:break-all;font-size:12.5px}.sj-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.sj-tabs a{padding:8px 12px;border:1px solid var(--bd);border-radius:9px;background:#fff;font-size:13px;font-weight:700}.sj-tabs a.on{background:var(--sj-soft);border-color:#d7e8b1;color:#56790a}
/* Login */.sj-login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);background:#fff}.sj-login-brand{padding:46px 7vw;display:flex;flex-direction:column;background:linear-gradient(145deg,#f7f9f3,#eef5df);border-right:1px solid var(--bd)}.sj-brandmark{display:flex;align-items:center;gap:10px;width:max-content}.sj-login-copy{margin:auto 0;max-width:610px}.sj-login-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.045em;margin:12px 0 18px}.sj-login-copy p{font-size:17px;color:var(--tx2);max-width:540px}.sj-checks{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.sj-checks span{font-size:13px;font-weight:750;color:#536d1c}.sj-login-form{display:grid;place-items:center;padding:40px}.sj-login-card{width:min(440px,100%);background:#fff;border:1px solid var(--bd);border-radius:18px;padding:30px;box-shadow:0 22px 60px rgba(45,55,40,.08)}.sj-login-card h2{font-size:26px;margin:6px 0 5px}.sj-login-card .alert-flash{margin:16px 0}
@media(max-width:1080px){.sj-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.sidebar{box-shadow:0 20px 70px rgba(40,45,40,.18)}.page{padding:18px 16px 88px}.topbar{padding:10px 16px}.sj-kpis{grid-template-columns:1fr 1fr}.sj-login{grid-template-columns:1fr}.sj-login-brand{min-height:340px;padding:28px 24px}.sj-login-copy h1{font-size:34px}.sj-login-form{padding:28px 18px}.sj-section{padding:17px}.sj-formgrid{grid-template-columns:1fr}.sj-formgrid .full{grid-column:auto}}
@media(max-width:560px){.sj-kpis{grid-template-columns:1fr}.sj-login-brand{min-height:300px}.sj-login-copy h1{font-size:30px}.sj-checks{gap:8px;flex-direction:column}.tablewrap{overflow-x:auto}.sj-section-head{flex-direction:column}.pagehead .right{margin-left:0;width:100%}.pagehead .right .btn{flex:1}.sj-top-title small{display:none}}
/* Support */
.sj-ticket-list{display:flex;flex-direction:column;gap:9px}.sj-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid var(--bd);border-radius:12px;background:#fff;color:inherit;text-decoration:none}.sj-ticket-row:hover{background:#fafbf8;border-color:#d9dfd3}.sj-ticket-row div{display:flex;flex-direction:column;gap:4px}.sj-ticket-row small{color:var(--tx3)}.sj-ticket-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#fff1df;color:#9c651d}.sj-ticket-status.waiting_customer{background:#eef5e1;color:#648512}.sj-ticket-status.closed{background:#f0f1ef;color:#767b76}.sj-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.sj-conversation{display:flex;flex-direction:column;gap:14px}.sj-message{max-width:86%;border:1px solid var(--bd);border-radius:14px;padding:14px 16px;background:#f8faf6}.sj-message.staff{margin-left:auto;background:#f1f7e3;border-color:#dce9bd}.sj-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.sj-message-meta span{color:var(--tx3)}.sj-message-body{line-height:1.65;overflow-wrap:anywhere}.sj-replybox{border-top:1px solid var(--bd);margin-top:20px;padding-top:20px}.sj-ticket-side{height:max-content;position:sticky;top:96px}.sj-empty{padding:26px;text-align:center;color:var(--tx3);border:1px dashed var(--bd2);border-radius:12px;background:#fafbf8}
@media(max-width:900px){.sj-ticket-layout{grid-template-columns:1fr}.sj-ticket-side{position:static}.sj-message{max-width:100%}}@media(max-width:560px){.sj-ticket-row{align-items:flex-start;flex-direction:column}.sj-ticket-status{align-self:flex-start}.sj-message-meta{align-items:flex-start;flex-direction:column;gap:2px}}