:root{--navy-950:#07182d;--navy-900:#0b213d;--navy-800:#153553;--navy-700:#254965;--blue-700:#0e56b7;--blue-600:#1267d6;--blue-100:#e4efff;--cyan-600:#0793b2;--cyan-100:#def6fa;--orange-600:#e8580a;--orange-100:#fff0e5;--red-600:#d8343f;--red-100:#ffeaec;--green-700:#087153;--green-100:#dcf7ec;--purple-600:#6e55c9;--purple-100:#eeeafd;--slate-700:#44576a;--slate-600:#617386;--slate-500:#748599;--slate-300:#c9d3de;--slate-200:#dfe6ed;--slate-100:#edf2f6;--slate-50:#f5f8fb;--white:#fff;--shadow-sm:0 1px 2px #07182d0d, 0 5px 18px #07182d0a;--shadow-lg:0 24px 70px #07182d2e;--radius-sm:8px;--radius:13px;--radius-lg:19px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--slate-50);min-width:320px}body{min-width:320px;color:var(--navy-950);background:radial-gradient(circle at 85% 0%, #1267d60f, transparent 34rem), var(--slate-50);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),select:not(:disabled){cursor:pointer}button:disabled{cursor:wait;opacity:.62}:focus-visible{outline-offset:3px;outline:3px solid #0e93b270}::selection{color:var(--white);background:var(--blue-600)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.demo-ribbon{color:#d8e8f7;background:var(--navy-950);letter-spacing:.09em;text-align:center;text-transform:uppercase;padding:6px 20px;font-size:11px;font-weight:720;line-height:1.35}.app-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #c9d3ded1;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:12px max(24px,50vw - 720px);display:flex;position:sticky;top:0;box-shadow:0 4px 20px #07182d0a}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{width:43px;height:43px;color:var(--white);background:linear-gradient(135deg, var(--blue-600), var(--cyan-600));border-radius:12px;place-items:center;display:grid;box-shadow:0 8px 22px #1267d645}.brand-mark svg{width:24px}.brand>span:last-child{line-height:1.1;display:grid}.brand strong{letter-spacing:-.025em;font-size:17px;font-weight:790}.brand small{color:var(--slate-600);letter-spacing:.055em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:650}.header-actions{align-items:center;gap:14px;display:flex}.connection-pill{color:var(--slate-700);border:1px solid var(--slate-200);background:var(--slate-50);border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:12px;font-weight:680;display:inline-flex}.connection-dot{background:var(--cyan-600);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0793b21c}.connection-pill--api .connection-dot{background:var(--green-700);box-shadow:0 0 0 4px #0871531c}.connection-pill--fallback .connection-dot{background:var(--orange-600);box-shadow:0 0 0 4px #e8580a1c}.primary-button,.secondary-button,.text-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:13px;font-weight:730;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:var(--white);border:1px solid var(--blue-600);background:var(--blue-600);box-shadow:0 8px 20px #1267d633}.primary-button:hover:not(:disabled){background:var(--blue-700);transform:translateY(-1px);box-shadow:0 10px 26px #1267d647}.primary-button svg,.secondary-button svg,.text-button svg{width:18px;height:18px}.secondary-button{color:var(--navy-800);border:1px solid var(--slate-300);background:var(--white)}.secondary-button:hover:not(:disabled){background:var(--slate-50);border-color:#9cabb9}.text-button{min-height:36px;color:var(--blue-600);background:0 0;border:0;padding:6px 0}.text-button:hover{color:var(--blue-700)}.workspace{width:min(1440px,100%);margin-inline:auto;padding:30px 24px 54px}.migration-strip{color:var(--white);border-radius:var(--radius-lg);background:linear-gradient(105deg, #07182dfa, #0f375bf5), var(--navy-950);grid-template-columns:minmax(300px,.86fr) minmax(580px,1.14fr);align-items:center;gap:clamp(28px,5vw,76px);margin-bottom:30px;padding:clamp(26px,3vw,42px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #07182d21}.migration-strip:after{content:"";border:70px solid #0e93b214;border-radius:50%;width:360px;height:360px;position:absolute;inset:-190px -150px auto auto}.migration-copy,.migration-flow{z-index:1;position:relative}.eyebrow{color:var(--blue-600);letter-spacing:.105em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:820;display:block}.migration-copy .eyebrow{color:#5dd8eb}.migration-copy h1{letter-spacing:-.045em;max-width:580px;margin:0;font-size:clamp(25px,3vw,39px);line-height:1.08}.migration-copy p{color:#bcd0e3;max-width:610px;margin:14px 0 0;font-size:14px;line-height:1.6}.migration-flow{justify-content:flex-end;align-items:center;gap:clamp(10px,1.6vw,24px);margin:0;padding:0;list-style:none;display:flex}.migration-flow li{text-align:center;justify-items:center;gap:10px;min-width:128px;display:grid}.migration-flow li>span:last-child{gap:2px;display:grid}.migration-flow strong{font-size:14px;font-weight:780}.migration-flow small{color:#a9bfd3;white-space:nowrap;font-size:10px}.flow-icon{border:1px solid #ffffff1f;border-radius:15px;place-items:center;width:56px;height:56px;display:grid}.flow-icon svg{width:27px}.flow-icon--excel{color:#82e3b0;background:#0871534d}.flow-icon--python{color:#ffd47a;background:#ffbe371f}.flow-icon--next{color:#6ee3f4;background:#0793b230}.flow-arrow{color:#627e97;flex:none;width:21px}.inline-alert{color:#8b390c;border-radius:var(--radius);background:var(--orange-100);border:1px solid #ffd0b4;align-items:center;gap:11px;margin-bottom:26px;padding:13px 15px;font-size:13px;font-weight:620;display:flex}.inline-alert>svg{flex:none;width:20px}.inline-alert>span{flex:1}.inline-alert button{color:currentColor;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.inline-alert button:hover{background:#e8580a17}.inline-alert button svg{width:18px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.dashboard-heading h2,.card-heading h2,.alert-panel h2,.movement-dialog h2{color:var(--navy-950);letter-spacing:-.035em;margin:0;font-size:23px;line-height:1.16}.heading-meta{color:var(--slate-600);justify-items:end;font-size:11px;display:grid}.heading-meta strong{color:var(--navy-800);font-size:13px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric-card{border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--white);min-height:138px;box-shadow:var(--shadow-sm);align-items:flex-start;gap:15px;padding:21px;display:flex}.metric-card--alert{background:linear-gradient(150deg, var(--white), #fff9f4);border-color:#ffd8bf}.metric-icon{border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.metric-icon svg{width:21px}.metric-icon--blue{color:var(--blue-600);background:var(--blue-100)}.metric-icon--cyan{color:var(--cyan-600);background:var(--cyan-100)}.metric-icon--purple{color:var(--purple-600);background:var(--purple-100)}.metric-icon--orange{color:var(--orange-600);background:var(--orange-100)}.metric-card>div:last-child{min-width:0;display:grid}.metric-card span{color:var(--slate-600);font-size:12px;font-weight:650}.metric-card strong{color:var(--navy-950);letter-spacing:-.045em;margin:4px 0 2px;font-size:clamp(24px,2.2vw,31px);font-weight:790;line-height:1.1}.metric-card small{color:var(--slate-500);align-items:center;gap:4px;font-size:10px;line-height:1.35;display:flex}.metric-card small svg{width:12px;color:var(--green-700)}.content-card{border:1px solid var(--slate-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.inventory-card{margin-bottom:22px;overflow:hidden}.card-heading{justify-content:space-between;align-items:center;gap:20px;padding:23px 24px 18px;display:flex}.card-heading p{color:var(--slate-600);margin:6px 0 0;font-size:12px}.card-heading--compact{padding-bottom:16px}.filters{grid-template-columns:minmax(260px,1fr) 220px 180px;gap:10px;padding:0 24px 18px;display:grid}.search-field,.select-field{min-width:0;display:flex;position:relative}.search-field>svg{width:18px;color:var(--slate-500);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input,.select-field select,.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--navy-900);border:1px solid var(--slate-300);border-radius:var(--radius-sm);background:var(--white);transition:border-color .16s,box-shadow .16s}.search-field input,.select-field select{height:42px;padding:8px 11px;font-size:12px}.search-field input{padding-left:39px}.search-field input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:#91a0ae}.search-field input:focus,.select-field select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--cyan-600);outline:0;box-shadow:0 0 0 3px #0793b21c}.table-scroller{border-block:1px solid var(--slate-200);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1040px;font-size:12px}th,td{text-align:left;vertical-align:middle;padding:13px 15px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}thead{color:var(--slate-600);background:var(--slate-50)}th{letter-spacing:.065em;text-transform:uppercase;font-size:10px;font-weight:780}tbody tr{border-top:1px solid var(--slate-100);transition:background .13s}tbody tr:hover{background:#fafdff}.product-cell{align-items:center;gap:10px;min-width:265px;display:flex}.product-monogram{width:34px;height:34px;color:var(--navy-700);border:1px solid var(--slate-200);background:var(--slate-50);border-radius:9px;flex:none;place-items:center;font-size:13px;font-weight:790;display:grid}.product-cell>span:last-child{min-width:0;display:grid}.product-cell strong{color:var(--navy-900);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:710;overflow:hidden}.product-cell small{color:var(--slate-500);letter-spacing:.04em;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.category-tag{color:var(--slate-700);border:1px solid var(--slate-200);background:var(--slate-50);white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:10px;display:inline-block}.stock-cell{gap:6px;min-width:126px;display:grid}.stock-cell strong{color:var(--navy-950);font-size:13px}.stock-track{background:var(--slate-100);border-radius:99px;width:92px;height:4px;display:block;overflow:hidden}.stock-track>span{border-radius:inherit;background:var(--green-700);height:100%;display:block}.stock-track--low>span{background:var(--orange-600)}.stock-track--out>span{background:var(--red-600)}td code{color:var(--navy-700);background:var(--slate-100);white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:10px}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:690;display:inline-flex}.status-badge>span{border-radius:50%;width:6px;height:6px}.status-badge--ok{color:var(--green-700);background:var(--green-100)}.status-badge--ok>span{background:var(--green-700)}.status-badge--low{color:#a3450d;background:var(--orange-100)}.status-badge--low>span{background:var(--orange-600)}.status-badge--out{color:#a6242e;background:var(--red-100)}.status-badge--out>span{background:var(--red-600)}.row-action{width:32px;height:32px;color:var(--blue-600);border:1px solid var(--slate-200);background:var(--white);border-radius:7px;place-items:center;transition:color .14s,border-color .14s,background .14s;display:grid}.row-action:hover{color:var(--white);border-color:var(--blue-600);background:var(--blue-600)}.row-action svg{width:16px}.table-footer{color:var(--slate-500);justify-content:space-between;align-items:center;gap:16px;padding:11px 24px;font-size:10px;display:flex}.empty-state{color:var(--slate-600);text-align:center;justify-items:center;gap:8px;padding:42px 20px;display:grid}.empty-state>svg{width:28px;color:var(--slate-500)}.empty-state button{color:var(--blue-600);background:0 0;border:0;font-weight:680}.bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:22px;display:grid}.movements-card{overflow:hidden}.movement-list{border-top:1px solid var(--slate-200)}.movement-row{border-top:1px solid var(--slate-100);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 24px;display:grid}.movement-row:first-child{border-top:0}.movement-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.movement-icon svg{width:17px}.movement-icon--in{color:var(--green-700);background:var(--green-100)}.movement-icon--out{color:var(--orange-600);background:var(--orange-100)}.movement-icon--adjustment{color:var(--purple-600);background:var(--purple-100)}.movement-main,.movement-value{min-width:0;display:grid}.movement-main strong{color:var(--navy-900);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:690;overflow:hidden}.movement-main small,.movement-value small{color:var(--slate-500);font-size:9px}.movement-value{justify-items:end;min-width:104px}.movement-value strong{font-size:13px;font-weight:780}.positive{color:var(--green-700)}.negative{color:var(--orange-600)}.adjustment{color:var(--purple-600)}.alert-panel{background:linear-gradient(145deg, var(--white) 55%, #fff8f2);padding:24px;position:relative;overflow:hidden}.alert-panel:after{content:"";border:38px solid #e8580a0a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-120px;right:-100px}.alert-panel>*{z-index:1;position:relative}.alert-panel-icon{width:42px;height:42px;color:var(--orange-600);background:var(--orange-100);border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.alert-panel-icon svg{width:21px}.alert-panel h2{max-width:380px}.alert-panel>p{color:var(--slate-600);margin:11px 0 16px;font-size:12px;line-height:1.6}.alert-panel ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.alert-panel li{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.alert-panel li>span{min-width:0;display:grid}.alert-panel li strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.alert-panel li small{color:var(--slate-500);font-family:Consolas,monospace;font-size:9px}.alert-panel li button{color:var(--blue-600);background:0 0;border:0;flex:none;padding:5px 7px;font-size:10px;font-weight:700}.app-footer{color:#8ca3b8;background:var(--navy-950);justify-content:space-between;gap:20px;padding:22px max(24px,50vw - 720px);font-size:10px;display:flex}.app-footer strong{color:#dce9f4}.toast{z-index:80;max-width:min(430px,100vw - 44px);color:var(--white);background:var(--navy-900);box-shadow:var(--shadow-lg);border:1px solid #ffffff21;border-radius:11px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;font-weight:650;animation:.26s both toast-in;display:flex;position:fixed;bottom:22px;right:22px}.toast svg{color:#69e3b5;flex:none;width:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-layer{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030f1dad;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.movement-dialog{border-radius:var(--radius-lg);background:var(--white);width:min(620px,100%);max-height:calc(100vh - 44px);box-shadow:var(--shadow-lg);border:1px solid #ffffff59;animation:.21s both dialog-in;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.movement-dialog>header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 18px;display:flex}.movement-dialog>header>button{width:34px;height:34px;color:var(--slate-600);border:1px solid var(--slate-200);background:var(--white);border-radius:8px;flex:none;place-items:center;display:grid}.movement-dialog>header>button:hover{color:var(--navy-900);background:var(--slate-50)}.movement-dialog>header svg{width:18px}.movement-dialog form{gap:17px;padding:21px 26px 25px;display:grid}.movement-type-field{border:0;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;display:grid}.movement-type-field legend,.form-field>label{color:var(--navy-800);margin-bottom:7px;font-size:11px;font-weight:730;display:block}.movement-type-field legend{grid-column:1/-1}.movement-type-field label{color:var(--slate-600);border:1px solid var(--slate-300);background:var(--white);border-radius:10px;align-items:center;gap:10px;padding:12px;transition:border-color .14s,background .14s;display:flex;position:relative}.movement-type-field label:hover{border-color:#9babb9}.movement-type-field label.selected{color:var(--blue-600);border-color:var(--blue-600);box-shadow:inset 0 0 0 1px var(--blue-600);background:#f5f9ff}.movement-type-field input{opacity:0;position:absolute}.movement-type-field svg{flex:none;width:22px}.movement-type-field label>span{display:grid}.movement-type-field strong{color:var(--navy-900);font-size:12px}.movement-type-field small{color:var(--slate-500);font-size:9px}.form-grid{grid-template-columns:.75fr 1.25fr;gap:12px;display:grid}.form-field label span{color:var(--slate-500);font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:10px 11px;font-size:12px}.form-field input,.form-field select{height:43px}.form-field textarea{resize:vertical}.form-field [aria-invalid=true]{border-color:var(--red-600);box-shadow:0 0 0 3px #d8343f14}.field-help,.field-error{margin-top:5px;font-size:10px;display:block}.field-help{color:var(--slate-500)}.field-help strong{color:var(--navy-700)}.field-error{color:var(--red-600);font-weight:630}.form-summary{border:1px solid var(--slate-200);background:var(--slate-50);border-radius:10px;align-items:center;gap:10px;padding:11px 13px;display:flex}.form-summary>span:last-child{display:grid}.form-summary strong{color:var(--navy-800);font-size:11px}.form-summary small{color:var(--slate-500);font-size:9px}.movement-dialog form>footer{justify-content:flex-end;gap:9px;padding-top:2px;display:flex}@media (max-width:1120px){.migration-strip{grid-template-columns:1fr}.migration-flow{justify-content:flex-start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr 200px 170px}.bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}}@media (max-width:820px){.app-header{min-height:68px;padding-inline:16px}.connection-pill{display:none}.workspace{padding:20px 14px 38px}.migration-strip{padding:25px 21px}.migration-flow{justify-content:center}.dashboard-heading{align-items:flex-start}.heading-meta{display:none}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.bottom-grid{grid-template-columns:1fr}}@media (max-width:580px){.demo-ribbon{padding-inline:12px;font-size:9px}.brand-mark{width:38px;height:38px}.brand small{display:none}.header-actions .primary-button{border-radius:10px;width:40px;min-height:40px;padding:8px}.header-actions .primary-button span{display:none}.migration-strip{margin-bottom:22px}.migration-copy h1{font-size:26px}.migration-flow{align-items:flex-start;gap:5px}.migration-flow li{flex:1;min-width:0}.migration-flow small{white-space:normal}.flow-icon{width:46px;height:46px}.flow-icon svg{width:22px}.flow-arrow{width:15px;margin-top:15px}.dashboard-heading h2,.card-heading h2,.alert-panel h2,.movement-dialog h2{font-size:20px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{flex-direction:column;gap:9px;min-height:144px;padding:15px}.metric-icon{width:36px;height:36px}.metric-card strong{font-size:24px}.metric-card small{min-height:26px}.card-heading{align-items:flex-start;padding:19px 17px 15px}.card-heading>.secondary-button{color:#0000;width:38px;min-height:38px;padding:7px;overflow:hidden}.card-heading>.secondary-button svg{color:var(--navy-800);flex:none}.filters{grid-template-columns:1fr;padding:0 17px 16px}.search-field{grid-column:auto}th:first-child,td:first-child{padding-left:17px}.table-footer{padding-inline:17px}.table-footer span:last-child{display:none}.movement-row{padding-inline:17px}.movement-main small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.movement-value{min-width:74px}.alert-panel{padding:20px 17px}.app-footer{padding:20px 16px;display:grid}.toast{max-width:calc(100vw - 28px);bottom:14px;right:14px}.modal-layer{place-items:end stretch;padding:0}.movement-dialog{border-radius:18px 18px 0 0;width:100%;max-height:94vh}.movement-dialog>header{padding:20px 18px 15px}.movement-dialog form{padding:18px}.form-grid{grid-template-columns:1fr}.movement-dialog form>footer{grid-template-columns:.8fr 1.2fr;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
