:root{--background:#f4f8fb;--foreground:#122033;--muted:#607083;--surface:#fff;--surface-soft:#eef6fb;--border:#d6e2eb;--navy:#0b2440;--navy-strong:#071a2f;--cyan:#0ea5c6;--cyan-soft:#dff7fb;--danger:#b42318;--danger-soft:#fff0ee;--success:#0f7a4f;--success-soft:#eaf8f1}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.home,.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.home__panel,.login-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,720px);padding:48px}.home__eyebrow,.login-card__header p,.page-shell__header p{color:var(--cyan);letter-spacing:0;margin-bottom:16px;font-size:.875rem;font-weight:700}.home h1,.login-card h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.login-card{width:min(100%,440px);padding:36px}.login-card__header{margin-bottom:28px}.login-card__header span,.page-shell__header span{color:var(--muted);margin-top:10px;line-height:1.5;display:block}.login-form{gap:18px;display:grid}.login-form label{color:var(--navy);gap:8px;font-size:.9rem;font-weight:700;display:grid}.login-form input{border:1px solid var(--border);width:100%;min-height:44px;color:var(--foreground);background:var(--surface);font:inherit;border-radius:6px;padding:10px 12px}.login-form input:focus{outline:2px solid var(--cyan-soft);border-color:var(--cyan)}.login-form button{color:#fff;background:var(--navy);min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:6px;font-weight:700}.login-form button:disabled{cursor:wait;opacity:.72}.form-error,.notice{color:var(--danger);background:var(--danger-soft);border-radius:6px;padding:12px 14px;font-size:.92rem;line-height:1.45}.notice--ok{color:var(--success);background:var(--success-soft)}.notice--error{color:var(--danger);background:var(--danger-soft)}.app-shell{background:var(--background);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#fff;background:var(--navy-strong);flex-direction:column;min-height:100vh;padding:24px 18px;display:flex}.app-sidebar__brand{padding:0 10px 24px;font-size:1.2rem;font-weight:800}.app-sidebar__nav{gap:6px;display:grid}.app-sidebar__link,.app-sidebar__logout{color:#ffffffe0;border-radius:6px;padding:10px 12px;display:block}.app-sidebar__link:hover,.app-sidebar__logout:hover{background:#0ea5c62e}.app-sidebar__footer{border-top:1px solid #ffffff24;margin-top:auto;padding:18px 10px 0}.app-sidebar__footer p{font-weight:700}.app-sidebar__footer span{color:#ffffff9e;margin-top:4px;font-size:.85rem;display:block}.app-sidebar__logout{color:#9ee8f5;margin-top:14px;padding-inline:0}.app-main{min-width:0;padding:32px}.page-shell{gap:24px;display:grid}.page-shell__header{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:28px}.page-shell__header h1{color:var(--navy);font-size:1.85rem;line-height:1.2}.summary-grid article,.section-list span{border:1px solid var(--border);background:var(--surface);border-radius:8px}.page-shell__body{gap:18px;display:grid}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid article{padding:18px}.summary-grid span{color:var(--muted);margin-bottom:8px;font-size:.85rem;display:block}.summary-grid strong{color:var(--navy)}.details-panel{border-top:1px solid var(--border);padding-top:1rem}.details-panel summary{cursor:pointer;color:var(--navy);font-weight:700}.details-panel .data-table-wrap{margin-top:1rem}.section-list{flex-wrap:wrap;gap:10px;display:flex}.section-list span{color:var(--navy);background:var(--surface-soft);padding:10px 12px;font-weight:700}.stack{gap:18px;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel,.data-table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:8px}.panel{gap:16px;padding:18px;display:grid}.panel h2,.panel h3{color:var(--navy);font-size:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.field{color:var(--navy);gap:7px;font-size:.88rem;font-weight:700;display:grid}.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select,.inline-form input,.inline-form select{border:1px solid var(--border);width:100%;min-height:38px;color:var(--foreground);background:var(--surface);font:inherit;border-radius:6px;padding:8px 10px}.form-grid textarea{resize:vertical;min-height:76px}.form-grid button,.toolbar button,.inline-form button,.button-link{color:#fff;background:var(--navy);min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 12px;font-weight:700}.form-grid button:disabled,.toolbar button:disabled,.inline-form button:disabled,.button-link[aria-disabled=true]{cursor:wait;opacity:.72}.screen-only{display:table-cell}.print-only{display:none}.inventory-report-header{border:1px solid var(--border);background:var(--surface);border-radius:8px 8px 0 0;justify-content:space-between;align-items:end;gap:16px;padding:18px;display:flex}.inventory-report-header p{color:var(--cyan);font-size:.78rem;font-weight:800}.inventory-report-header h2{color:var(--navy);margin-top:4px;font-size:1.2rem}.inventory-report-header span{color:var(--muted);font-size:.86rem;font-weight:700}.inventory-table-wrap{border-top:0;border-radius:0 0 8px 8px}.inventory-count-cell{min-width:36mm}.receipt-print-area{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:18px;padding:24px;display:grid}.receipt-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:18px;padding-bottom:16px;display:flex}.receipt-header p{color:var(--cyan);font-size:.78rem;font-weight:800}.receipt-header h2{color:var(--navy);margin-top:4px;font-size:1.25rem}.receipt-grid,.receipt-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.receipt-grid div,.receipt-summary div{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;gap:4px;padding:10px;display:grid}.receipt-grid span,.receipt-summary span{color:var(--muted);font-size:.78rem;font-weight:700}.receipt-warranty{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:grid}.receipt-warranty h3{color:var(--navy);text-transform:uppercase;font-size:1rem}.receipt-warranty p{color:var(--foreground);font-size:.9rem;line-height:1.5}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.toolbar label{min-width:180px;color:var(--navy);gap:6px;font-size:.86rem;font-weight:700;display:grid}.toolbar__hint{min-height:38px;color:var(--muted);align-items:center;font-size:.86rem;display:inline-flex}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions form{margin:0}.row-actions button{min-height:34px;padding:8px 12px}.public-receipt{max-width:980px;margin:0 auto;padding:32px 18px}.public-receipt__toolbar{justify-content:flex-end;margin-bottom:16px}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:11px 12px}.data-table th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.data-table tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.numeric{text-align:right;font-variant-numeric:tabular-nums}.text-lines{white-space:pre-line}.badge{min-height:24px;color:var(--navy);background:var(--surface-soft);border-radius:999px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.badge--ok{color:var(--success);background:var(--success-soft)}.badge--danger{color:var(--danger);background:var(--danger-soft)}.finance-status{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:2fr 1fr 1fr;gap:14px;padding:16px;display:grid}.finance-status>div{gap:6px;display:grid}.finance-status span{color:var(--muted);font-size:.82rem;font-weight:700}.finance-status strong{color:var(--navy)}.finance-status--red{border-color:var(--danger);background:var(--danger-soft)}.finance-status--green{border-color:var(--success);background:var(--success-soft)}.finance-status--yellow{background:#fff6d8;border-color:#d9a441}.finance-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{gap:8px;min-width:190px;display:grid}.inline-form--wide{min-width:260px}.commission-rule-form{grid-template-columns:repeat(5,minmax(90px,1fr));align-items:center}.inline-form label{color:var(--navy);gap:6px;font-size:.82rem;font-weight:700;display:grid}.checkbox-line{color:var(--navy);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.checkbox-line input{width:16px;height:16px}.inline-form textarea,.inline-form input[type=file]{border:1px solid var(--border);width:100%;color:var(--foreground);background:var(--surface);font:inherit;border-radius:6px;padding:8px 10px}.inline-form textarea{resize:vertical;min-height:72px}.section-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.section-heading span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:.76rem;font-weight:800;display:block}.admin-user-list{gap:12px;display:grid}.admin-user-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px}.admin-user-card summary{cursor:pointer;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:14px;padding:14px;list-style:none;display:grid}.admin-user-card summary::-webkit-details-marker{display:none}.admin-user-card summary strong{color:var(--navy);display:block}.admin-user-card summary span{color:var(--muted);font-size:.86rem}.admin-user-card__meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-user-card__meta>span:not(.badge):not(.link-like){border:1px solid var(--border);color:var(--navy);background:var(--surface);border-radius:999px;padding:4px 8px;font-weight:700}.link-like{color:var(--cyan);font-weight:800}.admin-user-card__body{gap:14px;padding:0 14px 14px;display:grid}.admin-card-section{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.admin-card-section button{color:#fff;background:var(--navy);width:fit-content;min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 12px;font-weight:700}.permission-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px 14px;display:grid}.commission-input-grid{grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;display:grid}.commission-input-grid label{color:var(--navy);gap:7px;font-size:.88rem;font-weight:700;display:grid}.commission-input-grid input{border:1px solid var(--border);width:100%;min-height:38px;color:var(--foreground);background:var(--surface);font:inherit;border-radius:6px;padding:8px 10px}.goal-plan-form{gap:14px;display:grid}.goal-plan-form button{color:#fff;background:var(--navy);width:fit-content;min-height:38px;font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 12px;font-weight:700}.goal-tier-form-grid,.goal-tier-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.goal-tier-form-grid fieldset,.goal-tier-list article{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.goal-tier-form-grid legend{color:var(--navy);padding:0 4px;font-weight:800}.goal-tier-form-grid label{color:var(--navy);gap:7px;font-size:.86rem;font-weight:700;display:grid}.goal-tier-form-grid input{border:1px solid var(--border);width:100%;min-height:38px;color:var(--foreground);background:var(--surface);font:inherit;border-radius:6px;padding:8px 10px}.goal-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.goal-progress{gap:8px;display:grid}.goal-progress>div{color:var(--navy);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.goal-progress>span{background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;height:14px;overflow:hidden}.goal-progress i{background:var(--cyan);height:100%;display:block}.goal-tier-list article{background:var(--surface)}.goal-tier-list article>div{gap:4px;display:grid}.goal-tier-list span:first-child,.goal-tier-list small{color:var(--muted);font-size:.78rem;font-weight:700}.goal-tier-list strong{color:var(--navy);font-size:.95rem}.product-thumb{aspect-ratio:1;border:1px solid var(--border);width:64px;color:var(--muted);background-color:var(--surface-soft);text-align:center;background-position:50%;background-size:cover;border-radius:6px;place-items:center;font-size:.72rem;display:inline-grid}.product-thumb--empty{padding:6px}.image-picker{gap:8px;display:grid}.image-picker__preview{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.image-picker__preview div{gap:8px;min-width:0;display:grid}.image-picker__preview strong{overflow-wrap:anywhere;color:var(--navy);font-size:.86rem}.image-picker__preview button{color:#fff;background:var(--navy);min-height:32px;font:inherit;cursor:pointer;border:0;border-radius:6px;justify-self:start;padding:6px 10px;font-size:.82rem;font-weight:700}.metric-strip{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-strip span{border:1px solid var(--border);min-height:64px;color:var(--muted);background:var(--surface-soft);border-radius:6px;align-content:center;gap:4px;padding:10px 12px;font-size:.82rem;display:grid}.metric-strip strong{color:var(--navy);font-size:1rem}.sale-cart{align-content:start}.sale-cart .data-table{min-width:640px}.catalog-print-area{width:min(100%,1180px);margin:0 auto}.catalog-share-actions{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.catalog-header{background:linear-gradient(135deg,#fff 0%,#ecfeff 100%);border:1px solid #0891b238;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex;box-shadow:0 14px 36px #0f172a14}.catalog-brand{align-items:center;gap:14px;display:flex}.catalog-logo{background:#fff;border-radius:6px;justify-content:center;align-items:center;width:104px;min-width:104px;height:58px;padding:4px;display:flex}.catalog-logo__image{object-fit:contain;width:100%;height:100%}.catalog-brand p{color:var(--cyan);text-transform:uppercase;font-size:.75rem;font-weight:800}.catalog-brand h1{color:var(--navy);font-size:1.8rem;line-height:1.1}.catalog-header__tag{color:var(--navy);white-space:nowrap;background:#fffc;border:1px solid #0891b23d;border-radius:999px;padding:8px 10px;font-size:.86rem;font-weight:700}.catalog-header__aside{justify-items:end;gap:10px;display:grid}.catalog-header__contacts{color:var(--navy);justify-items:end;gap:3px;font-size:.88rem;font-weight:800;display:grid}.catalog-header__contacts span{color:var(--muted);text-transform:uppercase;font-size:.72rem}.catalog-header__contacts a{color:var(--cyan)}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));align-items:stretch;gap:18px;display:grid}.catalog-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-rows:190px 1fr;min-height:398px;display:grid;overflow:hidden;box-shadow:0 10px 24px #0f172a14}.catalog-item__media{border-bottom:1px solid var(--border);background:#fff;place-items:center;width:100%;height:190px;padding:12px;display:grid;position:relative}.catalog-item__photo{object-fit:contain;display:block;width:100%!important;height:100%!important}.catalog-item__placeholder{width:100%;height:100%;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--border);border-radius:6px;place-items:center;font-size:.86rem;display:grid}.catalog-item__body{grid-template-rows:auto auto 1fr auto auto;gap:8px;padding:16px;display:grid}.catalog-item__code{width:fit-content;color:var(--cyan);background:#0891b214;border-radius:999px;padding:3px 7px;font-size:.78rem;font-weight:800}.catalog-item__body h2{color:var(--navy);font-size:1rem;line-height:1.25}.catalog-item__body p{color:var(--muted);font-size:.9rem;line-height:1.45}.catalog-item__price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.catalog-item__price span{color:var(--muted);text-decoration:line-through}.catalog-item__price strong{color:var(--success);font-size:1.15rem}.catalog-item small{color:var(--cyan);font-weight:800}.public-catalog{background:#f8fafc;min-height:100vh;padding:32px 20px}.public-catalog__inner{gap:20px;display:grid}@media (max-width:640px){.home,.login-page{padding:20px}.home__panel,.login-card{padding:28px}.app-shell{grid-template-columns:1fr}.app-sidebar{min-height:auto}.app-main{padding:20px}.summary-grid,.split-grid,.form-grid,.finance-status,.metric-strip,.summary-grid--compact,.admin-user-card summary,.permission-grid,.commission-input-grid,.goal-tier-form-grid,.goal-tier-list{grid-template-columns:1fr}.admin-user-card__meta{justify-content:flex-start}.catalog-header{flex-direction:column;align-items:flex-start;padding:16px}.catalog-brand h1{font-size:1.35rem}.catalog-header__tag{white-space:normal}.catalog-header__aside,.catalog-header__contacts{justify-items:start}.catalog-grid{grid-template-columns:1fr}.catalog-item{min-height:auto}.public-catalog{padding:20px}}@media print{@page{size:A4;margin:12mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sidebar,.page-shell__header,.no-print,.screen-only{display:none}.print-only{display:table-cell}.app-shell{display:block}.app-main{padding:0}.inventory-print-area{width:100%}.finance-print-area{border:0;border-radius:0;gap:5mm;padding:0}.finance-report-header.print-only{border-bottom:1px solid #94a3b8;padding:0 0 5mm;display:block}.finance-report-header h2{margin-bottom:2mm;font-size:16pt}.finance-report-header strong,.finance-report-header p{margin:0 0 1mm;display:block}.finance-print-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:3mm}.finance-print-summary article{break-inside:avoid;padding:3mm}.finance-print-summary span{margin-bottom:1mm;font-size:7.5pt}.finance-print-summary strong{font-size:9pt}.finance-report-table{table-layout:fixed;min-width:0;font-size:6.8pt}.finance-report-table th,.finance-report-table td{word-break:break-word;overflow-wrap:anywhere;padding:3px 4px}.finance-report-table thead{display:table-header-group}.finance-report-table tr{break-inside:avoid;page-break-inside:avoid}.inventory-report-header{border:0;border-bottom:1px solid #94a3b8;border-radius:0;padding:0 0 6mm}.inventory-report-header h2{font-size:15pt}.inventory-table-wrap{border:0;overflow:visible}.inventory-table{min-width:0;font-size:8.5pt}.inventory-table th,.inventory-table td{border-color:#cbd5e1;padding:5px 6px}.inventory-table thead{display:table-header-group}.inventory-table tr{break-inside:avoid;page-break-inside:avoid}.inventory-count-cell{height:9mm}.receipt-print-area{border:0;border-radius:0;gap:6mm;padding:0}.receipt-header{padding-bottom:5mm}.receipt-grid,.receipt-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:4mm}.receipt-grid div,.receipt-summary div{border-color:#cbd5e1;padding:3mm}.receipt-table{min-width:0;font-size:9pt}.receipt-warranty p{font-size:9pt}.catalog-print-area,.public-catalog__inner{width:100%;max-width:none}.public-catalog{background:#fff;min-height:auto;padding:0}.catalog-header{box-shadow:none;border-color:#94a3b8;margin-bottom:10mm;padding:10mm}.catalog-header__tag{border-color:#94a3b8}.catalog-header__contacts a{color:#0b2440;text-decoration:none}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8mm}.catalog-item{break-inside:avoid;page-break-inside:avoid;min-height:0;box-shadow:none}.catalog-item__media{height:48mm;padding:5mm}.catalog-item__body{padding:5mm}.catalog-item__body h2{font-size:10.5pt}.catalog-item__body p,.catalog-item__price,.catalog-item small{font-size:9pt}}