*,*:before,*:after{box-sizing:border-box}:root{--bg: #ffffff;--white: #ffffff;--border: #e8e8e8;--text: #1a1a18;--muted: #5c6155;--light: #8e9185;--accent: #1a3c40;--accent-2: #2d5f5e;--accent-light: #e8efee;--green: #2d7a5e;--input-bg: #f5f5f5;--split-right-bg: #f8f8f8;--shadow: 0 1px 4px rgba(26, 60, 64, .08)}[data-theme=dark]{--bg: #0a0a0a;--white: #111111;--border: #222222;--text: #e8e6df;--muted: #7a7870;--light: #4a4843;--accent: #4a8f8c;--accent-2: #5aafab;--accent-light: #0f2020;--shadow: 0 1px 6px rgba(0, 0, 0, .5);--input-bg: #191919;--split-right-bg: #0d0d0d}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar-actions{display:flex;align-items:center;gap:8px}.theme-btn{position:relative;width:48px;height:26px;border:1px solid var(--border);border-radius:999px;background:var(--input-bg);color:transparent;padding:2px;font-size:0;font-weight:800}.theme-btn:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--accent);box-shadow:0 1px 3px #0000002e;transition:transform .18s,background .18s}[data-theme=dark] .theme-btn:after{transform:translate(22px);background:var(--accent-2)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}.hidden{display:none}.loading-screen{min-height:100%;display:grid;place-items:center;color:var(--muted);font-weight:700}.reference-admin-frame{display:block;width:100%;height:100dvh;border:0;background:var(--bg)}.login-screen{min-height:100%;display:grid;place-items:center;padding:0;background:#fff}.login-card{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);background:#fff;border:0;border-radius:0;box-shadow:none;overflow:hidden}.login-info-panel{order:1;position:relative;display:flex;min-height:100%;padding:clamp(34px,4vw,54px);background:url(/assets/login-visual.png) center / cover no-repeat;color:#fff;overflow:hidden}.login-info-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07141357,#07141324 48%,#ffffff1f);pointer-events:none}.login-image-content{display:flex;flex-direction:column;position:relative;z-index:1;width:100%;min-height:100%}.login-image-logo{display:block;width:120px;height:auto;filter:invert(1) brightness(1.75) contrast(1.05)}.login-image-sub{margin:8px 0 0;color:#fffc;font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.login-image-bottom{margin-top:auto;max-width:300px}.login-image-bottom h2{margin:0 0 12px;font-size:1.22rem;line-height:1.05;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.28)}.login-image-bottom p{margin:0;color:#ffffffd6;font-size:.78rem;line-height:1.55;text-shadow:0 2px 12px rgba(0,0,0,.24)}.login-form{order:2;display:flex;flex-direction:column;gap:16px;width:min(340px,calc(100% - 48px));justify-self:center;align-self:center;margin-left:0;padding:48px 0}.login-form h2{margin:0;color:#10131c;font-size:1.68rem;line-height:1;letter-spacing:0;text-transform:uppercase}.login-form>p{margin:-6px 0 0;color:#6b7280;font-size:.78rem;font-weight:600}.login-form .login-detail-text{margin:-8px 0 32px;max-width:310px;color:#6b7280;font-size:.78rem;font-weight:400;line-height:1.55}.login-form label{display:grid;gap:8px;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none}.login-form input,.login-form select,.login-form textarea{width:100%;border:1px solid #d7dee8;border-radius:5px;outline:none;background:#fff;color:#10131c;padding:13px 14px 12px}.drawer-body label{display:grid;gap:7px;color:#ffffffc2;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.drawer-body input,.drawer-body select,.drawer-body textarea,.product-toolbar input,.product-toolbar select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:0;outline:none;background:transparent;color:#fff;padding:13px 0 12px;border-width:0 0 1px}.login-form input::placeholder{color:#9ca3af;font-size:.68rem;letter-spacing:0;text-transform:none}.password-field{display:grid;grid-template-columns:1fr auto;gap:0;border:1px solid #d7dee8;border-radius:5px;background:#fff;overflow:hidden}.password-field input{border:0;border-radius:0;min-width:0;padding-right:10px}.password-field button{border:1px solid #d7dee8;align-self:center;margin-right:8px;min-width:56px;min-height:30px;border-radius:4px;background:#fff;color:#64748b;padding:0 11px;font-size:.68rem;font-weight:800;line-height:1}.primary-btn,.secondary-btn{border-radius:8px;padding:10px 18px;border:0;font-weight:800}.primary-btn{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:16px;background:#0d7fea;color:#fff;box-shadow:0 10px 22px #0d7fea38;font-size:.82rem;text-transform:none}.primary-btn:hover{background:#0b70d0}.secondary-btn{background:var(--white);border:1px solid var(--border);color:var(--muted)}.secondary-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.full-width{width:100%}.form-error,.notice{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.45}.notice.subtle{border-color:var(--border);background:var(--input-bg);color:var(--muted)}.tool-page{display:grid;grid-template-columns:360px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:var(--split-right-bg)}.pv-tabs{display:none}.tool-form{overflow:auto;border-right:1px solid var(--border);background:var(--white);padding:20px}.tool-form h2{margin:0 0 18px;color:var(--accent);font-size:1.08rem}.c-card{border:1px solid var(--border);border-radius:10px;background:var(--white);box-shadow:var(--shadow);padding:15px 16px;margin-bottom:12px}.section-title{margin-bottom:12px;color:var(--light);font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tool-field{display:grid;gap:6px;margin-bottom:13px;color:var(--light);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tool-field input,.tool-field textarea,.tool-field select,.fi{width:100%;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--input-bg);color:var(--text);padding:9px 11px}.tool-field textarea{min-height:86px;resize:vertical}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-preview{min-width:0;overflow:auto;padding:18px 20px}.tool-preview>.tool-preview{padding:0}.tool-preview>.tool-preview+.tool-preview{margin-top:18px}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.preview-header span{display:block;color:var(--light);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.preview-header strong{display:block;margin-top:2px;color:var(--accent);font-size:.95rem}.preview-box{min-height:260px;border:1px solid var(--border);border-radius:10px;background:var(--white);color:var(--preview-text, var(--text));box-shadow:var(--shadow);padding:18px 20px;font-size:.84rem;line-height:1.7;white-space:pre-wrap}.p-sep{border:0;border-top:1.5px solid var(--border);margin:14px 0}.quote-tabbar{display:flex;align-items:center;gap:0;min-height:44px;overflow-x:auto;border-bottom:1px solid var(--border);margin:-20px -20px 18px;padding:0 14px;background:var(--white)}.quote-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:96px;max-width:150px;height:44px;border:0;background:transparent;color:var(--light);font-size:.8rem;font-weight:800}.quote-tab.active{color:var(--text)}.quote-tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent)}.quote-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-tab-close,.quote-tab-add{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.quote-tab-add{width:38px;height:44px;flex-shrink:0;color:var(--light);font-size:1rem;font-weight:900}.model-item-card,.ship-b,.adv-ship-box{border:1px solid var(--border);border-radius:9px;background:var(--input-bg);padding:12px 13px;margin-bottom:10px}.model-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.model-item-label{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.model-item-total{margin-right:8px;color:var(--green);font-size:.75rem;font-weight:800}.model-row-remove{border:1px solid var(--border);border-radius:7px;background:var(--white);color:var(--muted);padding:5px 8px}.add-model-btn,.btn-clear{width:100%;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--muted);padding:9px;font-weight:800}.btn-clear{border-style:solid;background:var(--white)}.ship-b-title{margin-bottom:10px;color:var(--text);font-size:.77rem;font-weight:800}.toggle-row{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--muted);font-weight:800}.copy-btn.ok,.share-btn.ok{background:#ecfdf5;color:var(--green);border:1px solid #a7f3d0}.delivery-page-react{display:grid;grid-template-columns:320px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:var(--split-right-bg)}.delivery-list-pane{overflow:auto;border-right:1px solid var(--border);background:var(--white);padding:18px}.delivery-workspace{overflow:auto;padding:18px 20px}.delivery-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.delivery-title{color:var(--accent);font-size:1.08rem;font-weight:800}.delivery-sub{margin-top:3px;color:var(--muted);font-size:.76rem}.delivery-search{margin-bottom:12px}.customer-list{display:flex;flex-direction:column;gap:8px}.customer-card{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--white);padding:12px;text-align:left;font-family:inherit}.customer-card:hover,.customer-card.active{border-color:var(--accent);background:var(--accent-light)}.customer-name{margin-bottom:4px;color:var(--text);font-size:.84rem;font-weight:800}.customer-meta{color:var(--muted);font-size:.73rem;line-height:1.45;word-break:break-word}.delivery-empty{border:1px dashed var(--border);border-radius:10px;background:var(--white);color:var(--muted);padding:18px;font-size:.82rem;line-height:1.5}.delivery-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.detail-box{border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:var(--shadow);padding:14px}.full-span{grid-column:1 / -1}.detail-label{margin-bottom:6px;color:var(--light);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-value{color:var(--text);font-size:.86rem;line-height:1.55;white-space:pre-line}.delivery-note-shell{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.delivery-print-card{min-height:260px;border-radius:8px;background:#fff;color:#151515;box-shadow:var(--shadow);padding:24px 28px}.dn-doc-title{margin-bottom:18px;color:#1a3c40;font-size:1.2rem;font-weight:800}.dn-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.delivery-print-actions{position:sticky;top:18px;border:1px solid var(--border);border-radius:8px;background:var(--white);padding:16px}.delivery-print-actions .copy-btn,.delivery-print-actions .share-btn{width:100%;justify-content:center;margin-top:12px}@media print{body *{visibility:hidden}.delivery-print-card,.delivery-print-card *{visibility:visible}.delivery-print-card{position:fixed;top:0;right:0;bottom:0;left:0;width:188mm;min-height:128mm;box-shadow:none;border-radius:0;padding:16mm}}@media (max-width: 900px){.tool-page,.delivery-page-react{display:block;overflow:auto}.pv-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--bg)}.pv-tab{flex:1;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px;font-size:.8rem;font-weight:800}.pv-tab.active{border-bottom-color:var(--accent);background:var(--white);color:var(--accent)}.tool-page.mobile-form .tool-pane-preview,.tool-page.mobile-preview .tool-pane-form{display:none}.tool-form,.tool-preview,.delivery-list-pane,.delivery-workspace{border-right:0;padding:16px}.delivery-page-react,.delivery-detail-grid,.delivery-note-shell,.dn-address-grid{grid-template-columns:1fr}.delivery-print-actions{position:static}}.shell{display:flex;height:100%;overflow:hidden}.sidebar{width:168px;flex-shrink:0;background:var(--white);border-right:1px solid var(--border);padding:16px 10px;overflow-y:auto;box-shadow:1px 0 8px #1a3c400a}.brand{margin-bottom:22px;padding:4px 4px 4px 6px;border-left:3px solid var(--accent)}.brand-name{color:var(--accent);font-size:1.05rem;font-weight:800;line-height:1.1}.brand-sub{margin-top:2px;color:var(--light);font-size:.6rem;font-weight:800;letter-spacing:.22em}.nav-item{display:block;width:100%;margin-bottom:2px;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:8px 10px;text-align:left;font-size:.82rem;font-weight:600}.nav-item:hover{background:var(--input-bg);color:var(--text)}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:800}.main{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--white);border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:.95rem}.products-page,.placeholder-page{flex:1;overflow:auto;padding:18px;background:var(--split-right-bg)}.products-shell,.placeholder-card{min-height:calc(100vh - 88px);border:1px solid var(--border);border-radius:10px;background:var(--white);box-shadow:var(--shadow);padding:20px}.products-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:20px}.products-head h2{margin:0 0 6px;color:var(--accent);font-size:1.15rem}.products-head p,.placeholder-card p{margin:0;color:var(--muted);font-size:.82rem}.products-actions{display:flex;align-items:flex-start;gap:8px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.summary-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--white)}.summary-card.active{border-color:var(--accent);background:var(--accent-light)}.summary-card span{display:block;color:var(--accent);font-size:.75rem;font-weight:800}.summary-card strong{display:block;margin-top:8px;font-size:1.08rem}.product-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) 140px 150px;gap:10px;margin-bottom:18px}.table-wrap{overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;font-size:.78rem}.inventory-table th{text-align:left;color:var(--light);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:0 8px 10px;border-bottom:1px solid var(--border)}.inventory-table td{padding:12px 8px;border-bottom:1px solid var(--border);vertical-align:top}.inventory-table tr.inactive td{opacity:.52}.image-cell{display:flex;align-items:center;gap:9px;min-width:132px}.image-cell img,.empty-thumb{width:46px;height:46px;flex-shrink:0;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);object-fit:cover}.empty-thumb{display:grid;place-items:center;color:var(--light);font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.code-text{color:var(--accent)}.muted{color:var(--muted);line-height:1.45}.pill{display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf5;color:var(--green);padding:4px 8px;font-size:.7rem;font-weight:800}.pill.inactive{background:var(--input-bg);color:var(--light)}.pill.public{background:var(--accent-light);color:var(--accent)}.action-cell{position:relative;width:48px;text-align:right}.icon-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--muted);line-height:1}.action-menu{position:absolute;right:8px;top:42px;z-index:30;min-width:128px;border:1px solid var(--border);border-radius:8px;background:var(--white);box-shadow:var(--shadow);padding:4px}.action-menu button{display:block;width:100%;border:0;border-radius:6px;background:transparent;color:var(--text);padding:8px 10px;text-align:left;font-size:.76rem}.action-menu button:hover{background:var(--input-bg)}.empty-state{border:1px dashed var(--border);border-radius:10px;padding:18px;background:var(--white);color:var(--muted);font-size:.84rem}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;border:0;background:#0000002e}.product-drawer{position:fixed;top:0;right:0;z-index:90;width:min(420px,100%);height:100%;display:flex;flex-direction:column;background:var(--white);border-left:1px solid var(--border);box-shadow:-18px 0 40px #0000001f}.drawer-head{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 20px}.drawer-head h3{margin:0;color:var(--accent);font-size:.9rem;letter-spacing:.08em}.drawer-head button{border:0;background:transparent;color:var(--muted);font-size:1.4rem}.drawer-body{display:flex;flex:1;flex-direction:column;gap:15px;overflow:auto;padding:20px}.drawer-image-section{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;border:1px solid var(--border);border-radius:10px;background:var(--input-bg);padding:12px;text-transform:none;letter-spacing:0}.drawer-image-preview{display:grid;place-items:center;width:112px;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--white);color:var(--light);font-size:.68rem;font-weight:800;text-align:center;text-transform:uppercase}.drawer-image-preview img{width:100%;height:100%;object-fit:cover}.drawer-image-copy{display:flex;min-width:0;flex-direction:column;gap:8px;color:var(--muted);font-size:.75rem;line-height:1.45}.drawer-image-copy strong{color:var(--text);font-size:.82rem}.drawer-image-copy p{margin:0}.selected-file{color:var(--accent);font-weight:800;word-break:break-word}@media (max-width: 900px){.shell{display:block;overflow:auto}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border)}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.nav-item{width:auto;flex-shrink:0;white-space:nowrap}.main{min-height:calc(100vh - 150px)}.products-head,.products-actions{align-items:stretch;flex-direction:column}.summary-grid,.product-toolbar{grid-template-columns:1fr}.inventory-table,.inventory-table tbody,.inventory-table tr,.inventory-table td{display:block;width:100%}.inventory-table thead{display:none}.inventory-table tr{position:relative;border-bottom:1px solid var(--border);padding:12px 48px 12px 0}.inventory-table td{border:0;padding:4px 0}.action-cell{position:absolute;right:0;top:12px}.login-card{grid-template-columns:1fr;min-height:calc(100vh - 32px)}.login-info-panel{min-height:220px;padding:28px 24px}.login-form{width:min(420px,calc(100% - 42px));justify-self:center;margin-left:0;padding:38px 0 54px}}