@font-face{font-family:Nexos;src:url(nunito.ttf);font-weight:400;font-display:swap}@font-face{font-family:Nexos;src:url(nunito-bold.ttf);font-weight:700 900;font-display:swap}
:root{--bg:#eef5ec;--paper:#fcfef9;--green:#456b4d;--deep:#294c34;--sage:#e4efdd;--ink:#263a2c;--muted:#66765f;--line:#dce6d6;--sidebar:246px;--amber:#9b7738;--red:#ae695d;--shadow:0 6px 28px #294c3406}
*{box-sizing:border-box}body{margin:0;font-family:Nexos,system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 85% 4%,#e4efdf,transparent 40%),var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a0c294;outline-offset:3px}a{text-decoration:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block;flex-shrink:0}i{display:inline-flex;font-style:normal}button{transition:background .15s,transform .15s}button:hover:not(:disabled){transform:translateY(-1px)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,2.45vw,38px);line-height:1.19;letter-spacing:-1.25px;font-weight:800;margin-bottom:12px}h1 span,h2 span{color:#88a577}h2{font-size:18px;font-weight:800;margin-bottom:5px;letter-spacing:-.3px}h3{font-size:14px;margin-bottom:5px}p{color:var(--muted)}code,kbd,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.86em;background:#e9f1e3;padding:2px 4px;border-radius:4px;overflow-wrap:anywhere}kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f7fbf2;border-right:1px solid var(--line);padding:30px 18px 21px;display:flex;flex-direction:column;z-index:40;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:900;letter-spacing:-.55px;color:#294431;white-space:nowrap}.brand img{width:45px;height:45px;object-fit:contain}.brand small{display:block;letter-spacing:1.3px;font-size:7px;font-weight:800;color:#8a9a7e;margin-top:3px}.sidebar>.brand{margin:0 5px 35px}.nav-caption{font-size:8px;letter-spacing:1.45px;color:#97a28c;font-weight:800;margin:0 12px 13px}.nav-button{display:flex;align-items:center;gap:12px;border:0;border-radius:11px;background:transparent;width:100%;padding:12px;color:#7b8b73;font-size:12px;font-weight:700;text-align:left;margin:2px 0}.nav-button:hover{background:#edf4e7}.nav-button.active{background:#e2edd9;color:#31563c}.nav-button svg{width:18px;height:18px}.nav-button .nav-marker{margin-left:auto;width:5px;height:5px;background:currentColor;border-radius:50%;display:none}.nav-button.active .nav-marker{display:block}.nav-separator{height:1px;background:var(--line);margin:18px 12px}.sidebar-bottom{margin-top:auto;padding-top:24px}.engine-card{border:1px solid #dce7d2;background:#edf4e5;padding:14px;border-radius:15px;margin-bottom:20px}.engine-card>div{display:flex;align-items:center;gap:7px}.engine-card b{font-size:10px}.engine-card p{font-size:9px;line-height:1.6;margin:6px 0 9px}.engine-card .text-button{font-size:9px}.engine-card svg{width:13px;height:13px}.sidebar-bottom>small{display:block;font-weight:700;font-size:11px;margin:0 12px 15px}.sidebar-bottom>small span{font-weight:400;font-size:9px;color:#90a084}.sidebar-bottom>#logout{font-size:10px;margin-left:12px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8baa79;flex-shrink:0}.status-dot.amber{background:#c8a769}.status-dot.red{background:#bd8473}.status-dot.running{box-shadow:0 0 0 4px #9ebe8620}
.app-main{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-bottom:1px solid var(--line);background:#f5faefb3;gap:15px}.breadcrumbs,.header-actions{display:flex;align-items:center;gap:16px;font-size:11px}.breadcrumbs>span{color:#99a58f}.breadcrumbs>i{color:#b4c0aa}.breadcrumbs svg{width:13px;height:13px}.search-button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#91a187;font-size:10px}.search-button svg{width:15px;height:15px}.search-button kbd{margin-left:28px}.mode-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e5cd;background:#f9fcf5;color:#779368;padding:6px 12px;border-radius:25px;font-size:9px;white-space:nowrap}.mode-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.mode-pill.amber{color:#a48857;border-color:#e6deca;background:#fbf9f0}.avatar{width:34px;height:34px;border:1px solid #d7e3ce;border-radius:50%;background:#e8f1e1;color:#779167;font-size:11px;font-weight:800}.mobile-menu{display:none!important}.page-content{width:100%;max-width:1660px;margin:auto;padding:33px 35px 20px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-head p{font-size:12px;max-width:630px;margin:0}.page-head .actions{flex-shrink:0}.eyebrow{display:block;letter-spacing:1.6px;color:#89a079;font-size:8px;font-weight:900;margin-bottom:10px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:10px;padding:10px 15px;font-size:11px;font-weight:800;line-height:1.5;white-space:nowrap;min-height:39px}.button svg{width:15px;height:15px}.button.primary{background:var(--green);border-color:#416449;color:white;box-shadow:0 3px 6px #294c3410}.button.primary:hover{background:#355a3e}.button.secondary{background:#fcfef8;border-color:var(--line);color:#617853}.button.secondary:hover{background:#eaf3e3}.button.quiet{color:#7d8e74;background:transparent}.button.danger{background:#f9efeb;color:#ab6d5b;border-color:#ecd8cf}.button.small{font-size:10px;min-height:32px;padding:6px 10px;border-radius:8px}.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#73896a;font-size:10px;font-weight:800;padding:4px 0}.text-button svg{width:14px;height:14px}.icon-button{width:32px;height:32px;border-radius:8px;padding:7px;flex-shrink:0}.icon-button:hover{background:#e8f1df}.icon-button svg{width:17px;height:17px}.section-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-tools>input{max-width:285px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-width:0}.card-pad{padding:23px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 17px;gap:15px}.card-header h2{font-size:15px}.card-header p{font-size:10px;margin:4px 0 0}.muted{color:var(--muted)}.fine-print{font-size:10px;color:#83927a;line-height:1.7;margin:13px 0 0}.chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.4;padding:5px 8px;border-radius:6px;background:#eef3e9;color:#7c8c72;white-space:nowrap}.chip.green{color:#668958;background:#e9f3e0}.chip.amber{background:#f5efdc;color:#aa884a}.chip.red{background:#f5e8e2;color:#af725f}.chip.blue{background:#e7eef1;color:#6d8991}.chip.outline{border:1px solid var(--line);background:transparent}.notice{border:1px solid #d7e7c8;background:#eaf4e1;color:#718b61;border-radius:11px;font-size:11px;line-height:1.7;padding:12px 15px;margin-bottom:17px}.notice.error{border-color:#e9d1c8;background:#f9efeb;color:#a76855}.notice.amber{background:#f6f2e4;border-color:#e8e0c9;color:#9c8552}.demo-banner,.connection-warning{padding:8px 30px;text-align:center;background:#f5efdf;color:#98814c;font-size:10px}.connection-warning{background:#f5e9e2;color:#a56855}
.hero{display:grid;grid-template-columns:1.25fr .9fr;gap:20px;align-items:center;background:linear-gradient(120deg,#f6faef,#e4efdb);border:1px solid #d5e4cb;border-radius:19px;padding:26px 30px;margin-bottom:22px;overflow:hidden;position:relative}.hero h2{font-size:27px;line-height:1.18;letter-spacing:-.8px;max-width:400px;margin-bottom:10px}.hero p{font-size:11px;max-width:375px;margin-bottom:17px}.hero .eyebrow{font-size:7px}.hero-flow{display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 0;position:relative}.hero-node{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:75px;height:89px;border:1px solid #cbdcbd;background:#f7fbf1b3;border-radius:15px;box-shadow:0 9px 24px #31512c06}.hero-node.featured{width:99px;height:113px;background:#456b4d;color:#f5faee;border-color:#456b4d;box-shadow:0 9px 28px #456b4d24}.hero-node svg{width:22px;height:22px}.hero-node.featured img{width:55px;height:55px}.hero-node span{font-size:8px;font-weight:800}.flow-line{width:21px;height:1px;border-top:1px dashed #9fb88b}.hero-node small{font-size:6px;letter-spacing:.8px;color:#dcead0}.hero-orbit{position:absolute;border:1px solid #c7d8bb6e;width:360px;height:200px;border-radius:50%;transform:rotate(-15deg);z-index:0;pointer-events:none}.hero-node,.flow-line{z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat{padding:18px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-top span{font-size:10px;color:#839079;font-weight:700}.stat-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#edf4e5;color:#8ea97d}.stat-icon svg{width:16px;height:16px}.stat-value{display:block;font-size:30px;font-weight:800;letter-spacing:-1px;margin:5px 0 0;line-height:1.2;font-variant-numeric:tabular-nums}.stat small{font-size:8px;color:#98a38e}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:22px}.dashboard-grid .stack{display:flex;flex-direction:column;gap:20px}.flow-row{display:flex;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid #edf1e8}.flow-symbol{height:38px;width:38px;display:flex;align-items:center;justify-content:center;background:#eaf2e2;color:#819d70;border:1px solid #dde8d3;border-radius:11px;flex-shrink:0}.flow-symbol svg{width:19px;height:19px}.row-body{flex:1;min-width:0}.row-body b{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-body small{font-size:9px;color:#94a08b;display:block;margin-top:4px}.toggle{width:30px;height:18px;border:0;border-radius:20px;background:#dce4d5;position:relative;flex-shrink:0}.toggle:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:#fff;border-radius:50%}.toggle.on{background:#82a66d}.toggle.on:after{left:15px}.step-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e7eedf}.step-row:first-child{border:0;padding-top:0}.step-number{font-size:10px;width:29px;height:29px;border:1px solid #d9e4ce;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8fa27f;flex-shrink:0}.step-number.done{background:#e4efdb;color:#73905e;border-color:#d6e4ca}.step-row strong{font-size:11px}.step-row p{font-size:9px;margin:3px 0 0}.step-row>div:nth-child(2){flex:1}.chart{height:135px;display:flex;align-items:flex-end;gap:14px;padding:10px 24px 0}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.chart-col .bar{width:70%;border-radius:5px 5px 0 0;background:#9fbd8d;min-height:2px}.chart-col:last-child .bar{background:#537b51}.chart-col small{font-size:8px;color:#99a68e}.chart-col span{font-size:8px;color:#76916a}.chart-caption{font-size:9px;margin:12px 23px 19px;color:#90a183}.queue-preview{padding-bottom:6px}.queue-preview .flow-row{padding:12px 22px}.time-chip{font-size:10px;font-variant-numeric:tabular-nums;color:#8b9c7d}.empty-state{padding:35px 22px;text-align:center}.empty-state>i{color:#90aa7e;display:inline-flex;border:1px solid #e0e9d7;background:#eef5e7;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;margin-bottom:13px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px;max-width:380px;margin:0 auto 16px}.empty-state.compact{padding:25px 18px}.empty-state.compact>i{display:none}.empty-state.compact h3{font-size:12px}.empty-state.compact p{font-size:10px}.help-strip{display:flex;align-items:center;gap:13px;border:1px dashed #cbdcc0;border-radius:13px;padding:15px 20px;margin-top:20px;color:#84a073}.help-strip p{font-size:10px;margin:0;flex:1}.help-strip b{color:#657e58}.app-footer{display:flex;justify-content:space-between;gap:20px;margin:20px 35px 0;padding:20px 0;border-top:1px solid var(--line);color:#9ba88e;font-size:8px}.footer-dot{margin:0 7px}.loading-panel{padding:90px;text-align:center;color:var(--muted)}
.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-card,.connection-card{padding:22px}.card-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.flow-card h3,.connection-card h3{font-size:16px}.flow-card p,.connection-card p{font-size:11px;line-height:1.7;min-height:34px}.flow-meta{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.flow-card .card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.provider-icon{width:42px;height:42px;border:1px solid #dbe7d1;background:#eaf3e1;border-radius:13px;color:#769b63;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900}.provider-icon.telegram{background:#e5eff3;color:#719fb2;border-color:#d7e6ed}.provider-icon.shopee{background:#f8eade;color:#c58d65;border-color:#ecd9c7}.provider-icon.amazon{background:#f6f0dc;color:#b19a5d;border-color:#e8dec1}.provider-icon.mercadolivre{background:#f4f0cd;color:#a39342;border-color:#e5dfb7}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.offer-card{overflow:hidden}.offer-image{height:160px;background:#e7f0e0;position:relative;display:flex;align-items:center;justify-content:center;color:#a3b796}.offer-image img{width:100%;height:100%;object-fit:contain;background:#fff;padding:12px}.offer-image>i svg{width:43px;height:43px;stroke-width:1.1}.offer-image .chip{position:absolute;top:12px;left:12px;background:#fbfdf3ed}.offer-details{padding:17px}.offer-details h3{font-size:13px;height:40px;line-height:1.5;overflow:hidden}.offer-price{font-size:21px;font-weight:800;color:#496f45;margin:10px 0 12px}.offer-price small{font-size:10px;color:#a3ad9b;text-decoration:line-through;margin-left:8px;font-weight:400}.offer-actions{display:flex;gap:7px;align-items:center;border-top:1px solid var(--line);padding-top:13px}.offer-actions>.button{flex:1}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{border:1px solid transparent;background:transparent;color:#839576;font-size:10px;padding:7px 13px;border-radius:22px;font-weight:700}.tab.active{background:#e1ecd7;border-color:#d2e0c5;color:#527546}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}.table th{font-size:8px;color:#95a389;letter-spacing:.6px;font-weight:800;padding:14px 20px;border-bottom:1px solid var(--line);background:#f7faf2;white-space:nowrap}.table td{padding:15px 20px;border-bottom:1px solid #e8efdf;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table td:first-child{max-width:310px}.table b{font-size:11px}.table small{display:block;color:#92a084;font-size:9px;margin-top:3px;max-width:330px;overflow-wrap:anywhere}.table .actions{flex-wrap:nowrap}.table code{font-size:10px}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-row{display:flex;align-items:center;gap:12px;padding:17px 20px;border-top:1px solid #e8efdf}.source-row .provider-icon{width:34px;height:34px;border-radius:10px;font-size:13px}.source-row .provider-icon svg{width:17px;height:17px}.event-list{padding:4px 22px 18px}.event{display:flex;gap:12px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #e8efdf}.event:last-child{border:0}.event>span{font-size:9px;color:#a0ad94;min-width:105px;padding-top:2px}.event p{font-size:11px;margin:0;color:#788b6d;overflow-wrap:anywhere}.event .chip{min-width:60px;justify-content:center}.settings-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.settings-card{padding:25px}.settings-card h2{margin-bottom:5px}.settings-card>p{font-size:11px}.settings-card form{margin-top:20px}.settings-card .notice{margin-top:15px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.switch-row b{font-size:12px}.switch-row p{font-size:10px;margin:3px 0 0}.switch-row input{width:18px;height:18px;accent-color:var(--green)}.code-block{display:block;padding:15px;background:#e9f0e3;border:1px solid #d9e4cf;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;font-size:10px;color:#6c805b;line-height:1.8}.checklist{font-size:11px;color:#809373;padding-left:18px;line-height:2.1}
label{font-size:11px;font-weight:700;color:#738468;display:block}input:not([type=checkbox],[type=radio],[type=file]),select,textarea{width:100%;border:1px solid #d9e4d0;background:#fff;color:#4f6846;font-size:12px;border-radius:9px;padding:10px 12px;min-height:40px;outline-offset:2px}textarea{resize:vertical;line-height:1.65;min-height:110px}input::placeholder,textarea::placeholder{color:#abb6a1}label>input,label>select,label>textarea{margin-top:6px}label>small{display:block;font-size:9px;font-weight:400;color:#96a48b;margin-top:5px}input[type=checkbox],input[type=radio]{accent-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid>.full{grid-column:1/-1}.form-section{grid-column:1/-1;border-top:1px solid var(--line);padding-top:17px;margin-top:3px}.form-section h3{font-size:13px}.check-options{display:flex;gap:12px;flex-wrap:wrap;border:1px solid var(--line);background:#f7fbf1;border-radius:10px;padding:12px;margin-top:6px}.check-options label{display:flex;gap:6px;align-items:center;font-size:10px}.check-options input{margin:0}.check-line{display:flex;gap:9px;align-items:center;font-size:11px}.check-line input{margin:0}.form-actions{display:flex;justify-content:flex-end;gap:9px;grid-column:1/-1;padding-top:15px;border-top:1px solid var(--line);margin-top:5px}.full-button{width:100%}.editor-dialog{border:1px solid #cddfc0;border-radius:21px;background:#f8fcf3;color:var(--ink);width:min(790px,94vw);max-height:92vh;padding:26px;box-shadow:0 30px 100px #17332130}.editor-dialog.wide{width:min(1060px,94vw)}.editor-dialog::backdrop{background:#1d372ccc;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-header h2{font-size:24px;margin-bottom:5px}.dialog-header p{font-size:11px;margin:0}.dialog-header .eyebrow{font-size:7px;margin-bottom:7px}.dialog-header>div{min-width:0}.dialog-header>.icon-button{background:#edf4e4}.composer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.composer-preview{border:1px solid #dce7d3;background:#eaf2e3;border-radius:15px;padding:18px;align-self:start;position:sticky;top:0}.composer-preview>small{font-size:8px;font-weight:800;letter-spacing:1px;color:#8d9f80}.message-preview{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #dce6d3;border-radius:11px 11px 11px 0;padding:16px;margin:17px 0 7px;color:#52634b;min-height:140px}.composer-preview>p{font-size:9px;line-height:1.7;margin:11px 0 0}.input-action{display:flex;gap:8px}.input-action>input{flex:1;min-width:0}.input-action>button{flex-shrink:0}.form-error{grid-column:1/-1;margin:0}.toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);background:#294d35;color:#fff;padding:14px 23px;border-radius:12px;box-shadow:0 10px 35px #15341b25;font-size:12px;z-index:1000;max-width:min(560px,90vw)}.story-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.story-preview{background:repeating-linear-gradient(45deg,#e7efdf 0 12px,#ebf2e4 12px 24px);padding:24px;display:flex;align-items:center;justify-content:center;min-height:500px;max-height:730px;border:1px solid var(--line);border-radius:18px}.story-preview img{max-width:100%;max-height:620px;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #2b482820}.story-options{padding:24px;align-self:start}.story-options label{margin:20px 0}.theme-options{display:flex;gap:12px}.theme-button{width:64px;height:45px;border:2px solid transparent;border-radius:10px;background:#e7f2dc;color:#496d3e;font-size:10px}.theme-button.night{background:#26392d;color:#dcebcf}.theme-button.cream{background:#f2ecd9;color:#9b8652}.theme-button.selected{outline:2px solid #87a775;outline-offset:3px}.bio-preview{padding:30px 23px;background:#f7fbf0;text-align:center;min-height:480px}.bio-preview .bio-logo{width:65px;height:65px;object-fit:contain;margin-bottom:15px}.bio-preview h2{font-size:24px;line-height:1.25}.bio-preview p{font-size:11px}.bio-mini{display:flex;align-items:center;gap:12px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px;margin:12px 0;text-align:left}.bio-mini img{width:49px;height:49px;object-fit:contain}.bio-mini>span{background:#e8f0df;color:#93a780;border-radius:9px;width:49px;height:49px;display:flex;align-items:center;justify-content:center}.bio-mini b{font-size:11px}.bio-mini small{display:block;font-size:10px;color:#819b6c}
.auth-body{min-height:100vh;background:radial-gradient(ellipse at 20% 10%,#dae8d0,transparent 60%),#f0f6eb}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:1200px;padding:65px 45px;margin:auto}.auth-intro{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:650px}.auth-intro>.brand{align-self:flex-start}.auth-intro h1{font-size:50px;line-height:1.13;letter-spacing:-1.8px}.auth-intro p{max-width:360px;font-size:14px;line-height:1.9}.auth-intro>small{font-size:10px;color:#8da27b}.auth-flow{display:flex;align-items:center;gap:12px;margin-top:30px}.auth-flow span{padding:10px 17px;border:1px solid #cbddbd;background:#f7fbf166;border-radius:9px;font-size:11px;font-weight:700;color:#7a9468}.auth-flow i{color:#a1b38e}.auth-card{background:#fbfdf7;border:1px solid #d4e3c7;border-radius:22px;padding:36px;box-shadow:0 12px 70px #294c3408}.auth-card h2{font-size:28px;line-height:1.2;margin:10px 0}.auth-card>p{font-size:12px;margin:12px 0 25px}.auth-card form>label{margin:18px 0}.auth-card form>.button{width:100%;margin-top:12px}.auth-card .fine-print{font-size:10px;margin:22px 0 0}.install-wrap{max-width:860px;margin:40px auto;padding:0 20px}.auth-brand{justify-content:center;margin:0 auto 30px}.auth-foot{text-align:center;font-size:10px;margin:25px 0;color:#92a183}.requirements{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.install-step{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:5px}.install-step>b{background:#e9f2e0;padding:6px 9px;border-radius:7px;color:#7b9669;font-size:10px}.install-step p{font-size:11px;margin:5px 0}.install-step h3{margin:0;font-size:13px}.sidebar-overlay{position:fixed;inset:0;background:#213b2b88;z-index:39;backdrop-filter:blur(2px)}
@media(min-width:1550px){.page-content{padding-left:45px;padding-right:45px}.hero{padding:30px 36px}.hero h2{font-size:31px}.dashboard-grid{grid-template-columns:1.7fr 1fr}}
@media(max-width:1220px){:root{--sidebar:214px}.sidebar{padding:25px 13px 18px}.brand{font-size:17px;gap:5px}.brand img{width:40px;height:40px}.brand small{font-size:6px}.nav-button{font-size:11px;gap:10px;padding:11px}.page-content{padding:27px 24px 18px}.topbar{padding:0 24px}.list-grid,.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:23px}.hero h2{font-size:24px}.hero-flow{gap:7px}.hero-node{width:62px}.hero-node.featured{width:84px}.flow-line{width:13px}.stats-grid{gap:11px}.stat{padding:16px}.stat-value{font-size:27px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:16px}.table td,.table th{padding:13px 15px}.search-button kbd{margin-left:8px}.page-head .actions{gap:6px}.page-head h1{font-size:29px}}
@media(max-width:1000px){.header-actions .search-button{display:none}.hero{grid-template-columns:1fr}.hero-flow{display:none}.dashboard-grid,.settings-layout{grid-template-columns:1fr}.dashboard-grid .stack{display:grid;grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.page-head>.actions{align-self:stretch}.story-layout{grid-template-columns:1fr 1fr}.auth-layout{gap:35px;padding:35px}.auth-intro h1{font-size:39px}.composer-grid{grid-template-columns:1fr}.composer-preview{position:static}.hero p{max-width:600px}.hero h2{max-width:none}.app-footer{margin-left:24px;margin-right:24px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:246px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:19px;gap:9px}.sidebar .brand img{width:45px;height:45px}.sidebar .brand small{font-size:7px}.sidebar .nav-button{font-size:12px;padding:12px}.mobile-menu{display:inline-flex!important}.topbar{height:66px;padding:0 17px}.breadcrumbs{gap:10px}.breadcrumbs>span,.breadcrumbs>i{display:none}.header-actions{gap:10px}.mode-pill{font-size:8px;padding:5px 9px}.page-content{padding:23px 17px 15px}.page-head h1{font-size:28px}.page-head .eyebrow{font-size:7px}.page-head p{font-size:11px}.page-head{gap:15px;margin-bottom:20px}.hero{padding:21px}.hero h2{font-size:24px}.hero p{font-size:11px}.hero .actions .button{font-size:10px}.stats-grid{gap:11px}.stat{padding:15px}.stat-top span{font-size:9px}.stat-icon{width:26px;height:26px}.stat-value{font-size:29px;margin-top:9px}.dashboard-grid .stack{display:flex}.list-grid,.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.flow-card,.connection-card{padding:17px}.flow-card h3,.connection-card h3{font-size:14px}.card-header{padding:19px 18px}.card-pad{padding:20px}.flow-row{padding:14px 18px}.flow-row>.chip{font-size:8px}.section-tools{flex-direction:column;align-items:stretch}.section-tools>input{max-width:none}.table{font-size:10px;min-width:650px}.form-grid{gap:15px}.form-grid>label{grid-column:1/-1}.editor-dialog{padding:21px;max-height:94vh;border-radius:17px}.dialog-header h2{font-size:21px}.form-actions{flex-wrap:wrap}.story-layout{grid-template-columns:1fr}.story-preview{min-height:400px}.story-preview img{max-height:530px}.event{gap:8px;flex-wrap:wrap}.event p{width:100%}.event>span{min-width:90px}.event .chip{min-width:50px}.app-footer{margin:13px 17px 0;flex-direction:column;gap:5px;font-size:8px}.help-strip{padding:14px;gap:10px;flex-wrap:wrap}.toast{left:50%;width:max-content;max-width:90vw;bottom:18px}.auth-layout{grid-template-columns:1fr;padding:28px 20px;gap:25px;max-width:530px}.auth-intro{min-height:0;gap:32px}.auth-intro h1{font-size:35px}.auth-intro>small,.auth-intro .auth-flow{display:none}.auth-intro p{font-size:12px;max-width:none;margin:0}.auth-intro .eyebrow{font-size:7px}.auth-card{padding:26px}.auth-card h2{font-size:25px}.install-wrap{margin:25px auto}.requirements .chip{font-size:8px}.input-action{flex-wrap:wrap}.input-action>button{width:100%}}
@media(max-width:460px){.list-grid,.offer-grid{grid-template-columns:1fr}.offer-image{height:180px}.settings-card{padding:21px}.page-head .actions{width:100%}.page-head .actions>.button{flex:1}.flow-row .time-chip{font-size:9px}.hero .actions{gap:7px}.hero .actions .button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.bio-container{max-width:1120px;margin:0 auto;padding:50px 25px}.bio-heading{text-align:center;max-width:680px;margin:0 auto 35px}.bio-heading>img{width:92px;height:92px;object-fit:contain;margin-bottom:16px}.bio-heading h1{font-size:37px}.bio-heading>p{font-size:13px}.bio-heading .eyebrow{font-size:9px}.bio-footer{text-align:center;padding:40px 20px 10px;color:#8fa17f;font-size:10px;max-width:620px;margin:auto}.bio-footer p{font-size:10px;line-height:1.8}.bio-footer a{font-size:9px;font-weight:700}
@media(max-width:760px){.bio-container{padding:30px 18px}.bio-heading h1{font-size:30px}.bio-heading>p{font-size:12px}.bio-heading>img{width:75px;height:75px}}

input[type=file]{display:block;width:100%;max-width:100%;margin-top:8px;font-size:11px}input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--sage);color:var(--deep);font:inherit;font-weight:700;border-radius:8px;padding:9px 12px;margin-right:10px;cursor:pointer}