@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#26382f;--muted:#858c82;--green:#284538;--lime:#dce9ad;--paper:#f6f7f2;--line:#e7e9e0;--orange:#bf6f3e;--red:#b45b43;--white:#fff;--radius:17px;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a7b87b;outline-offset:3px}button svg,a svg{flex-shrink:0}svg{vertical-align:middle}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}.layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:228px;z-index:30;display:flex;flex-direction:column;padding:29px 17px 17px}.brand{display:flex;gap:10px;align-items:center;padding:0 13px 31px}.brand-mark{width:37px;height:37px;background:var(--green);border-radius:12px;display:grid;place-items:center;color:var(--lime)}.brand-name{font-size:21px;letter-spacing:-.9px;font-weight:800;line-height:1.2}.brand-desc{font-size:9px;color:var(--muted);letter-spacing:1.35px;text-transform:uppercase;margin-top:4px}.workspace{background:#f6f7f1;border:1px solid var(--line);border-radius:10px;display:flex;gap:9px;align-items:center;margin:0 5px 25px;padding:11px}.workspace-square{background:#e6eacf;width:29px;height:29px;border-radius:7px;display:grid;place-items:center;color:#6a754c;font-size:13px}.workspace strong{font-size:11px;display:block}.workspace small{color:var(--muted);font-size:10px}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#9a9e94;padding:0 16px;margin-bottom:10px}.nav-link{display:flex;gap:11px;align-items:center;min-height:44px;padding:10px 14px;border-radius:9px;color:#7c8379;font-weight:550;margin:3px 0;transition:.15s}.nav-link:hover{background:#f6f7f2;color:var(--green)}.nav-link.active{background:var(--green);color:#fff}.nav-count{margin-left:auto;font-size:10px;background:#eff1e8;padding:1px 7px;border-radius:5px;color:#7b8369}.active .nav-count{background:#53684a;color:#e6edc8}.nav-separator{height:1px;background:var(--line);margin:20px 14px}.sidebar-bottom{margin-top:auto;padding-top:28px}.demo-card{background:#f8f7ef;border:1px solid #eeebdb;border-radius:12px;padding:14px 13px;margin:0 5px 15px}.demo-label{font-weight:750;font-size:11px;display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;background:#b8c989;border-radius:50%;flex-shrink:0}.demo-card p{font-size:10px;line-height:1.7;color:#8a897b;margin:7px 0 11px}.text-button{border:0;background:none;padding:0;color:#6c7952;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.profile{border-top:1px solid var(--line);padding:16px 9px 0;display:flex;align-items:center;gap:10px}.avatar{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;background:#eeeae0;color:#8b7e65;font-size:11px;font-weight:700}.profile strong{display:block;font-size:11px}.profile small{color:#93978e;font-size:10px}.shell{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);background:#ffffffc9;display:flex;justify-content:space-between;align-items:center;padding:0 37px;gap:20px}.breadcrumb{color:#9b9f94;font-size:11px;display:flex;align-items:center;gap:13px}.breadcrumb strong{font-weight:550;color:#5e6b5d}.top-actions{display:flex;align-items:center;gap:18px}.search{display:flex;align-items:center;gap:8px;color:#9a9f92;position:relative}.search input{border:0;background:none;width:170px;font-size:11px;outline:none;padding:8px 0}.search kbd{font:10px Manrope,Arial;border:1px solid var(--line);padding:0 4px;border-radius:4px;color:#b3b7aa}.icon-btn{border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#7f8a76}.top-date{font-size:11px;color:#7b8472;padding-left:18px;border-left:1px solid var(--line);white-space:nowrap}.mobile-menu{display:none}.main{max-width:1580px;margin:auto;padding:31px 37px 35px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#919b82;text-transform:uppercase;margin-bottom:6px}.page-title h1{font-size:28px;line-height:1.3;letter-spacing:-1px;font-weight:750;margin:0}.page-title p{font-size:11px;color:#8c9385;margin:7px 0 0}.title-actions{display:flex;align-items:center;gap:8px}.btn{border:1px solid var(--line);border-radius:9px;background:#fff;color:#65715f;font-weight:650;padding:10px 14px;min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;white-space:nowrap}.btn:hover{background:#f3f5eb}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:#385b48}.btn.light{background:#eff2e6;border-color:#e9eddf;color:#536547}.btn.danger{color:var(--red);border-color:#ead5cd;background:#fff9f6}.btn.small{font-size:10px;padding:6px 10px;min-height:29px;border-radius:7px}.banner{border:1px solid #e6e4d4;background:#f9f8ef;color:#8a8062;border-radius:9px;padding:8px 13px;font-size:10px;display:flex;gap:8px;align-items:center;margin-bottom:20px}.banner strong{font-weight:750}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{padding:19px 20px 16px;background:white;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#87917d;font-size:11px;gap:8px}.stat-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#f3f5eb;color:#84926c}.stat-value{font-size:29px;line-height:1.3;letter-spacing:-1.2px;font-weight:750;margin:11px 0 8px;white-space:nowrap}.stat-value small{font-size:13px;letter-spacing:0;font-weight:550;margin-left:3px;color:#9aa38d}.stat-bottom{font-size:10px;color:#9a9f91;display:flex;gap:6px;align-items:center}.stat.dark{background:var(--green);color:white;border-color:var(--green)}.stat.dark .stat-top{color:#c5cfb4}.stat.dark .stat-icon{background:#3c5744;color:#cfdfa0}.stat.dark .stat-value small{color:#adbfa1}.stat.dark .stat-bottom{color:#c0cead}.stat.dark:after{content:'';position:absolute;right:-33px;bottom:-49px;width:150px;height:150px;border:1px solid #b8ca8b1a;border-radius:50%;box-shadow:0 0 0 22px #b8ca8b08,0 0 0 44px #b8ca8b06}.tiny-tag{background:#edf2df;color:#7a8e52;border-radius:4px;padding:1px 5px;font-size:9px}.tiny-tag.warm{background:#f9eee4;color:#bb895d}.grid-main{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:20px;align-items:start}.grid-main+.grid-main{margin-top:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 23px 16px}.card-title{font-size:13px;font-weight:750;letter-spacing:-.2px;margin:0;display:flex;gap:8px;align-items:center}.card-subtitle{color:#9ba18f;font-size:10px;margin:4px 0 0}.card-header .text-button{font-size:10px;color:#8a957b}.pill{display:inline-flex;gap:5px;align-items:center;padding:3px 8px;border-radius:5px;background:#edf2e5;color:#758754;font-size:9px;font-weight:650;white-space:nowrap}.pill.warn{background:#fbefe4;color:#b38053}.pill.bad{background:#f8eae5;color:#b26d51}.pill.neutral{background:#f0f1ec;color:#8b9085}.pill.blue{background:#eaf0f1;color:#6d8588}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.table th{font-size:9px;font-weight:600;color:#9ca28f;background:#fafbf7;padding:10px 19px;border-top:1px solid #f1f2ec;border-bottom:1px solid #f1f2ec}.table td{font-size:11px;padding:15px 19px;border-bottom:1px solid #f0f2ea;vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tr[data-action]{cursor:pointer}.table tr[data-action]:hover{background:#fafbf6}.table .cell-sub{display:block;font-size:9px;color:#9ba28f;margin-top:3px}.table .cell-main{font-weight:650;color:#52634c}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .row-action{padding-right:20px;text-align:right}.card-footer{padding:12px 23px;border-top:1px solid #f0f2ea;display:flex;align-items:center;justify-content:space-between;color:#9da48f;font-size:9px}.order-symbol{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f3f3e9;color:#9a9c77;margin-right:10px;vertical-align:middle}.order-cell{display:flex;align-items:center}.order-number{font-weight:700;font-size:11px}.load-chart{padding:4px 23px 13px}.chart-columns{height:135px;display:flex;align-items:end;gap:17px;border-bottom:1px solid #eef1e7;padding:0 8px 0;position:relative;background:repeating-linear-gradient(to top,transparent 0px,transparent 43px,#f1f3ec 44px,#f1f3ec 45px)}.chart-column{flex:1;height:100%;display:flex;align-items:end;justify-content:center;gap:3px;position:relative;padding-top:18px}.chart-bar{width:25px;max-width:42%;border-radius:5px 5px 0 0;background:#d7e2b3;min-height:0}.chart-bar.second{background:#496145}.chart-total{position:absolute;font-size:9px;font-weight:700;color:#839274;top:0}.chart-labels{display:flex;gap:17px;padding:8px 8px 0;text-align:center;color:#9da48f;font-size:9px}.chart-labels span{flex:1}.legend{display:flex;align-items:center;justify-content:center;gap:16px;font-size:9px;color:#929b85;padding:12px 0 7px}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#d7e2b3}.legend i.dark{background:#496145}.plan-summary{margin:8px 23px 20px;background:#f6f8ef;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:10px;color:#8a9578}.plan-summary strong{color:#62784d}.alert-list{padding:0 23px 5px}.alert-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f2ea}.alert-row:last-child{border-bottom:0}.material-icon{width:34px;height:34px;display:grid;place-items:center;background:#f7f2e8;border-radius:10px;color:#b6a27b;flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-content strong{display:block;font-size:11px;font-weight:650}.alert-content small{font-size:9px;color:#9ca48f}.alert-quantity{text-align:right;font-size:11px;font-weight:700;color:#ac7d58}.alert-quantity small{display:block;font-size:9px;font-weight:450;color:#aaa58e}.mini-link{background:none;border:0;color:#95a17f;padding:5px}.stock-snapshot{padding:3px 23px 20px}.stock-category{margin:14px 0}.stock-category-head{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:#8b957e}.stock-category-head strong{font-weight:650;color:#657455}.stock-track{height:5px;background:#f1f3e9;border-radius:4px;overflow:hidden}.stock-fill{height:100%;background:#c7d7a1;border-radius:4px}.stock-fill.dark{background:#607c53}.stock-fill.warm{background:#d7b98c}.expiry-note{margin-top:20px;display:flex;gap:9px;padding:11px 12px;border-radius:9px;background:#faf6ee;color:#af9470;font-size:10px}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#a7ad9c;font-size:9px;margin-top:26px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;flex-wrap:wrap}.tabs{display:flex;gap:4px;flex-wrap:wrap;background:#ecefe4;padding:4px;border-radius:9px}.tab{border:0;background:none;padding:7px 11px;font-size:10px;border-radius:6px;color:#8c957e;font-weight:600}.tab.active{background:white;color:#52663f;box-shadow:0 1px 4px #36482a0a}.toolbar-note{font-size:10px;color:#929e83}.empty{padding:48px 25px;text-align:center;color:#89967b}.empty svg{margin-bottom:10px}.empty strong{display:block;font-size:14px;color:#5a6f4b;margin-bottom:8px}.empty p{font-size:11px;margin-bottom:15px}.section-gap{margin-top:21px}.info-box{padding:14px 17px;background:#eef2e5;border-radius:10px;font-size:11px;color:#7b8b65;line-height:1.8}.info-box.warm{background:#faf4e9;color:#a18d68}.info-box strong{color:#5c714c}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.recipe-head{padding:22px;display:flex;justify-content:space-between;gap:12px;align-items:start}.recipe-icon{width:45px;height:45px;border-radius:13px;background:#f4efdf;display:grid;place-items:center;color:#bd9a61;margin-bottom:12px}.recipe-head h3{font-size:15px;line-height:1.5;margin:0 0 6px;letter-spacing:-.3px}.recipe-details{font-size:10px;color:#9ba58c}.recipe-bottom{padding:14px 22px;background:#fafbf6;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#8f9b7f}.recipe-bottom strong{font-size:14px;color:#5c704d}.client-card{padding:23px}.client-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}.client-avatar{width:41px;height:41px;border-radius:12px;background:#eaf0dc;color:#72855b;font-size:15px;font-weight:700}.client-card h3{font-size:14px;margin:0}.client-card .subtitle{font-size:10px;color:#9ba58c}.client-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:10px}.client-details span{color:#9ba58c;display:block;margin-bottom:3px}.client-details strong{font-size:11px;font-weight:550}.client-bottom{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.explain-list{margin:0;padding:0;list-style:none}.explain-list li{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #eef1e7;font-size:11px}.explain-list li:last-child{border-bottom:0}.explain-list .step{height:22px;width:22px;border-radius:50%;display:grid;place-items:center;background:#eef3e3;color:#8da16b;font-size:10px;flex-shrink:0}.explain-list strong{font-weight:650}.explain-list small{display:block;color:#9aa58b;font-size:10px}.progress-track{background:#edf1e4;height:7px;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#9fb579}.readout{padding:0 23px 20px}.money-large{font-size:40px;font-weight:750;letter-spacing:-1.5px;line-height:1.2;margin:13px 0}.money-large small{font-size:15px;color:#9eaa8c;font-weight:500}.forecast-waterfall{padding:2px 23px 24px}.waterfall-row{margin:17px 0}.waterfall-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px;color:#829370}.waterfall-head strong{font-weight:650;color:#5e754c}.forecast-bar{height:10px;border-radius:4px;background:#c5d6a4}.forecast-bar.cost{background:#ded4b8}.forecast-bar.margin{background:#496745}.calculation-table th,.calculation-table td{padding:11px 14px}.notice-inline{font-size:10px;color:#a08e6b;background:#fbf7ef;padding:10px 13px;border-radius:8px;margin:15px 0}.search-result-count{font-size:11px;color:#8b977e;margin-bottom:15px}.mobile-scrim{display:none}.date-input{border:0;background:transparent;color:#78876b;font-size:11px;max-width:126px}.form-error{background:#fbede7;border:1px solid #edd6c9;border-radius:8px;padding:10px 12px;font-size:11px;color:#ad6e4b;margin-bottom:16px}.toast-visible{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#294737;color:#eef4df;padding:12px 22px;border-radius:11px;font-size:12px;box-shadow:0 6px 30px #233a2a24;opacity:0;transition:.2s;pointer-events:none;z-index:100;max-width:90vw}dialog{border:1px solid var(--line);border-radius:18px;width:min(650px,calc(100vw - 28px));padding:0;color:var(--ink);box-shadow:0 20px 100px #17251e33;max-height:90vh}dialog.wide{width:min(890px,calc(100vw - 28px))}dialog::backdrop{background:#20372d66;backdrop-filter:blur(3px)}.dialog-header{padding:23px 26px 18px;display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:21px;margin:0;letter-spacing:-.6px}.dialog-header p{font-size:10px;color:#96a084;margin:5px 0 0}.dialog-body{padding:22px 26px;overflow-wrap:anywhere}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding:17px 26px;background:#fafbf7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;color:#768565;font-weight:650}.form-field input,.form-field select,.form-field textarea{border:1px solid #dde3d2;border-radius:8px;padding:10px 11px;background:white;color:#4c6142;min-width:0;width:100%;font-size:12px}.form-field textarea{resize:vertical;min-height:65px}.form-field small{color:#9aa78a;font-size:10px}.form-line{display:grid;grid-template-columns:minmax(0,1fr) 75px 90px 30px;gap:9px;align-items:end;padding:10px 0}.form-line .form-field{margin:0}.form-line input,.form-line select{padding:8px 7px;font-size:11px}.form-line .icon-btn{margin-bottom:3px;width:28px;height:29px}.line-heading{font-size:12px;font-weight:700;margin-top:5px}.line-total{font-size:14px;font-weight:700;text-align:right;padding:15px 0 0}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.detail-stat{padding:12px;background:#f5f7ee;border-radius:9px}.detail-stat span{display:block;color:#95a383;font-size:10px}.detail-stat strong{font-size:13px;font-weight:650}.detail-section-title{font-size:12px;margin:22px 0 10px}.detail-note{font-size:11px;color:#89987a;margin:10px 0}.support-note{font-size:10px;color:#96a285;line-height:1.8}.muted{color:#9ca78e}.text-right{text-align:right}.negative{color:var(--red)!important}.positive{color:#738f53!important}.nowrap{white-space:nowrap}
@media(min-width:1500px){.main{padding-top:40px}.stats{gap:22px}.stat{padding:22px 25px}.stat-value{font-size:34px}.table td{padding-top:19px;padding-bottom:19px}.chart-columns{height:155px}}
@media(max-width:1190px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-left:12px;padding-right:12px}.main{padding:25px}.topbar{padding:0 25px}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr)}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:25px}.table td,.table th{padding-left:14px;padding-right:14px}.top-date{display:none}.brand{padding-left:8px}.brand-name{font-size:19px}}
@media(max-width:1000px){.grid-main{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-columns{height:130px}.chart-bar{width:55px}.cards-grid{grid-template-columns:1fr}.search input{width:140px}.main{padding:25px 20px}.table td{padding-top:14px;padding-bottom:14px}}
@media(max-width:700px){body{font-size:12px}.layout{grid-template-columns:1fr}.shell{grid-column:1}.sidebar{transform:translateX(-100%);transition:transform .2s;width:228px}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:0;background:#20372d66;z-index:25}.mobile-menu{display:grid}.topbar{height:62px;padding:0 17px;gap:10px;position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(12px)}.breadcrumb{display:none}.top-actions{gap:10px;margin-left:auto}.search input{width:116px;font-size:11px}.search kbd{display:none}.main{padding:23px 16px}.page-title{align-items:start;gap:10px;margin-bottom:20px}.page-title h1{font-size:25px}.page-title p{font-size:10px;max-width:220px}.eyebrow{font-size:8px}.title-actions{flex-wrap:wrap;justify-content:end}.title-actions .btn{padding:9px 11px;min-height:36px}.title-actions .btn.secondary-action{display:none}.stats{gap:10px;margin-bottom:17px}.stat{border-radius:13px;padding:14px}.stat-top{font-size:10px}.stat-icon{width:25px;height:25px}.stat-icon svg{width:14px;height:14px}.stat-value{font-size:25px;margin:10px 0 7px}.stat-bottom{font-size:9px;gap:4px;flex-wrap:wrap}.card-header{padding:18px 18px 14px}.card-title{font-size:12px}.card-subtitle{font-size:9px}.grid-main{gap:16px}.grid-main+.grid-main{margin-top:16px}.alert-list{padding:0 18px 5px}.card-footer{padding:12px 18px}.banner{font-size:9px;align-items:start;padding:9px 11px;gap:7px}.banner svg{flex-shrink:0;margin-top:1px}.page-footer{font-size:8px;flex-wrap:wrap;margin-top:20px}.table td{font-size:10px}.table th{font-size:9px}.table{min-width:490px}.recipe-card .table{min-width:0}.toolbar{align-items:start}.tabs{max-width:100%}.tab{padding:6px 9px;font-size:9px}.info-box{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.form-field{margin-bottom:14px}.form-line{grid-template-columns:minmax(0,1fr) 59px 72px 26px;gap:6px}.form-line label{font-size:9px}.form-line input,.form-line select{font-size:10px}.dialog-body{padding:18px}.dialog-header{padding:20px 18px 15px}.dialog-footer{padding:15px 18px;flex-wrap:wrap}.dialog-header h2{font-size:19px}.detail-stats{gap:7px}.detail-stat{padding:10px 8px}.detail-stat strong{font-size:11px}.detail-stat span{font-size:9px}.cards-grid{gap:15px}.money-large{font-size:33px}.recipe-head{padding:19px}.client-card{padding:19px}.card{border-radius:14px}.support-note{font-size:9px}.title-actions .btn .optional{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:700px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}
.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.brand,.workspace{flex-shrink:0}
.workspace{width:calc(100% - 10px);text-align:left;color:var(--ink);cursor:pointer}.workspace>svg{margin-left:auto}.syncbar{display:flex;align-items:center;gap:13px;justify-content:space-between;font-size:10px;color:#8b987c;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.syncbar>div{display:flex;gap:7px}.syncbar>span:nth-child(2){margin-right:auto}.boot-screen{max-width:600px;padding:50px 25px;margin:12vh auto;text-align:center}.boot-screen h1{font-size:28px;line-height:1.4}.boot-screen p{color:var(--muted)}.onboarding{display:flex;gap:30px;align-items:center;padding:25px;margin-bottom:23px;background:#f0f4e5}.onboarding h2{font-size:20px;margin:4px 0 8px}.onboarding p{color:#879673;font-size:11px;max-width:420px}.onboarding-actions{display:flex;gap:9px;flex-wrap:wrap;flex:1}.workspace-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.workspace-option{display:flex;flex-direction:column;gap:15px;align-items:start;text-align:left;border:1px solid var(--line);border-radius:12px;padding:20px;background:#f7f9ef;color:var(--ink)}.workspace-option:hover{border-color:#a3b381}.workspace-option strong{font-size:14px}.workspace-option span{font-size:11px;color:#7d8c6a}.component-line{display:grid;grid-template-columns:minmax(0,1fr) 110px 32px;gap:10px;align-items:end;margin:10px 0}.component-line .form-field{margin:0}.component-line .icon-btn{margin-bottom:3px}.recipe-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:end;margin-left:10px}.recipe-bottom{align-items:start}.form-field:has(select:disabled){opacity:.75}[hidden]{display:none!important}
@media(max-width:700px){.syncbar{gap:8px;font-size:9px}.syncbar>span:nth-child(2){font-size:8px}.syncbar>div{width:100%;justify-content:end}.onboarding{display:block;padding:19px}.onboarding-actions{margin-top:18px}.workspace-options{grid-template-columns:1fr}.component-line{grid-template-columns:minmax(0,1fr) 77px 28px;gap:6px}.component-line select,.component-line input{font-size:10px;padding:9px 6px}.recipe-bottom{gap:10px;flex-wrap:wrap}.recipe-actions{margin-left:0}.title-actions{max-width:180px}}