:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.brand{width:154px;height:44px;flex:0 0 auto;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 5px 18px #0b1f5126}.brand img{display:block;width:100%;height:100%;object-fit:contain;padding:3px 7px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#172554)}.login form{width:min(420px,90vw);background:#fff;padding:40px;border-radius:20px;box-shadow:0 24px 70px #001c}.login h1{margin:24px 0}.login label{display:grid;gap:8px;margin:16px 0;color:#5a655e;font-size:14px}.login input,.search,.customer select,.summary select{border:1px solid #cbd5e1;border-radius:10px;padding:14px;background:#fff}.login button,.summary button,.cards button{width:100%;border:0;border-radius:10px;padding:15px;color:#fff;background:#2563eb;font-weight:800}.error{color:#b42318}.notice{background:#eff6ff;color:#1d4ed8;padding:10px;border-radius:8px}.shell{min-height:100vh}.shell header{min-height:64px;background:#1e3a8a;color:#fff;display:flex;align-items:center;gap:24px;padding:8px 16px}.login .brand{width:210px;height:72px;margin:0 auto;box-shadow:none}.customer-preview .brand{width:190px;height:62px;margin-bottom:20px;box-shadow:none}.shell header nav{display:flex;gap:4px;flex:1;overflow-x:auto}.shell header nav button{border:0;background:#ffffff12;color:#fff;border-radius:8px;padding:7px 9px;font-size:12px;white-space:nowrap}.identity{display:grid;margin-left:auto}.identity small{opacity:.7}.ghost{background:#ffffff15;color:#fff;border:1px solid #ffffff30;border-radius:8px;padding:9px 14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:calc(100vh - 72px)}.catalog{padding:28px}.catalog h1{margin:0 0 18px}.search{width:100%;font-size:18px;box-shadow:0 4px 14px #1e3a8a12}.products{display:grid;gap:10px;margin-top:18px}.product{display:flex;justify-content:space-between;text-align:left;border:1px solid #dbe3ee;background:#fff;padding:16px;border-radius:12px;cursor:pointer;align-items:center;gap:14px}.product-photo-wrap{position:relative;display:block!important;flex:0 0 84px}.product-photo{width:84px;height:84px;border-radius:10px;object-fit:cover;background:#eef2f7;flex:0 0 84px}.product-photo.placeholder{display:grid;place-items:center;color:#94a3b8;font-size:11px;text-align:center}.photo-upload{position:absolute;inset:auto 4px 4px 4px;padding:4px;border-radius:6px;background:#172554dc;color:#fff;text-align:center;font-size:10px;cursor:pointer}.product>div:nth-last-child(2){flex:1}.product:hover{border-color:#3b82f6}.product>div{display:grid;gap:5px}.product>div:last-child{text-align:right}.product small,.line small{color:#78817b}aside{display:flex;flex-direction:column;background:#fff;border-left:1px solid #dbe3ee}.customer{display:grid;gap:7px;padding:22px;border-bottom:1px solid #e3e7e4}.customer small{color:#7d867f}.customer span{color:#2563eb;font-size:13px}.cart{flex:1;padding:14px;overflow:auto}.empty{text-align:center;color:#7e8881;margin-top:100px}.line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid #eef0ee}.line>div{display:grid;gap:4px}.line input{width:72px;border:1px solid #d7ddd9;border-radius:6px;padding:4px}.line button{border:0;background:#f3f3f3;border-radius:50%;width:26px;height:26px}.summary{padding:20px;border-top:1px solid #dbe3ee}.summary label{display:grid;gap:6px;margin-bottom:15px}.summary>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.summary strong{font-size:24px}.summary button:disabled{background:#cdd2ce}.page{padding:30px;max-width:1300px;margin:auto}.page h1{margin-top:0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.metric,.cards article{background:#fff;border:1px solid #dbe3ee;border-radius:14px;padding:18px}.metric{display:grid;gap:9px}.metric small{text-transform:capitalize;color:#6f7972}.metric strong{font-size:22px}.health{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#fff;border:1px solid #dbe3ee;border-left:6px solid #6b7280;border-radius:12px;padding:16px}.health.OK{border-left-color:#16803c}.health.WARNING{border-left-color:#d97706}.health.ALERT{border-left-color:#b42318}.cards{display:grid;gap:12px}.cards article p{margin:10px 0}.cards article>div{display:flex;gap:8px;margin-top:14px}.cards button{width:auto;padding:10px 16px}.cards .danger{background:#b42318}.panel{background:#fff;border:1px solid #dbe3ee;border-radius:14px;padding:20px;margin-bottom:24px}.panel h2{margin-top:0}.panel label{display:grid;gap:6px;color:#5f6962;font-size:14px;margin-bottom:14px}.panel input,.panel select,.panel textarea,.proof input{border:1px solid #cbd5e1;border-radius:9px;padding:10px;background:#fff}.panel textarea{min-height:72px;resize:vertical}.panel>button,.toolbar button{border:0;border-radius:10px;padding:12px 18px;color:#fff;background:#2563eb;font-weight:800}.panel>button:disabled{background:#cdd2ce}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid.two{gap:14px}.form-line{display:grid;grid-template-columns:minmax(180px,1fr) 110px 110px;gap:10px;align-items:end;border-top:1px solid #e8eef6;padding:12px 0}.form-line.purchase{grid-template-columns:minmax(220px,1fr) 90px 150px 80px 34px}.form-line.compact{grid-template-columns:minmax(180px,1fr) 110px}.form-line span{display:grid;gap:4px}.form-line small{color:#78817b}.form-line label{margin:0}.form-line .check{display:flex;align-items:center;align-self:center}.form-line .remove{border:0;border-radius:50%;width:30px;height:30px}.form-total{display:flex;justify-content:space-between;font-size:20px;margin:16px 0}.proof{display:grid!important;grid-template-columns:1fr 1fr auto}.table-wrap{overflow:auto;background:#fff;border:1px solid #dbe3ee;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e8eef6;white-space:nowrap}th{font-size:12px;text-transform:uppercase;color:#64748b;background:#f1f5f9}.toolbar{display:flex;gap:10px;margin-bottom:16px}.toolbar select{padding:10px;border:1px solid #cbd5e1;border-radius:8px}.product-master-form label{display:grid;gap:6px}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.page-heading h1{margin-bottom:4px}.page-heading p{margin:0;color:#64748b}.heading-actions{display:flex;gap:8px;flex-wrap:wrap}.button,.heading-actions button{border:0;border-radius:9px;padding:11px 15px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.heading-actions .secondary{background:#475569}.import-result{padding:14px;border-radius:12px;margin-bottom:18px;border:1px solid}.import-result.success{background:#ecfdf5;border-color:#86efac;color:#166534}.import-result.warning{background:#fffbeb;border-color:#fcd34d;color:#92400e}.import-result .table-wrap{margin-top:12px;max-height:260px}.product-master-form .check{display:flex;align-items:center;gap:8px}.master-actions{display:flex;gap:10px}.master-actions button,.master-product-grid article>button{border:0;border-radius:9px;padding:10px 16px;background:#2563eb;color:#fff;font-weight:700}.master-actions .secondary{background:#64748b}.master-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;margin-top:18px}.master-product-grid article{display:grid;grid-template-columns:96px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:12px}.master-product-grid article.inactive{opacity:.58}.master-product-grid article>div:nth-child(2){display:grid;gap:5px}.master-product-grid small{color:#64748b}.master-photo{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#eef2f7}.master-photo img{width:100%;height:100%;object-fit:cover}.master-photo span{display:grid;place-items:center;height:100%;color:#94a3b8;font-size:11px}.master-photo label{position:absolute;inset:auto 4px 4px;padding:5px;border-radius:6px;background:#172554dc;color:#fff;font-size:10px;text-align:center;cursor:pointer}.master-list{display:grid;gap:10px;margin-top:18px}.master-list article{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dbe3ee;border-radius:12px;padding:16px}.master-list article.inactive{opacity:.58}.master-list article>div{display:grid;gap:5px;flex:1}.master-list small{color:#64748b}.master-list button{border:0;border-radius:9px;padding:10px 16px;background:#2563eb;color:#fff;font-weight:700}.export-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.customer-preview{width:min(440px,100%);margin:30px auto;display:grid;gap:12px}.customer-preview h1,.customer-preview p{margin:0}.customer-preview button{border:0;border-radius:10px;padding:13px;color:#fff;background:#94a3b8;font-weight:800}.muted{color:#64748b}.section-title{margin-top:20px}@media(max-width:900px){.workspace,.form-grid{grid-template-columns:1fr}.workspace aside{min-height:50vh;border-left:0;border-top:1px solid #ddd}.shell header{padding:0 14px;gap:10px;overflow-x:auto}.identity{display:none}.catalog,.page{padding:18px}.page-heading{flex-direction:column}.form-line,.form-line.purchase,.form-line.compact{grid-template-columns:1fr 1fr}.form-line span{grid-column:1 / -1}.proof{grid-template-columns:1fr!important}.product-photo,.product-photo-wrap{width:68px;height:68px;flex-basis:68px}}