:root{--bg:#f4f6f8;--panel:#ffffff;--text:#15202b;--muted:#64748b;--line:#e2e8f0;--primary:#1f4f46;--primary-2:#2d6a5f;--danger:#b42318;--warning:#b54708;--ok:#027a48;--soft:#eef6f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#173f38,#2d6a5f);padding:24px}.login-card{width:100%;max-width:420px;background:white;border-radius:22px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.login-card h1{margin:0 0 8px}.login-card p{color:var(--muted);margin-top:0}.form{display:grid;grid-gap:12px;gap:12px}.label{font-size:13px;font-weight:700;color:#334155}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:white;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(31,79,70,.12)}.textarea{min-height:90px;resize:vertical}.btn{border:0;background:var(--primary);color:white;border-radius:12px;padding:11px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background:var(--primary-2)}.btn.secondary{background:#e2e8f0;color:#0f172a}.btn.danger{background:var(--danger)}.btn.ghost{background:transparent;color:var(--primary);border:1px solid var(--line)}.btn.small{padding:7px 10px;border-radius:9px;font-size:13px}.error{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;padding:10px;border-radius:12px}.success{color:var(--ok);background:#ecfdf3;border:1px solid #abefc6;padding:10px;border-radius:12px}.warning{color:var(--warning);background:#fffaeb;border:1px solid #fedf89;padding:10px;border-radius:12px}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f2f2a;color:white;padding:22px 18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-size:21px;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.brand-sub{color:#b7d8d1;font-size:13px;margin-bottom:24px}.nav{display:grid;grid-gap:8px;gap:8px}.nav a{padding:11px 12px;border-radius:12px;color:#ecfdf7}.nav a.active,.nav a:hover{background:rgba(255,255,255,.12)}.side-user{position:absolute;left:18px;right:18px;bottom:18px;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;color:#d8f3ee;font-size:13px}.main{padding:26px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.title h1{margin:0;font-size:28px;letter-spacing:-.03em}.title p{margin:5px 0 0;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.stat{background:white;border:1px solid var(--line);border-radius:18px;padding:18px}.stat .num{font-size:30px;font-weight:800;margin-top:8px}.stat .label{color:var(--muted);font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;color:#475569;font-size:13px}tr:last-child td{border-bottom:0}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1 1}.meta{color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:700}.badge.ok{background:#dcfae6;color:#067647}.badge.warn{background:#fef0c7;color:#b54708}.badge.danger{background:#fee4e2;color:#b42318}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));grid-gap:16px;gap:16px;align-items:stretch}.product-card{min-height:500px;border:1px solid #dbe3ef;border-radius:14px;flex-direction:column}.product-card,.product-image-box{background:#ffffff;overflow:hidden;display:flex}.product-image-box{width:100%;height:220px;min-height:220px;border-bottom:1px solid #e2e8f0;align-items:center;justify-content:center}.product-image-box img.product-image{max-width:92%;max-height:92%;width:auto;height:auto;object-fit:contain;object-position:center;display:block;background:transparent}.product-placeholder{width:100%;height:100%;background:#f1f5f9;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}.product-card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1 1}.product-title{font-size:15px;font-weight:800;line-height:1.15;margin:0 0 8px}.product-meta{font-size:12px;color:#36506f;line-height:1.32;margin-bottom:10px}.product-observation{margin-top:10px;height:38px;border:1px solid #dbe3ef;border-radius:10px;padding:0 12px;font-size:14px}.ticket-card.collapsed{padding-bottom:12px}.ticket-card-header{width:100%;display:flex;align-items:flex-start;gap:10px;border:0;background:transparent;padding:0;text-align:left;color:inherit}.ticket-card-header:hover{opacity:.92}.ticket-toggle{font-size:18px;line-height:1.2;color:var(--primary);min-width:18px;margin-top:2px}.ticket-card-summary{flex:1 1;min-width:0}.ticket-card-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.config-sync-history{background:linear-gradient(180deg,#ffffff,#f8fcfb)}.config-sync-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.config-sync-header h2{margin:0 0 4px}.config-sync-header p{margin:0}.config-sync-body{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.user-inactive td{color:var(--muted)}.k-loader-box{margin:12px 0;padding:14px 16px;border:1px solid #b7d8d1;background:#eef6f4;border-radius:14px;display:flex;align-items:center;gap:12px;color:#0f2f2a}.k-loader{width:34px;height:34px;border-radius:50%;background:#1f4f46;color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:900;animation:k-pulse 1s ease-in-out infinite;box-shadow:0 0 0 0 rgba(31,79,70,.35)}@keyframes k-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(31,79,70,.3)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(31,79,70,.08)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(31,79,70,0)}}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(15,23,42,.52);display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:100%;max-height:calc(100vh - 48px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.products-toolbar{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);grid-gap:14px;gap:14px;align-items:stretch}.products-option-card,.products-search-card,.products-stat-card{background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.95);border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.products-search-card{padding:18px}.products-search-input{margin-top:7px;min-height:46px;border-radius:14px}.products-actions,.products-meta-line,.products-panel-actions,.products-section-header,.products-toolbar-footer{display:flex;align-items:center;gap:10px}.products-toolbar-footer{justify-content:space-between;margin-top:12px;flex-wrap:wrap}.products-btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.1;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 8px 18px rgba(15,23,42,.07)}.products-btn:hover:not(:disabled){transform:translateY(-1px)}.products-btn:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.products-btn-small{min-height:34px;padding:8px 11px;border-radius:10px;font-size:12px;white-space:nowrap}.products-btn-primary{color:white;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:rgba(31,79,70,.25)}.products-btn-primary:hover:not(:disabled){box-shadow:0 10px 24px rgba(31,79,70,.24)}.products-btn-muted{color:#334155;background:#f8fafc;border-color:#dbe3ef}.products-btn-muted:hover:not(:disabled){background:#eef2f7;box-shadow:0 8px 18px rgba(15,23,42,.08)}.products-btn-image{color:#36506f;background:#eff6ff;border-color:#bfdbfe}.products-btn-image:hover:not(:disabled){background:#dbeafe;box-shadow:0 8px 18px rgba(37,99,235,.14)}.products-btn-danger{color:white;background:linear-gradient(135deg,#b42318,#dc2626);border-color:rgba(180,35,24,.35)}.products-btn-danger:hover:not(:disabled){box-shadow:0 10px 24px rgba(180,35,24,.25)}.products-btn-danger-soft{color:#b42318;background:#fff1f0;border-color:#fecdca;box-shadow:none}.products-btn-danger-soft:hover:not(:disabled){color:white;background:#c1121f;border-color:#c1121f;box-shadow:0 8px 18px rgba(180,35,24,.18)}.products-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.products-stat-card{padding:16px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.products-stat-card span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.products-stat-card strong{color:var(--primary);font-size:30px;line-height:1}.products-bulk-panel{margin-top:14px;border-color:#c8ddd8;background:linear-gradient(180deg,#ffffff,#f8fcfb)}.products-section-header{align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.products-segmented{display:inline-flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#f8fafc}.products-segmented label{position:relative}.products-segmented input{position:absolute;opacity:0;pointer-events:none}.products-segmented span{display:inline-flex;border-radius:999px;padding:8px 12px;color:#475569;font-size:13px;font-weight:800;cursor:pointer}.products-segmented input:checked+span{background:var(--primary);color:white;box-shadow:0 8px 18px rgba(31,79,70,.18)}.products-bulk-grid{margin-top:14px}.products-option-card{padding:14px}.products-panel-actions{justify-content:space-between;margin-top:14px;flex-wrap:wrap}.products-actions{margin-left:auto}.products-listbar{justify-content:space-between;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 8px 24px rgba(15,23,42,.04)}.products-list-controls,.products-listbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.products-inline-control{display:flex;align-items:center;gap:8px}.products-inline-control .input{width:auto;min-width:94px;padding:8px 10px;border-radius:10px}.products-table-wrap{margin-top:14px;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.products-table{min-width:1120px}.products-table th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#f8fafc;color:#334155;font-size:12px;letter-spacing:.02em;text-transform:uppercase}.products-sort-button{display:inline-flex;align-items:center;gap:8px;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-weight:850;letter-spacing:inherit;text-transform:inherit}.products-sort-button span{min-width:34px;color:var(--primary);font-size:11px}.products-table td{vertical-align:middle}.products-table tbody tr:hover{background:#fbfefd}.products-check-cell{width:44px;text-align:center}.products-image-cell{width:86px}.products-thumb{width:60px;height:60px;object-fit:contain;border:1px solid #e2e8f0;border-radius:14px;background:white}.products-thumb-empty{display:grid;place-items:center;color:#94a3b8;background:#f8fafc;font-size:11px;font-weight:800;text-align:center;padding:6px}.products-name{max-width:360px;color:#0f172a;font-size:15px;font-weight:850;line-height:1.28}.products-meta-line{margin:8px 0 6px;flex-wrap:wrap}.products-price{color:#0f172a;font-weight:850;white-space:nowrap}.products-empty{padding:34px!important;color:var(--muted);text-align:center;font-weight:700}.products-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.products-page-indicator{padding:10px 12px;color:#334155;font-weight:800}.products-edit-modal{max-width:1080px;padding:0;overflow:hidden}.products-edit-modal .input{min-height:44px;border-radius:13px}.products-edit-hero{display:flex;align-items:flex-start;gap:16px;padding:20px;background:radial-gradient(circle at top left,rgba(45,106,95,.18),transparent 34%),linear-gradient(135deg,#f7fbfa,#ffffff 58%,#eef6f4);border-bottom:1px solid var(--line)}.products-edit-thumb-wrap{flex:0 0 auto}.products-edit-thumb{width:92px;height:92px;object-fit:contain;border:1px solid #dbe7e3;border-radius:20px;background:white;box-shadow:0 10px 24px rgba(15,23,42,.08)}.products-edit-thumb-empty{display:grid;place-items:center;color:#94a3b8;background:#f8fafc;font-size:12px;font-weight:850;text-align:center;padding:8px}.products-edit-title{min-width:0;flex:1 1}.products-edit-title h2{margin:8px 0 5px;color:#0f172a;font-size:25px;line-height:1.15;letter-spacing:-.03em}.products-edit-title p{margin:0;max-width:760px;color:#334155;font-size:15px;font-weight:700;line-height:1.35}.products-edit-close{flex:0 0 auto}.products-edit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:16px 20px 0}.products-edit-field,.products-edit-note,.products-edit-summary div{border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 10px 24px rgba(15,23,42,.045)}.products-edit-summary div{padding:14px 16px}.products-edit-summary span{display:block;color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.products-edit-summary strong{display:block;margin-top:5px;color:var(--primary);font-size:20px}.products-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;padding:16px 20px 0}.products-edit-field{display:grid;grid-gap:8px;gap:8px;padding:16px}.products-edit-field-wide{grid-column:1/-1}.products-edit-price-card{background:linear-gradient(180deg,#ffffff,#f8fcfb);border-color:#c8ddd8}.products-edit-price-input{color:var(--primary);font-size:18px;font-weight:850}.products-check-row{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dbe7e3;border-radius:13px;background:#f8fcfb;color:#334155;font-weight:750}.products-edit-note{margin:16px 20px 0;padding:13px 15px;color:var(--muted);font-size:13px;line-height:1.45;background:#f8fafc}.products-edit-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding:16px 20px 20px;background:linear-gradient(180deg,rgba(255,255,255,.68),#ffffff);border-top:1px solid var(--line)}@media (max-width:1100px){.products-toolbar{grid-template-columns:1fr}}@media (max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.side-user{position:static;margin-top:18px}.main{padding:18px}.grid.cols-2,.grid.cols-3,.products-edit-grid,.products-edit-summary,.products-stats,.stats{grid-template-columns:1fr}.products-actions,.products-actions .btn,.products-edit-footer .btn,.products-pagination .btn,.products-toolbar-footer .btn{width:100%}.products-pagination{justify-content:stretch}.products-page-indicator{width:100%;text-align:center}.products-edit-hero{display:grid}.products-edit-footer{flex-direction:column-reverse}}