*{box-sizing:border-box}:root{--bg:#eaeded;--surface:#ffffff;--surface-2:#f7f8fa;--text:#0f1111;--muted:#565959;--border:#d5d9d9;--brand:#131921;--brand-2:#232f3e;--accent:#ffd814;--accent-hover:#f7ca00;--link:#2162a1;--success:#067d62;--danger:#b12704;--shadow:0 2px 8px rgba(15,17,17,0.08);--radius:14px;--container:1440px}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.panel-body{padding:22px}.badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#eef3f8;color:#1f2937;font-size:12px;font-weight:800}.section-title{margin:0;font-size:28px;font-weight:900;letter-spacing:-.04em}.section-text{margin:6px 0 0;color:var(--muted);line-height:1.7}.price{color:#111;font-size:30px;font-weight:900;letter-spacing:-.04em}.price.small{font-size:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:white;color:#111;font-size:14px;font-weight:800;cursor:pointer}.button.primary{background:var(--accent);border-color:#fcd200}.button.primary:hover{background:var(--accent-hover)}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:14px}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:white;outline:none}.field textarea{min-height:110px;resize:vertical}.summary-list{display:grid;grid-gap:12px;gap:12px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.summary-row strong{font-size:15px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:white}.table td,.table th{padding:14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;font-size:14px}.table th{color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.empty{padding:42px 20px;text-align:center}.empty h2{margin:0 0 10px;font-size:26px;font-weight:900;letter-spacing:-.04em}.empty p{margin:0;color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.product-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start}.product-main-image{width:100%;height:580px;object-fit:cover;border-radius:20px}.product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:14px}.product-thumb{width:100%;height:130px;object-fit:cover;border-radius:16px;border:1px solid var(--border)}.two-col{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.three-col{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.search-input{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--border);outline:none;color:#111;background:white}@media (max-width:1080px){.product-layout,.three-col,.two-col{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%;background:white;padding:24px}.no-print{display:none!important}.print-table{width:100%;border-collapse:collapse}.print-table td,.print-table th{border-bottom:1px solid #ddd;padding:10px 8px;text-align:left}}.document-sheet{width:100%;max-width:1200px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:28px}.document-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:20px;gap:20px;align-items:start;margin-bottom:22px}.document-title{margin:12px 0 6px;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;line-height:1.05}.document-subtitle{margin:0;color:var(--muted);line-height:1.7;font-size:15px}.document-barcode{display:flex;justify-content:flex-end;align-items:flex-start}.document-grid-2{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.document-card{background:#fff;border:1px solid var(--border);border-radius:20px}.document-card-body{padding:18px 20px}.document-card-body p{margin:0 0 10px;line-height:1.6}.document-card-body p:last-child{margin-bottom:0}.print-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px}.print-table td,.print-table th{padding:14px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}.print-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#374151;font-weight:800;white-space:nowrap}.print-table tbody tr:last-child td{border-bottom:0}.document-totals{margin-top:24px;margin-left:auto;max-width:360px;display:grid;grid-gap:12px;gap:12px}@media (max-width:900px){.document-grid-2,.document-header{grid-template-columns:1fr}.document-barcode{justify-content:flex-start}.document-sheet{padding:20px}}@page{size:auto;margin:12mm}@media print{body,html{background:#fff!important;margin:0!important;padding:0!important;width:100%!important}body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important}.no-print{display:none!important}.document-sheet{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.document-header{display:block!important;margin:0 0 18px!important}.document-barcode{display:block!important;margin-top:12px!important}.document-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:18px!important;gap:18px!important;margin-bottom:18px!important}.document-card,.panel{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}.document-card-body,.panel-body{padding:0!important}.document-title{font-size:26px!important;line-height:1.1!important;margin:8px 0 6px!important}.document-subtitle{font-size:13px!important;margin:0!important}.print-table{width:100%!important;border-collapse:collapse!important;table-layout:auto!important;font-size:12px!important;margin-top:12px!important}.print-table td,.print-table th{padding:8px 6px!important;border-bottom:1px solid #d1d5db!important;vertical-align:top!important;text-align:left!important;word-break:break-word!important}.print-table th{font-size:11px!important;white-space:nowrap!important}.document-totals{margin-top:18px!important;margin-left:auto!important;max-width:280px!important;gap:8px!important}.price,.price.small{color:#000!important}}.system-dialog-overlay{position:fixed;inset:0;z-index:9999;background:rgba(15,17,17,.45);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.system-dialog{width:100%;max-width:520px;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 64px rgba(15,17,17,.18);padding:22px}.system-dialog-header{display:grid;grid-template-columns:20px 1fr;grid-gap:14px;gap:14px;align-items:start}.system-dialog-icon{width:14px;height:14px;border-radius:999px;margin-top:6px;font-size:0;background:#374151}.system-dialog-icon.success{background:#067d62}.system-dialog-icon.danger{background:#b12704}.system-dialog-title{margin:0;font-size:22px;font-weight:900;letter-spacing:-.04em}.system-dialog-message{margin:8px 0 0;color:var(--muted);line-height:1.7;font-size:15px}.system-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:22px}.button.danger{background:#b12704;border-color:#b12704;color:white}.system-toast{position:fixed;right:22px;bottom:22px;z-index:10000;display:inline-flex;align-items:center;gap:10px;min-height:52px;max-width:420px;padding:0 16px;border-radius:16px;border:1px solid var(--border);background:white;box-shadow:0 18px 48px rgba(15,17,17,.14);font-size:14px;font-weight:700}.system-toast-dot{width:10px;height:10px;border-radius:999px;background:#374151;flex:0 0 auto}.system-toast.success .system-toast-dot{background:#067d62}.system-toast.error .system-toast-dot{background:#b12704}.system-toast.info .system-toast-dot{background:#2162a1}