:root{--green:#12382a;--green2:#1f6248;--mint:#dff2e8;--bg:#f4f7f5;--line:#dce5df;--text:#17261f;--muted:#6c7c74;--white:#fff;--red:#b42318;--shadow:0 16px 40px rgba(22,55,42,.08)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#dcefe5 0,transparent 34%),linear-gradient(135deg,#f8faf9,#eef4f0)}.login-card{width:min(430px,100%);padding:38px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.logo{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--green);color:#fff;font-size:26px;font-weight:800;margin-bottom:26px}.logo.small{width:38px;height:38px;margin:0;font-size:18px;border-radius:12px;background:var(--mint);color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.04em;margin-bottom:8px}h2{font-size:21px;letter-spacing:-.03em}.kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#5a8873;margin-bottom:7px}.muted{color:var(--muted);line-height:1.6}.stack{display:grid;gap:15px;margin-top:26px}.stack label,.inline-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#53645c}input,textarea{border:1px solid #cfdcd4;border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,textarea:focus{border-color:#73ad92;box-shadow:0 0 0 3px #e1efe8}.button{border:0;border-radius:10px;padding:11px 15px;font-weight:750;font-size:12px;cursor:pointer}.button.primary{background:var(--green2);color:#fff}.button.ghost{background:#eef3f0;color:#40544a}.security-note{display:block;text-align:center;color:#7e8c85;margin-top:22px}.alert{border-radius:10px;padding:11px 13px;font-size:12px;margin:12px 0}.alert.error{background:#fff0ee;color:var(--red);border:1px solid #f3c8c2}.alert.success{background:#e8f6ee;color:#1d6b48;border:1px solid #b9dfca}.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{background:var(--green);padding:24px 16px 17px;color:#eaf6f0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 26px}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:10px;color:#a6c0b4;margin-top:3px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:12px;border-radius:10px;color:#acc5ba;font-size:12px}.sidebar nav a:hover,.sidebar nav a.active{background:#22503f;color:#fff}.sidebar nav a span{width:18px;text-align:center}.sidebar-user{margin-top:auto;border-top:1px solid #315344;padding:15px 7px 0;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:8px;color:#a8beb4;margin-top:3px}.avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:800}.avatar.large{width:43px;height:43px;border-radius:13px}.workspace{min-width:0}.topbar{height:88px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.topbar h1{font-size:22px;margin:0}.timestamp{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:#31a66c;box-shadow:0 0 0 4px #e1f2e9}.page-alert{margin:14px 28px 0}.assistant-layout{height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(540px,1fr) 290px}.chat-card{background:#fff;display:flex;flex-direction:column;min-height:0}.chat-title{height:63px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 30px}.chat-title strong,.chat-title small{display:block}.chat-title strong{font-size:12px}.chat-title small{font-size:9px;color:var(--muted);margin-top:3px}.chat-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38a46e}.bot{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green2)}.chat-stream{flex:1;min-height:0;overflow:auto;padding:26px max(28px,calc((100% - 710px)/2));background:radial-gradient(circle at 12% 10%,#edf6f1,transparent 27%)}.date-chip{margin:0 auto 18px;width:max-content;font-size:9px;color:#819087;font-weight:700}.bubble{max-width:640px;border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.55}.bot-bubble{background:#eef3f0;border-top-left-radius:4px}.user-bubble{margin:20px 0 15px auto;background:var(--green2);color:#fff;border-bottom-right-radius:4px}.bubble.wide{max-width:680px}.calc-row{margin:12px 0;display:flex;gap:10px;align-items:center;padding:11px;border-radius:10px;background:#fff;border:1px solid var(--line)}.calc-row strong{margin-left:auto;color:var(--green2)}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-grid>div{background:#fff;border:1px solid var(--line);padding:10px;border-radius:9px}.preview-grid small,.preview-grid strong{display:block}.preview-grid small{font-size:8px;color:var(--muted);margin-bottom:3px}.preview-grid strong{font-size:11px}details{margin-top:12px}summary{cursor:pointer;color:var(--green2);font-weight:700}.compact{margin-top:9px}.compact th,.compact td{padding:6px 7px;font-size:9px}.confirm-row{display:flex;gap:8px;margin-top:13px}.composer{padding:13px 24px 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.composer textarea{height:62px;resize:none}.composer small{grid-column:1/-1;text-align:center;color:#8b9791;font-size:9px}.send{width:44px;height:44px;border:0;border-radius:12px;background:var(--green2);color:#fff;font-size:20px}.side-panel{border-left:1px solid var(--line);padding:24px 20px;overflow:auto}.side-panel h3{font-size:12px;margin:0 0 14px}.side-panel h3:not(:first-child){margin-top:28px}.rule{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:11px;background:#fff;border:1px solid var(--line);border-radius:11px}.rule>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:var(--green);font-weight:800}.rule strong,.rule small{display:block}.rule strong{font-size:10px}.rule small{font-size:8px;color:var(--muted);margin-top:3px}.activity{display:grid;grid-template-columns:auto 1fr;gap:9px;margin:12px 0}.activity>span{width:8px;height:8px;border-radius:50%;background:#6eb391;margin-top:3px}.activity strong,.activity small{display:block}.activity strong{font-size:9px}.activity small{font-size:8px;color:var(--muted);margin-top:3px}.page-content{padding:26px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px rgba(22,55,42,.035)}.stat.highlight{background:var(--green);color:#fff}.stat small,.stat strong,.stat span{display:block}.stat small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat.highlight small{color:#a8c6b9}.stat strong{font-size:24px;margin:10px 0 3px}.stat span{font-size:9px;color:var(--muted)}.stat.highlight span{color:#a8c6b9}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 20px rgba(22,55,42,.035);margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head h2{margin:0}.panel-head>small{color:var(--muted);font-size:9px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#74827b;border-bottom:1px solid var(--line);padding:10px}td{padding:11px 10px;border-bottom:1px solid #edf1ee;font-size:11px}tbody tr:hover{background:#f8faf8}.customer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.customer-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:13px}.customer-card:hover{border-color:#95bba8;background:#f8fbf9}.customer-card strong,.customer-card small,.customer-card b{display:block}.customer-card strong{font-size:12px}.customer-card small{font-size:9px;color:var(--muted);margin:4px 0}.customer-card b{font-size:9px;color:var(--green2)}.customer-hero{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;margin-bottom:18px;border-radius:17px;background:var(--green);color:#fff}.customer-hero h2{font-size:24px;margin-bottom:5px}.customer-hero p{font-size:10px;color:#aec8bc;margin:0}.hero-total{text-align:right}.hero-total small,.hero-total strong,.hero-total span{display:block}.hero-total small,.hero-total span{font-size:9px;color:#aec8bc}.hero-total strong{font-size:24px;margin:5px 0}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.matrix{padding:0;overflow:hidden}.matrix .panel-head{padding:20px 20px 0}.table-scroll{overflow:auto;max-width:100%}.matrix table{min-width:1250px}.matrix th:first-child,.matrix td:first-child{position:sticky;left:0;background:#fff;z-index:1}.matrix td:first-child strong,.matrix td:first-child small{display:block}.matrix td:first-child small{font-size:8px;color:var(--muted);margin-top:3px}.cell-form{display:flex;gap:3px}.cell-form input{width:67px;padding:6px;font-size:9px}.cell-form button{border:0;background:#e5f2eb;color:#286248;border-radius:6px}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.user-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.user-row strong,.user-row small{display:block}.user-row strong{font-size:11px}.user-row small{font-size:9px;color:var(--muted)}.user-row p{font-size:8px;color:#688072;margin:4px 0 0}.status{border:0;border-radius:99px;padding:6px 9px;font-size:9px}.status.on{background:#e3f4ea;color:#246a49}.status.off{background:#f4e8e5;color:#8b3c31}fieldset{border:1px solid var(--line);border-radius:11px;padding:12px}legend{font-size:10px;font-weight:800}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;font-weight:500!important}.check input{width:15px;height:15px}.tag{background:#e7f1eb;color:#34634f;border-radius:99px;padding:4px 7px;font-size:8px}.empty{margin:30px;padding:30px;border:1px dashed #b8c8c0;border-radius:15px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand>span:last-child,.sidebar nav a:not(.active){font-size:0}.sidebar nav a{justify-content:center}.sidebar nav a.active{font-size:0}.sidebar-user div,.sidebar-user>a{display:none}.sidebar-user{display:flex;justify-content:center}.assistant-layout{grid-template-columns:1fr}.side-panel{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;inset:auto 0 0;height:64px;display:block;padding:8px}.brand,.sidebar-user{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav a{padding:10px}.workspace{padding-bottom:64px}.topbar{height:72px;padding:0 16px}.timestamp{display:none}.assistant-layout{height:calc(100vh - 136px);min-height:600px}.chat-title{padding:0 16px}.chat-stream{padding:18px 13px}.composer{padding:10px}.preview-grid{grid-template-columns:repeat(2,1fr)}.page-content{padding:15px}.stats,.customer-grid,.two-col{grid-template-columns:1fr}.panel{padding:15px}.inline-form{grid-template-columns:1fr}.customer-hero{align-items:flex-start;gap:15px}.hero-total strong{font-size:18px}}