:root{--ink:#14231d;--muted:#6d7a73;--green:#145b42;--green-2:#e7f2ec;--lime:#d2e9a4;--paper:#f5f7f5;--white:#fff;--line:#e4eae6;--amber:#a65b11;--amber-bg:#fff5e8;--red:#a33d36;--red-bg:#fff0ee;--shadow:0 14px 38px rgba(18,45,33,.07);font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.boot-screen{min-height:100vh;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--muted)}
.spinner{width:20px;height:20px;border:2px solid #d9e3dc;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:#10271f;color:#eaf1ec;padding:22px 15px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:5px 9px 24px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#d9eaa9,#91bd82);display:grid;place-items:center;color:#173a2b;font-family:Manrope;font-weight:800;font-size:15px}.brand strong{font:800 14px Manrope;display:block;letter-spacing:.01em}.brand span{font-size:11px;color:#aec5b7}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#789385;padding:8px 11px}.nav{display:grid;gap:4px}.nav button{border:0;background:transparent;color:#bdd0c4;text-align:left;padding:10px 11px;border-radius:10px;font-size:13px;display:flex;gap:11px;align-items:center;transition:.15s}.nav button:hover{background:#1c3a2e;color:#fff}.nav button.active{background:#d7e9ae;color:#173b2b;font-weight:700}.nav-icon{width:19px;text-align:center;font-size:15px}.sidebar-bottom{margin-top:auto;border-top:1px solid #294338;padding:17px 10px 3px;color:#a9bcb0;font-size:11px;line-height:1.6}.connection-dot{display:inline-block;width:7px;height:7px;background:#8ed49e;border-radius:50%;margin-right:7px}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.topbar-title{font:700 14px Manrope}.topbar-right{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:12px}.user-chip{display:flex;align-items:center;gap:9px;background:#f3f6f3;border:1px solid var(--line);border-radius:99px;padding:6px 10px}.avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#d7e9ae;color:#204b37;font-size:11px;font-weight:700}.content{padding:30px 34px 58px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.eyebrow{color:var(--green);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.page-heading h1{font:800 clamp(24px,3vw,32px) Manrope;margin:0;letter-spacing:-.035em}.page-heading p{margin:8px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.02)}.btn:hover{border-color:#a8b9ad;background:#fbfdfb}.btn-primary{background:var(--green);color:white;border-color:var(--green)}.btn-primary:hover{background:#0e4833;color:white}.btn-quiet{border-color:transparent;background:transparent;box-shadow:none}.btn-danger{color:var(--red);background:var(--red-bg);border-color:#f2d5d1}.select,.input,.textarea{border:1px solid #dce4df;border-radius:9px;background:white;color:var(--ink);padding:10px 12px;font-size:13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#6d9b80;box-shadow:0 0 0 3px rgba(20,91,66,.1)}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar .input{min-width:230px}.grid{display:grid;gap:15px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);min-width:0}.kpi-card{min-height:126px}.kpi-top{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:12px}.kpi-icon{width:30px;height:30px;border-radius:9px;background:var(--green-2);display:grid;place-items:center;color:var(--green);font-size:15px}.kpi-value{font:800 25px Manrope;margin:15px 0 5px;letter-spacing:-.035em}.kpi-foot{font-size:11px;color:var(--muted)}.change{color:#287b4e;font-weight:700}.negative{color:var(--red)}.two-col{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);margin-bottom:18px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.card-heading h2,.section-title{font:700 15px Manrope;margin:0}.card-heading p{color:var(--muted);font-size:11px;margin:5px 0 0}.chart{height:250px;position:relative}.chart svg{width:100%;height:205px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#89948d;font-size:10px;margin-top:4px}.chart-grid{stroke:#edf1ee;stroke-width:1}.chart-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaFill)}.bar-list{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;gap:12px;align-items:center;font-size:11px}.bar-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#53625a}.bar-track{height:8px;background:#edf2ee;border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#276b4e,#8bb779)}.bar-value{font-weight:700;color:var(--ink)}.section{margin-top:20px}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafbfa;color:#78857d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:13px 16px;border-bottom:1px solid #eff2f0;font-size:12px;color:#314138}tbody tr:hover{background:#fbfdfb}.table-link{background:none;border:0;color:var(--green);font-weight:700;padding:0;text-align:left}.subtle{color:var(--muted);font-size:11px;margin-top:3px}.pill{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;background:#edf2ee;color:#526158}.pill.green{background:#e5f4e9;color:#247044}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.red{background:var(--red-bg);color:var(--red)}.empty{padding:36px 18px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;color:var(--ink);font:700 14px Manrope;margin-bottom:6px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;color:var(--muted);font-size:11px}.notice{padding:13px 15px;border:1px solid #e4ebdf;background:#f5f8ef;border-radius:10px;color:#526048;font-size:12px;line-height:1.55;margin-bottom:16px}.notice.warning{background:#fff8eb;border-color:#f1dfbc;color:#845217}.notice.error{background:#fff0ee;border-color:#f0d1cc;color:#943b35}.notice strong{display:block;margin-bottom:3px}.filters{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-item{border:1px solid var(--line);border-radius:10px;padding:12px}.detail-label{color:var(--muted);font-size:10px;margin-bottom:6px}.detail-value{font-weight:700;font-size:13px;overflow-wrap:anywhere}.back-link{border:0;background:none;color:var(--green);padding:0;margin-bottom:15px;font-size:12px;font-weight:700}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.status-list{display:grid;gap:11px}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.status-left{display:flex;align-items:center;gap:9px}.status-mark{width:8px;height:8px;border-radius:50%;background:#82ae8a}.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:580px;overflow:hidden;padding:0}.chat-config{border-right:1px solid var(--line);padding:19px}.chat-config label,.field label{display:block;color:#65736b;font-weight:700;font-size:11px;margin:13px 0 6px}.chat-config .select,.field .input,.field .textarea{width:100%}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat-window{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1;min-height:380px;max-height:560px;overflow:auto;background:#fafcfb}.bubble{max-width:min(78%,620px);padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{align-self:flex-end;background:#dff0df;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:0 3px 10px rgba(20,40,30,.04)}.bubble-meta{font-size:10px;color:#88948d;margin-top:7px}.chat-input{display:flex;gap:9px;padding:14px;border-top:1px solid var(--line)}.chat-input textarea{resize:vertical;min-height:46px;max-height:140px;flex:1}.source-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.source-chip{font-size:10px;border:1px solid var(--line);border-radius:99px;padding:4px 7px;color:#66746b;background:#fafcfa}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.field.full{grid-column:1/-1}.textarea{min-height:120px;resize:vertical}.modal-backdrop{position:fixed;inset:0;background:rgba(10,24,18,.5);display:grid;place-items:center;padding:20px;z-index:20}.modal{background:#fff;width:min(600px,100%);border-radius:15px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h2{font:700 18px Manrope;margin:0}.toast{position:fixed;right:20px;bottom:20px;background:#153b2d;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;z-index:40}.toast.error{background:#923d36}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#f4f7f4}.login-brand{background:radial-gradient(circle at 20% 15%,#2f7756,#10271f 65%);color:#fff;padding:clamp(30px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.login-brand h1{font:800 clamp(32px,5vw,55px) Manrope;line-height:1.08;max-width:570px;letter-spacing:-.05em}.login-brand p{color:#cfddd3;max-width:440px;line-height:1.65}.login-badge{display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#d5e5d8}.login-form-side{display:grid;place-items:center;padding:28px}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.login-card h2{font:800 23px Manrope;margin:0 0 7px}.login-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 20px}.login-card .field{margin-bottom:13px}.login-card .btn{width:100%;margin-top:8px;padding:12px}.login-error{min-height:18px;color:var(--red);font-size:11px;margin-top:9px}.mobile-menu{display:none}.sync-status{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.sync-light{width:7px;height:7px;border-radius:50%;background:#6eae78}.muted{color:var(--muted)}.right{text-align:right}.small{font-size:11px}.inline-actions{display:flex;gap:6px;align-items:center}.source-url{color:var(--green);text-decoration:none;font-size:11px}.source-url:hover{text-decoration:underline}.content h2{font-family:Manrope}.brand-tag{font-size:10px;color:#486252;background:#edf3ee;padding:4px 7px;border-radius:5px}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-card{min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.report-card h3{font:700 14px Manrope;margin:0}.report-card p{font-size:11px;color:var(--muted);line-height:1.5}.settings-list{display:grid;gap:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);border-radius:10px;gap:12px}.setting-row strong{font-size:12px}.setting-row span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:30;width:252px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.mobile-menu{display:inline-flex}.topbar{padding:0 16px;height:62px}.content{padding:22px 14px 42px}.page-heading{align-items:flex-start;flex-direction:column}.kpi-grid{gap:9px}.card{padding:14px}.kpi-card{padding:13px;min-height:116px}.kpi-value{font-size:21px}.detail-grid,.three-col,.report-grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.chat-config{border-right:0;border-bottom:1px solid var(--line)}.chat-window{min-height:300px}.bubble{max-width:92%}.login-wrap{grid-template-columns:1fr}.login-brand{min-height:auto;padding:25px;gap:35px}.login-brand h1{font-size:34px}.login-form-side{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}