html{scroll-behavior:smooth}body{margin:0}#root{min-height:100vh}a,button,input,select{-webkit-tap-highlight-color:transparent}:root{--bg:#d9e8df;--bg-warm:#f5eadc;--panel:#fff8ef;--panel-cool:#effaf6;--panel-blue:#dff4f8;--ink:#17201c;--muted:#697a72;--line:#5d7a6f2e;--green:#4cc7a2;--green-deep:#177a66;--sage:#cbd98d;--blue:#61b9d0;--blue-deep:#24758f;--peach:#f4cdae;--cream:#fff1dc;--orange:#d97944;--orange-soft:#fff0e5;--shadow-soft:18px 22px 44px #3a4f472e, -14px -14px 34px #ffffff94;--shadow-card:0 22px 42px #425b5229, inset 0 1px 0 #ffffffc7;--shadow-press:inset 8px 8px 18px #4c655d24, inset -8px -8px 18px #ffffffa6;--radius-xl:34px;--radius-card:24px;--radius-control:999px;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(1200px 760px at 7% 4%,#f8e7d8 0%,#0000 52%),radial-gradient(900px 580px at 94% 7%,#c9e7e7 0%,#0000 58%),linear-gradient(135deg,#eadfd7 0%,#d7e8dd 44%,#d2e5e6 100%)}body{background:linear-gradient(140deg, #fff2dca3, #cfe7dec7), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{border-radius:var(--radius-control);color:var(--ink);cursor:pointer;background:linear-gradient(145deg,#fffaf3,#edf7f2);border:1px solid #ffffffb3;min-height:42px;padding:10px 16px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;box-shadow:8px 10px 20px #526c6324,-8px -8px 18px #ffffff9e}button:hover{border-color:#4cc7a273;transform:translateY(-1px);box-shadow:10px 14px 24px #415e552e,-8px -8px 18px #ffffffb3}button:active{box-shadow:var(--shadow-press);transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}input,select{width:100%;color:var(--ink);background:#fffcf6bd;border:1px solid #ffffffbd;border-radius:18px;min-height:42px;padding:10px 13px;box-shadow:inset 4px 5px 12px #526c631a,inset -4px -4px 12px #ffffffa3}input:focus,select:focus{outline-offset:2px;outline:2px solid #4cc7a26b}.app-shell{grid-template-columns:286px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{height:100vh;color:var(--ink);background:linear-gradient(150deg,#fff4e2d1,#cbe6e1db),#e9eee4;border-right:1px solid #ffffff9e;flex-direction:column;gap:9px;padding:22px 18px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:18px 0 42px #40564e1f}.side-nav:before{content:"";background:linear-gradient(145deg, #b4e2d6db, #67bbd1b8), var(--panel-blue);height:210px;box-shadow:var(--shadow-soft);pointer-events:none;border-radius:46% 54% 38% 62%/58% 44% 56% 42%;position:absolute;inset:auto -65px 16px 16px}.brand-mark{z-index:1;align-items:center;gap:13px;padding:12px 10px 20px;display:flex;position:relative}.brand-mark img{object-fit:contain;background:#fffaf3;border-radius:16px;flex:0 0 42px;width:42px;height:42px;box-shadow:8px 10px 18px #49635a29,-6px -6px 16px #fffc}.brand-mark strong{letter-spacing:0;font-size:20px;display:block}.brand-mark span,.side-nav a{color:#63766e;font-size:13px}.side-nav a{z-index:1;border:1px solid #0000;border-radius:20px;align-items:center;gap:10px;padding:12px 13px;text-decoration:none;display:flex;position:relative}.side-nav a.active,.side-nav a:hover{color:var(--ink);background:#fffaf2b8;border-color:#ffffffc7;box-shadow:8px 10px 18px #445e5621,-8px -8px 20px #ffffffa3}.workbench{flex-direction:column;gap:22px;padding:28px;display:flex;position:relative;overflow:hidden}.workbench:before{content:"";filter:blur(.2px);pointer-events:none;background:linear-gradient(145deg,#ffedcdb8,#b2e8dbc2 50%,#69b8cfb3);border-radius:36% 64% 48% 52%/42% 45% 55% 58%;width:560px;height:390px;position:absolute;top:-160px;right:-190px}.workbench>*{z-index:1;position:relative}.topbar{grid-template-columns:minmax(280px,1fr) minmax(420px,.9fr);align-items:center;gap:22px;display:grid}.topbar h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(32px,4vw,56px);line-height:.98}.topbar p,.panel p{color:var(--muted);margin:0;line-height:1.55}.top-controls{grid-template-columns:minmax(220px,1fr) auto 188px;align-items:center;gap:12px;display:grid}.search-box,.language-select{border-radius:var(--radius-control);box-shadow:var(--shadow-card);background:#fffaf3c7;border:1px solid #ffffffc2;align-items:center;gap:9px;padding:3px 12px;display:flex}.search-box input,.language-select select{box-shadow:none;background:0 0;border:0;padding-inline:0}.search-box button{min-height:30px;box-shadow:none;background:0 0;border:0;padding:5px}.icon-button,.primary,.button-row button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary{color:#0f2825;background:linear-gradient(145deg,#6bd8bf,#54aac6);border-color:#ffffffb3;font-weight:820}.notice{color:#235243;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fdf1de,#e9f7ef);border:1px solid #ffffffb8;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.summary-grid,.main-grid{gap:18px;display:grid}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.main-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.panel,.metric{background:linear-gradient(145deg, #fffbf4e0, #eff9f5d1), var(--panel);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #ffffffb8}.panel{padding:20px;overflow:hidden}.panel.wide{min-width:0}.panel h2,.table-block h3{margin:0;line-height:1.15}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.button-row{flex-wrap:wrap;gap:10px;display:flex}.metric{gap:9px;min-height:126px;padding:18px;display:grid}.metric:nth-child(2n){background:linear-gradient(145deg,#fff1dc,#e5f8f2)}.metric:nth-child(3n){background:linear-gradient(145deg,#effaf6,#dff4f8)}.metric svg{color:var(--green-deep)}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:clamp(20px,2.2vw,27px);line-height:1}.metric.strong{color:#10221a;background:linear-gradient(145deg,#69d3bc,#80c6d8)}.metric.strong span{color:#24493f}.table-block+.table-block{margin-top:18px}.shopping-card-grid{gap:14px;margin-top:12px;display:grid}.shopping-item-card,.retailer-list article,.cart-row,.alert-list article,.toggle-row,.session-grid article,.order-list article,.notification-list article,.endpoint-grid article,.voucher-card,.supplier-card,.voucher-order-list article,.connector-card,.examples-grid article,.health-grid article{background:#fffdf8b8;border:1px solid #ffffffb8;border-radius:22px;box-shadow:8px 10px 20px #4a60581a,-7px -7px 18px #fff9}.shopping-item-card{gap:13px;min-width:0;padding:14px;display:grid}.item-main-grid,.brand-grid,.quote-grid{gap:11px;display:grid}.item-main-grid{grid-template-columns:minmax(240px,1fr) 88px 88px 116px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-grid{grid-template-columns:minmax(140px,.5fr) minmax(140px,.5fr) minmax(220px,1fr);align-items:stretch}.shopping-item-card label,.quote-badge,.selected-quote{gap:6px;min-width:0;display:grid}.shopping-item-card label span,.quote-badge span,.selected-quote span,.source-actions span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.quote-badge,.selected-quote{background:linear-gradient(145deg,#ebfaf4,#dff4f8);border:1px solid #ffffffb3;border-radius:20px;padding:12px;box-shadow:inset 0 1px #ffffffb3}.quote-badge.empty{background:#fffdf99e}.quote-badge b,.selected-quote b{color:var(--green-deep)}.quote-badge small,.selected-quote small{color:var(--muted);overflow-wrap:anywhere}.source-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-width:0;padding-top:11px;display:flex}.source-actions button,.retailer-actions button,.cart-row button,.panel-heading>button,.endpoint-actions button{flex:none;align-items:center;gap:6px;display:inline-flex}.table{margin-top:11px;display:grid;overflow-x:auto}.table-head,.table-row{grid-template-columns:minmax(220px,1fr) 86px 96px 86px 112px;align-items:center;gap:8px;min-width:680px;display:grid}.table-head{color:var(--muted);text-transform:uppercase;padding:0 6px 7px;font-size:12px;font-weight:800}.table-row{border-top:1px solid var(--line);padding:9px 0}.table-row strong{text-align:right}.suggestions,.retailer-list,.card-list,.stock-list,.alert-list{gap:11px;margin-top:14px;display:grid}.suggestions button{text-align:left;white-space:normal;justify-content:flex-start;align-items:center;gap:9px;min-height:42px;display:flex}.form-row{gap:7px;margin-top:10px;display:grid}.form-row span,.toggle-row span,.retailer-list span{color:var(--muted);font-size:13px}.retailer-list small{color:var(--green-deep);font-size:12px;font-weight:850}.retailer-list article,.cart-row,.alert-list article,.toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.retailer-list article>div,.cart-row div,.toggle-row span{gap:4px;display:grid}.retailer-list label,.toggle-row{white-space:nowrap}.retailer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.retailer-actions button,.cart-row button,.panel-heading>button{min-height:36px;padding:7px 11px;font-size:13px}.courier-list{max-height:560px;padding-right:4px;overflow:auto}.account-panel .panel-heading svg,.health-panel .panel-heading svg,.vault-panel .panel-heading svg,.price-source-panel .panel-heading svg,.responsive-audit svg,.order-history-panel .panel-heading svg{color:var(--green-deep)}.account-status,.session-readiness p,.learning-note,.human-value,.connector-test,.order-state{background:linear-gradient(145deg,#eefaf5,#ddf4f6);border:1px solid #ffffffb3;border-radius:20px;box-shadow:inset 0 1px #ffffffad}.account-status{gap:4px;padding:12px;display:grid}.account-status span,.health-grid span,.session-status span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.account-status strong{overflow-wrap:anywhere}.account-actions{margin:13px 0}.password-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.health-grid article{gap:5px;padding:12px;display:grid}.vault-actions{margin-top:12px}.retailer-list input,.toggle-row input,.command-strip input[type=checkbox]{width:18px;min-height:18px}.toggle-row{justify-content:flex-start}.voucher{background:linear-gradient(145deg,#fff0e5,#fff8ef)}.alert-list h3{margin:0;font-size:15px}.alert-list article{background:linear-gradient(145deg,#fff0e5,#fff9f0)}.alert-list b{color:var(--orange)}.stock-list label{grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:11px;display:grid}.learning-note{align-items:center;gap:8px;padding:12px;display:flex;margin-top:14px!important}.store-session-panel,.endpoint-panel{scroll-margin-top:18px}.session-status{justify-items:end;gap:4px;min-width:120px;display:grid}.session-status strong{color:var(--green-deep);font-size:25px}.session-actions{margin-bottom:14px}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.session-grid article{grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:12px;padding:14px;display:grid}.session-grid article>div,.session-controls{gap:6px;min-width:0;display:grid}.session-grid span,.session-grid small,.order-list span,.order-list small,.notification-list span,.notification-list small{color:var(--muted)}.session-controls{justify-items:end}.session-controls label{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.session-controls input{width:18px;min-height:18px}.session-controls b,.cart-row b,.order-actions b,.endpoint-total strong,.supplier-actions b,.voucher-price-row b,.upload-target strong{color:var(--green-deep)}.session-readiness{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.session-readiness p{align-items:center;gap:8px;padding:12px;font-weight:750;display:flex}.session-readiness svg,.standards-list svg,.human-value svg{color:var(--green-deep);flex:none}.order-list,.notification-list{gap:11px;margin-top:12px;display:grid}.order-list article,.notification-list article{justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.order-list article>div,.notification-list article{min-width:0}.order-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.order-actions b{align-self:center}.notifications-panel h3{margin:16px 0 0}.upload-target{cursor:pointer;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#eefaf5,#fff3e2);border:1px dashed #4f8e7d80;border-radius:24px;gap:8px;padding:18px;display:grid}.upload-target input{width:100%;min-height:auto;box-shadow:none;background:0 0;border:0;padding:0}.upload-target span{font-weight:850}.schema-box{gap:7px;margin-top:12px;display:grid}.schema-box code,.endpoint-grid code,.connector-env code{color:var(--blue-deep);overflow-wrap:anywhere;background:#dff4f8c2;border-radius:14px;padding:8px 10px}.price-source-list{gap:9px;max-height:390px;margin-top:12px;padding-right:4px;display:grid;overflow:auto}.price-source-list article{background:#fffdf8b3;border:1px solid #ffffffb3;border-radius:20px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:12px;display:grid}.price-source-list span,.price-source-list small{color:var(--muted)}.price-source-list small{overflow-wrap:anywhere;grid-column:2/-1}.examples-panel{grid-column:auto}.rating{justify-items:end;gap:2px;min-width:130px;display:grid}.rating span{color:var(--orange);font-size:28px;font-weight:900;line-height:1}.rating strong{color:var(--muted);text-align:right;font-size:12px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:680px;padding-right:4px;display:grid;overflow:auto}.examples-grid article{background:linear-gradient(145deg,#fff6e9d6,#e6f8f2cc),#fffaf3;padding:14px}.examples-grid article>span{color:var(--green-deep);font-size:12px;font-weight:900}.examples-grid h3,.manuals-panel h3{margin:4px 0 8px;font-size:16px;line-height:1.25}.examples-grid p{margin-top:5px;font-size:13px}.manual-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.manual-actions a,.prompt-list button{border-radius:var(--radius-control);color:var(--ink);text-align:center;background:#fffdf8b8;border:1px solid #ffffffb3;padding:11px;font-weight:760;text-decoration:none;box-shadow:8px 10px 18px #4a60581c,-7px -7px 16px #ffffff94}.prompt-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.standards-list{gap:9px;display:grid}.standards-list p{align-items:center;gap:8px;font-size:13px;display:flex}.human-value{align-items:flex-start;gap:10px;margin-top:16px;padding:13px;display:flex}.checkout-panel{margin-bottom:24px}.checkout-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:18px;display:grid}.workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.flow-step{box-shadow:var(--shadow-card);background:#fffdf8a3;border:1px solid #ffffffb8;border-radius:22px;align-items:flex-start;gap:10px;padding:13px;display:flex}.flow-step span{height:30px;color:var(--blue-deep);box-shadow:var(--shadow-press);background:linear-gradient(145deg,#dff4f8,#fff1dc);border-radius:50%;flex:0 0 30px;place-items:center;font-size:13px;font-weight:850;display:inline-grid}.flow-step p{color:var(--ink);font-weight:650}.cart-stack{gap:9px;display:grid}.command-strip{border-top:1px solid var(--line);grid-template-columns:auto minmax(180px,1fr) minmax(180px,.8fr) auto;align-items:center;gap:11px;margin-top:16px;padding-top:14px;display:grid}.command-strip label{align-items:center;gap:8px;font-weight:760;display:flex}.order-state{color:var(--blue-deep);align-items:center;gap:8px;margin-top:12px;padding:12px 13px;font-weight:760;display:flex}.endpoint-total{justify-items:end;gap:4px;min-width:140px;display:grid}.endpoint-total span{color:var(--muted);font-size:13px;font-weight:760}.endpoint-total strong{font-size:25px}.endpoint-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.endpoint-grid article{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px;display:grid}.endpoint-grid strong{line-height:1.25;display:block}.endpoint-grid code{margin:7px 0;font-size:12px;display:block}.endpoint-grid p{font-size:13px}.endpoint-actions{align-content:start;justify-items:end;gap:8px;display:grid}.endpoint-actions span,.connector-summary span,.connector-endpoints span{border-radius:var(--radius-control);color:var(--blue-deep);white-space:nowrap;background:#dff4f8c7;padding:6px 10px;font-size:12px;font-weight:850}.endpoint-actions button{min-height:36px;padding:7px 11px}.voucher-market-panel,.supplier-directory-panel,.api-connectors-panel{min-width:0}.voucher-category-stack,.voucher-order-list,.supplier-grid,.connector-groups{gap:14px;display:grid}.voucher-category-stack h3,.voucher-order-list h3,.connector-group h3{margin:0 0 10px}.voucher-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px;display:grid}.voucher-card,.supplier-card,.voucher-order-list article{gap:11px;padding:14px;display:grid}.voucher-card strong,.supplier-card strong,.voucher-order-list strong,.connector-card strong{line-height:1.25;display:block}.voucher-card span,.supplier-card span,.voucher-order-list span,.connector-card span,.connector-card small{color:var(--muted)}.voucher-card small,.supplier-card small,.voucher-order-list small,.connector-card small{line-height:1.35}.voucher-price-row{background:linear-gradient(145deg,#eefaf5,#dff4f8);border-radius:18px;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;display:flex}.voucher-price-row b{font-size:20px}.form-row.compact{margin:0}.warning-text{background:var(--orange-soft);border-radius:16px;padding:8px 9px;font-weight:760;color:#833511!important}.voucher-order-list{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.voucher-order-list article{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.supplier-upload{margin-bottom:10px}.supplier-card{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:start}.supplier-card.restricted,.connector-card.disabled{background:linear-gradient(145deg,#fffaf6,#fff0e5);border-color:#f4cdaeb3}.supplier-actions{justify-items:end;gap:8px;display:grid}.supplier-actions b{text-align:right}.supplier-card.restricted .supplier-actions b,.connector-card.disabled .connector-test{color:#833511}.connector-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.connector-actions{margin-bottom:16px}.connector-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:11px;display:grid}.connector-card{gap:11px;padding:14px;display:grid}.connector-env{gap:6px;display:grid}.connector-env code{font-size:12px}.connector-endpoints{flex-wrap:wrap;gap:6px;display:flex}.connector-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.connector-controls label{align-items:center;gap:7px;font-size:13px;font-weight:760;display:flex}.connector-test{color:#10472d;gap:3px;padding:10px 11px;display:grid}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.side-nav{flex-direction:row;align-items:center;height:auto;position:static;overflow-x:auto}.side-nav:before{display:none}.brand-mark{min-width:170px;padding:8px}.topbar,.main-grid,.checkout-grid,.endpoint-grid,.item-main-grid,.session-grid,.session-readiness,.connector-controls,.supplier-card{grid-template-columns:1fr}.quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-quote{grid-column:1/-1}}@media (width<=760px){.workbench{padding:15px}.top-controls,.summary-grid,.workflow,.command-strip,.examples-grid,.manual-actions,.prompt-list,.brand-grid,.quote-grid,.voucher-order-list article,.price-source-list article,.password-grid,.health-grid{grid-template-columns:1fr}.panel,.metric{border-radius:22px}.panel-heading,.retailer-list article,.cart-row,.order-list article,.notification-list article,.endpoint-grid article,.session-grid article{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.session-status,.session-controls,.endpoint-actions,.supplier-actions{justify-items:stretch}.source-actions{flex-direction:column;align-items:stretch}.price-source-list small{grid-column:auto}.metric strong{font-size:20px}}