@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--primary:#1b4dff;--primary-600:#0f3cd9;--primary-700:#042bb2;--primary-400:#4a72ff;--primary-50:#e8edff;--primary-25:#f2f5ff;--success:#0a9952;--success-700:#048746;--success-25:#f2fff9;--warning:#ffc700;--warning-800:#896b00;--warning-25:#fff9df;--error:#e92215;--error-700:#d21a0e;--error-25:#fff5f4;--slate-25:#f9fafb;--slate-50:#f0f3f9;--slate-100:#e9eff6;--slate-200:#d7dfe9;--slate-300:#afbaca;--slate-400:#8897ae;--slate-500:#5e718d;--slate-600:#455468;--slate-700:#3d4a5c;--slate-800:#2d3643;--slate-900:#1c222b;--violet:#7f56f8;--rose:#f54c64;--sky:#2497eb;--emerald:#16a077;--shadow-xs:0 1px 2px #1c222b0f;--shadow-sm:0 1px 3px #1c222b14, 0 1px 2px #1c222b0a;--shadow-lg:0 12px 24px -6px #1c222b1f, 0 4px 8px -4px #1c222b0f;--ring:0 0 0 3px var(--primary-50);--radius:6px;--radius-md:8px;--radius-card:12px;--font:"Inter", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--slate-25);color:var(--slate-900);font-family:var(--font);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:focus-visible,summary:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--primary-400);outline:none}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--slate-200);background:#fff;flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 8px 24px;display:flex}.brand b{font-size:15px;font-weight:600}.brand small{color:var(--slate-500);font-size:12px;display:block}.brand-mark{border-radius:var(--radius-md);background:var(--primary);color:#fff;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:700;display:grid;box-shadow:inset 0 -2px #00000026}.sidebar nav{gap:2px;display:grid}.sidebar nav button{color:var(--slate-600);text-align:left;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar nav button svg,.collapse-toggle svg{flex:none}.sidebar nav button svg{color:var(--slate-400)}.sidebar nav button:first-child svg{color:var(--primary)}.sidebar nav button:nth-child(2) svg{color:var(--violet)}.sidebar nav button:nth-child(3) svg{color:var(--rose)}.sidebar nav button:nth-child(4) svg{color:var(--emerald)}.sidebar nav span,.brand>div:last-child,.collapse-toggle span,.fresh span,.logout span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar nav button:hover{background:var(--slate-50);color:var(--slate-900)}.sidebar nav button.active{background:var(--primary-25);color:var(--primary-600);box-shadow:inset 0 0 0 1px var(--primary-50);font-weight:600}.sidebar-bottom{gap:8px;margin-top:auto;display:grid}.collapse-toggle{width:100%;color:var(--slate-500);border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.collapse-toggle:hover{background:var(--slate-50);color:var(--slate-900)}.fresh{border-radius:var(--radius-md);background:var(--success-25);color:var(--success-700);border:1px solid #c8f2dd;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.fresh i{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #c8f2dd}.fresh span{min-width:0}.fresh small{color:var(--slate-500);font-size:12px;font-weight:400;display:block}.profile{color:var(--slate-700)}.app-shell{transition:grid-template-columns .2s}@media (min-width:761px){.app-shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar-collapsed .sidebar{padding-inline:12px}.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.sidebar-collapsed .brand>div:last-child,.sidebar-collapsed .sidebar nav span,.sidebar-collapsed .collapse-toggle span,.sidebar-collapsed .fresh span,.sidebar-collapsed .logout span{display:none}.sidebar-collapsed .sidebar nav button,.sidebar-collapsed .collapse-toggle,.sidebar-collapsed .fresh,.sidebar-collapsed .logout{justify-content:center;padding-inline:0}}.workspace{min-width:0}.workspace>header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--slate-200);z-index:10;background:#fffffff0;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.workspace>header small{color:var(--slate-500);letter-spacing:.02em;font-size:12px;font-weight:500}.workspace>header h1{margin:0;font-size:22px;font-weight:600}.workspace>header>span{background:var(--error-25);color:var(--error-700);border-radius:var(--radius);white-space:nowrap;border:1px solid #ffdcda;padding:6px 10px;font-size:13px;font-weight:500}.page{max-width:1640px;margin:auto;padding:24px 28px 40px}.consult-tabs,.mode-tabs{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);gap:2px;padding:3px;display:inline-flex}.consult-tabs{margin-bottom:20px}.consult-tabs button,.mode-tabs button{color:var(--slate-500);border-radius:var(--radius);white-space:nowrap;background:0 0;border:0;padding:7px 14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.consult-tabs button:hover,.mode-tabs button:hover{color:var(--slate-900)}.consult-tabs button.active,.mode-tabs button.active{color:var(--slate-900);box-shadow:var(--shadow-sm);background:#fff}.consult-grid{grid-template-columns:minmax(260px,3fr) minmax(380px,4fr) minmax(320px,3fr);align-items:start;gap:20px;display:grid}.flow-column,.middle-column,.right-column{grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;display:grid}.card{border:1px solid var(--slate-200);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);background:#fff;padding:20px}.card h2{margin:0;font-size:16px;font-weight:600}.eyebrow{color:var(--slate-500);margin:0 0 12px;font-size:12px;font-weight:500}.steps{gap:8px;display:grid}.flow-step{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:#fff;transition:border-color .15s,box-shadow .15s;overflow:hidden}.flow-step[open]{border-color:var(--primary-100,#b4c4ff);box-shadow:var(--ring)}.flow-step summary{cursor:pointer;grid-template-columns:28px 1fr 16px;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:grid}.flow-step summary:hover{background:var(--slate-25)}.flow-step summary::-webkit-details-marker{display:none}.flow-step summary i{border-radius:var(--radius);width:28px;height:28px;color:var(--slate-600);background:var(--slate-50);border:1px solid var(--slate-200);place-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.flow-step[open] summary i{color:#fff;background:var(--primary);border-color:var(--primary)}.flow-step summary b,.flow-step summary small{display:block}.flow-step summary b{font-weight:600}.flow-step summary small{color:var(--slate-500);font-size:12px}.flow-step summary em{color:var(--slate-400);font-size:16px;font-style:normal;transition:transform .15s}.flow-step[open] summary em{transform:rotate(90deg)}.flow-body{gap:12px;padding:4px 14px 14px 50px;display:grid}.flow-body label,.service-fields label{color:var(--slate-700);gap:6px;font-size:13px;font-weight:500;display:grid}.flow-body input,.flow-body textarea,.service-fields input,.service-fields textarea,.service-fields select,.fields select,.search input,.search select{border:1px solid var(--slate-200);border-radius:var(--radius);width:100%;min-height:40px;color:var(--slate-900);box-shadow:var(--shadow-xs);background:#fff;padding:8px 12px;font-weight:400;transition:border-color .15s,box-shadow .15s}.flow-body input::placeholder,.flow-body textarea::placeholder,.service-fields input::placeholder,.service-fields textarea::placeholder{color:var(--slate-400)}.flow-body input:focus,.flow-body textarea:focus,.service-fields input:focus,.service-fields textarea:focus,.service-fields select:focus,.fields select:focus,.search input:focus,.search select:focus{border-color:var(--primary-400);box-shadow:var(--ring);outline:none}.flow-body textarea,.service-fields textarea{resize:vertical;min-height:84px}.flow-body .check,.service-fields .check{align-items:flex-start;gap:10px;font-weight:400;line-height:1.5;display:flex}.flow-body .check input{width:16px;height:16px;min-height:16px;box-shadow:none;accent-color:var(--primary);flex:none;margin:2px 0 0}.hint,.choice-note{border-radius:var(--radius);border:1px solid #0000;margin:0;padding:8px 12px;font-size:13px;line-height:1.5}.hint{background:var(--primary-25);border-color:var(--primary-50);color:var(--primary-700)}.choice-note{background:var(--warning-25);color:var(--warning-800);border-color:#fff2c4}.pills{flex-wrap:wrap;gap:6px;display:flex}.pills label{position:relative}.pills input{opacity:0;pointer-events:none;position:absolute}.pills span{border:1px solid var(--slate-200);border-radius:var(--radius);color:var(--slate-700);cursor:pointer;box-shadow:var(--shadow-xs);background:#fff;padding:5px 10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:block}.pills span:hover{border-color:var(--slate-300);background:var(--slate-25)}.pills input:checked+span{background:var(--primary-25);border-color:var(--primary-400);color:var(--primary-600)}.pills input:focus-visible+span{box-shadow:var(--ring)}.outline,.primary,.library-shortcut{border-radius:var(--radius);padding:9px 16px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s}.outline{border:1px solid var(--slate-200);color:var(--slate-700);box-shadow:var(--shadow-xs);background:#fff}.outline:hover{background:var(--slate-25);border-color:var(--slate-300)}.primary{border:1px solid var(--primary);background:var(--primary);color:#fff;width:100%;box-shadow:var(--shadow-xs)}.primary:hover{background:var(--primary-600)}.primary:focus-visible,.outline:focus-visible{box-shadow:var(--ring)}.primary:disabled,.outline:disabled,.search button:disabled{opacity:.55;cursor:progress}.library-shortcut{border:1px dashed var(--primary-400);background:var(--primary-25);width:100%;color:var(--primary-600)}.library-shortcut:hover{background:var(--primary-50)}.recap{background:var(--slate-25);border:1px solid var(--slate-200);border-radius:var(--radius-md);gap:6px;padding:10px 12px;display:grid}.recap div{justify-content:space-between;gap:10px;font-size:13px;display:flex}.recap span{color:var(--slate-500)}.recap b{text-align:right;font-weight:500}.card-title,.card-title>div{align-items:center;gap:12px;display:flex}.card-title>i+div,.card-title>div>i+div{min-width:0;display:block}.card-title.between{justify-content:space-between}.card-title h2{margin:0;font-size:16px}.card-title small{color:var(--slate-500);font-size:13px;display:block}.card-title i{border-radius:var(--radius-md);background:var(--primary-25);width:36px;height:36px;color:var(--primary-600);border:1px solid var(--primary-50);flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:600;display:grid}.card-title i.coral{color:#db1733;background:#feecef;border-color:#ffdadf}.card-title i.blue{color:#0d6047;background:#edfbf7;border-color:#dbf6ee}.card-title i.yellow{color:#3b09cf;background:#f1ecfe;border-color:#d4c7fd}.search{grid-template-columns:minmax(0,1fr) 104px auto;gap:8px;margin-top:16px;display:grid}.search button{border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary);color:#fff;box-shadow:var(--shadow-xs);padding:0 16px;font-weight:500}.search button:hover{background:var(--primary-600)}.product{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--slate-25);grid-template-columns:56px 1fr;gap:14px;margin-top:14px;padding:14px;display:grid}.product>div{border-radius:var(--radius-md);border:1px solid var(--slate-200);width:56px;height:56px;color:var(--emerald);background:#fff;place-items:center;font-size:11px;font-weight:700;display:grid}.product h3{margin:0;font-size:15px;font-weight:600}.product small{color:var(--slate-500);font-size:12px}.product p{flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 10px;display:flex}.product p b{color:var(--error-700);letter-spacing:-.03em;font-size:24px;font-weight:700}.product p s{color:var(--slate-400)}.warehouse{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.warehouse button{border:1px solid var(--slate-200);border-radius:var(--radius);color:var(--slate-700);background:#fff;padding:4px 10px;font-size:13px;font-weight:500}.warehouse button:hover{border-color:var(--slate-300)}.warehouse button.active{border-color:var(--primary-400);background:var(--primary-25);color:var(--primary-600)}.resolve-note{line-height:1.5;display:block}.promos{border:1px solid var(--slate-200);border-radius:var(--radius-md);margin-top:12px;display:grid;overflow:hidden}.promos>div{--cat:var(--primary);border-top:1px solid var(--slate-100);grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:grid}.promos>div:first-child{border-top:0}.promos>div:hover{background:var(--slate-25)}.promos>div:nth-child(6n+2){--cat:#8b5cf6}.promos>div:nth-child(6n+3){--cat:#ec4899}.promos>div:nth-child(6n+4){--cat:#10b981}.promos>div:nth-child(6n+5){--cat:#f97316}.promos>div:nth-child(6n+6){--cat:#06b6d4}.promos>div>span{border-radius:var(--radius-md);background:color-mix(in srgb, var(--cat) 12%, #fff);border:1px solid color-mix(in srgb, var(--cat) 25%, #fff);place-items:center;width:36px;height:36px;font-size:15px;display:grid}.promos b,.promos small{display:block}.promos b{font-weight:500}.promos small{color:var(--slate-500);font-size:12px}.promos em{color:var(--success-700);background:var(--success-25);border-radius:var(--radius);white-space:nowrap;border:1px solid #c8f2dd;padding:2px 8px;font-size:12px;font-style:normal;font-weight:500}.fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.fields label{color:var(--slate-700);font-size:13px;font-weight:500}.fields select{margin-top:6px}.switch{border:1px solid var(--slate-200);border-radius:var(--radius);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.switch input{accent-color:var(--primary);margin:0}.totals{margin-top:16px;display:grid}.totals div{border-bottom:1px dashed var(--slate-200);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.totals span{color:var(--slate-600)}.totals b{font-weight:500}.totals div:nth-child(2) b,.totals div:nth-child(3) b{color:var(--success-700)}.totals div:last-child{border:1px solid var(--primary-50);border-radius:var(--radius-md);background:var(--primary-25);align-items:center;margin-top:10px;padding:14px 16px}.totals div:last-child span{color:var(--primary-700);font-weight:500}.totals strong{color:var(--primary-600);letter-spacing:-.03em;font-size:22px;font-weight:700}.focus{background:radial-gradient(120% 90% at 100% 0%, #4a72ff8c, transparent 55%), radial-gradient(90% 80% at 0% 100%, #7f56f859, transparent 60%), var(--slate-900);color:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:20px}.focus small{color:var(--slate-300);font-size:12px;font-weight:500}.focus h2{color:#fff;margin:4px 0 14px;font-size:18px}.focus>div{flex-wrap:wrap;gap:6px;display:flex}.focus button{color:#fff;border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.focus p{color:var(--slate-300);margin:14px 0 0;font-size:12px}.mode-tabs{flex-wrap:wrap;margin:16px 0 12px;display:flex}.mode-tabs button{flex:1 0 auto;padding:6px 10px;font-size:13px}.right-column pre{white-space:pre-wrap;background:var(--slate-25);border:1px solid var(--slate-200);border-radius:var(--radius-md);font:13px/1.7 var(--font);color:var(--slate-700);margin:0 0 12px;padding:14px}.right-column .outline{width:100%;margin-top:8px}.library-page{max-width:1240px;margin:auto;padding:28px}.library-hero{background:radial-gradient(70% 140% at 100% 0%, #4a72ff99, transparent 60%), radial-gradient(50% 120% at 75% 100%, #ec489959, transparent 60%), var(--slate-900);color:#fff;border-radius:var(--radius-card);padding:32px}.library-hero>div{max-width:640px}.library-hero small{color:#b4c4ff;font-size:12px;font-weight:500}.library-hero h2{margin:6px 0;font-size:26px;line-height:1.25}.library-hero p{color:var(--slate-300);margin:0}.macro-search{border:1px solid var(--slate-200);border-radius:var(--radius-md);width:100%;min-height:44px;box-shadow:var(--shadow-xs);background:#fff;margin:20px 0 12px;padding:10px 14px}.macro-search:focus{border-color:var(--primary-400);box-shadow:var(--ring);outline:none}.category-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-chips button{--cat:var(--slate-500);border:1px solid color-mix(in srgb, var(--cat) 30%, #fff);background:color-mix(in srgb, var(--cat) 9%, #fff);color:color-mix(in srgb, var(--cat) 72%, #000);border-radius:var(--radius);align-items:center;gap:8px;padding:5px 8px 5px 10px;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.category-chips button i{background:var(--cat);border-radius:50%;width:8px;height:8px}.category-chips button b{min-width:20px;color:var(--slate-600);text-align:center;background:#fff;border-radius:4px;padding:0 6px;font-size:12px;font-weight:500}.category-chips button:hover{background:color-mix(in srgb, var(--cat) 16%, #fff)}.category-chips button.active{background:var(--cat);border-color:var(--cat);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--cat) 20%, #fff)}.category-chips button.active i{background:#fff}.category-chips button:first-child.active{background:var(--slate-900);border-color:var(--slate-900);box-shadow:none}.macro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.macro-grid h3{margin:10px 0 4px;font-size:15px;font-weight:600}.macro-grid p{line-height:1.6}.placeholder{text-align:center;place-items:center;min-height:70vh;padding:24px;display:grid}.placeholder .card{max-width:520px;padding:32px}.placeholder small{color:var(--primary-600);background:var(--primary-25);border-radius:var(--radius);padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.placeholder h2{margin:10px 0 6px;font-size:22px}.placeholder p{color:var(--slate-500);margin:0}.service-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.service-fields label:last-child{grid-column:1/-1}.service-grid .right-column .card h2{margin-bottom:12px}@media (max-width:1180px){.consult-grid{grid-template-columns:260px 1fr}.right-column{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}.right-column .focus{grid-column:1/-1}.macro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--slate-200);height:auto;padding:10px 12px;position:static}.sidebar nav{scrollbar-width:none;display:flex;overflow-x:auto}.sidebar nav button{flex:none}.sidebar-bottom,.brand{display:none}.workspace>header{flex-wrap:wrap;height:auto;padding:14px 16px;position:static}.workspace>header h1{font-size:19px}.consult-tabs{display:flex;overflow-x:auto}.consult-grid{grid-template-columns:1fr}.right-column{grid-column:1;grid-template-columns:minmax(0,1fr)}.right-column .focus{grid-column:1}.macro-grid{grid-template-columns:minmax(0,1fr)}.fields,.search,.service-fields{grid-template-columns:1fr}.search button{min-height:40px}.card{padding:16px}.flow-body{padding-left:14px}.page,.library-page{padding:16px}.library-hero{padding:24px 20px}.library-hero h2{font-size:21px}}
