*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f5f7f8;color:#17202a}button,input,select{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.single-panel{background:#111827}.loading-screen{min-height:100vh;display:grid;place-items:center;background:#111827;color:#f8fafc}.login-card{width:min(420px,calc(100vw - 48px));display:grid;gap:16px;padding:28px;border:1px solid #263449;border-radius:8px;background:#172033;color:#f8fafc}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:#2f6f89}.login-card .eyebrow,.sidebar .eyebrow{color:#93c5fd}.login-card h1,.sidebar h1{margin:0;font-size:34px;letter-spacing:0}.login-card label{display:grid;gap:7px;font-size:13px;color:#cbd5e1}.login-card input{width:100%;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#f8fafc;padding:11px 12px}.login-card button,.ghost-button{border:0;border-radius:6px;background:#2f6f89;color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.login-card button:disabled{opacity:.65;cursor:not-allowed}.alert{border:1px solid #f5a524;background:#fff7e7;color:#553a08;border-radius:6px;padding:12px}.notice{border:1px solid #8ac7a4;background:#eefaf3;color:#174d2b;border-radius:6px;padding:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:24px;background:#111827;color:#f8fafc}.sidebar nav{display:grid;gap:8px}.sidebar nav button{width:100%;border:0;border-radius:6px;background:transparent;color:#cbd5e1;text-align:left;padding:11px 12px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#22314a;color:#fff}.ghost-button{margin-top:auto;background:#243244;color:#dbeafe}.content{padding:28px;display:grid;gap:20px;align-content:start}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar h2{margin:4px 0 0;font-size:30px;letter-spacing:0}.user-block{display:grid;gap:3px;text-align:right}.user-block span{color:#64748b;font-size:13px}.panel,.muted-panel,.editor-panel{border:1px solid #d7dee7;border-radius:8px;background:#fff}.panel,.editor-panel{display:grid;gap:18px;padding:20px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel-heading h3{margin:0;font-size:22px}.panel-heading span,.muted-panel{color:#64748b}.muted-panel{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.stats-grid.platform{grid-template-columns:repeat(6,minmax(120px,1fr))}.stat-card{display:grid;gap:8px;border:1px solid #dbe3eb;border-radius:8px;padding:16px;background:#f8fafc}.stat-card span{color:#64748b;font-size:13px}.stat-card strong{font-size:30px}.summary-list{display:grid;gap:4px;border-top:1px solid #e5eaf0;padding-top:16px}.summary-list span,.muted-line{color:#64748b}.table-wrap{width:100%;overflow:auto;border:1px solid #e5eaf0;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid #e5eaf0;text-align:left;font-size:14px}th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.primary-action,.secondary-action,.row-action{border:0;border-radius:6px;padding:10px 13px;font-weight:700;cursor:pointer}.primary-action{background:#2f6f89;color:#fff}.secondary-action{background:#e8eef4;color:#243244}.row-action{background:#edf6f9;color:#24586c;padding:7px 10px}.primary-action:disabled,.secondary-action:disabled{opacity:.65;cursor:not-allowed}.editor-panel{align-self:start}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.form-grid label,.wide-field{display:grid;gap:6px;color:#475569;font-size:13px}.form-grid input,.form-grid select,.wide-field input{width:100%;border:1px solid #cfd9e3;border-radius:6px;background:#fff;color:#17202a;padding:10px 11px}.form-grid input:disabled,.form-grid select:disabled{background:#f1f5f9;color:#64748b}.fieldset{margin:0;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.fieldset legend{padding:0 6px;color:#475569;font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:10px}.catalog-list{display:grid;gap:14px}.catalog-item{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:14px;display:grid;gap:14px}.product-row{display:grid;grid-template-columns:86px 1fr auto;gap:14px;align-items:start}.product-image{width:86px;height:86px;border:1px solid #dbe3eb;border-radius:8px;background:#f8fafc;display:grid;place-items:center;color:#64748b;font-size:12px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-main{display:grid;gap:8px}.product-title{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.product-title strong{font-size:18px}.product-title span{color:#64748b}.product-main p{margin:0;color:#475569}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill-row span{border:1px solid #dbe3eb;border-radius:999px;background:#f8fafc;padding:5px 9px;font-size:12px;color:#334155}.product-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.catalog-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #edf1f5;padding-top:14px}.catalog-detail-grid h4{margin:0 0 8px}.mini-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #edf1f5;border-radius:8px;padding:8px;margin-bottom:8px}@media(max-width:1100px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.platform{grid-template-columns:repeat(3,minmax(0,1fr))}.product-row{grid-template-columns:86px 1fr}.product-actions{grid-column:1/-1;justify-content:flex-start}.catalog-detail-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.content{padding:18px}.topbar{display:grid}.user-block{text-align:left}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.stats-grid,.stats-grid.platform,.form-grid{grid-template-columns:1fr}.panel-heading{display:grid}.topbar h2{font-size:24px}.login-card h1,.sidebar h1{font-size:28px}.form-actions,.mini-row,.product-row{display:grid;grid-template-columns:1fr}.product-image{width:100%;height:140px}}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.filter-grid label{display:grid;gap:6px;color:#475569;font-size:13px}.filter-grid input,.filter-grid select{width:100%;border:1px solid #cfd9e3;border-radius:6px;background:#fff;color:#17202a;padding:10px 11px}.orders-view{display:grid;gap:14px}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(620px,100vw);overflow:auto;background:#fff;border-left:1px solid #d7dee7;box-shadow:-12px 0 30px #0f172a29;padding:20px;z-index:20;display:grid;gap:16px;align-content:start}.drawer-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.drawer-header h3{margin:4px 0 0;font-size:28px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap}.drawer-section{display:grid;gap:10px;border-top:1px solid #e5eaf0;padding-top:14px}.drawer-section h4{margin:0}.detail-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 12px}.detail-grid span{color:#64748b}.mini-row.wide{grid-template-columns:1fr auto}.mini-row small{grid-column:1/-1;color:#64748b}@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.filter-grid,.detail-grid{grid-template-columns:1fr}.drawer{padding:16px}}.admin-actions{border:1px solid #dbeafe;background:#f8fbff;border-radius:8px;padding:12px}.admin-actions h4{color:#1e4e66}.version-badge{display:inline-flex;margin-top:10px;border:1px solid #3b526f;border-radius:999px;padding:4px 8px;color:#dbeafe;font-size:12px;font-weight:800}.activation-panel{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid #c7ead7;background:#f3fbf6;border-radius:8px;padding:14px}.activation-panel h4,.activation-panel p{margin:0}.activation-panel div{display:grid;gap:7px}.activation-panel strong{font-size:26px;letter-spacing:.08em}.activation-panel span{color:#475569}.activation-panel img{width:150px;height:150px;border:1px solid #dbe3eb;border-radius:8px;background:#fff;padding:8px}.activation-panel code{grid-column:1/-1;word-break:break-all;border:1px solid #dbe3eb;border-radius:6px;background:#fff;padding:10px;color:#334155}@media(max-width:620px){.activation-panel{grid-template-columns:1fr}.activation-panel img{width:180px;height:180px}}.account-button{justify-self:end;border:1px solid #cfd9e3;border-radius:6px;background:#fff;color:#24586c;padding:7px 10px;font-size:13px;font-weight:800;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0f172a7a;padding:20px}.account-modal{width:min(560px,100%);display:grid;gap:16px;border:1px solid #d7dee7;border-radius:8px;background:#fff;padding:20px;box-shadow:0 24px 70px #0f172a3d}.account-summary{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc;padding:12px}.account-summary span{color:#64748b}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:6px;color:#475569;font-size:13px}.account-form input[type=password],.account-form input[type=text]{width:100%;border:1px solid #cfd9e3;border-radius:6px;background:#fff;color:#17202a;padding:10px 11px}.checkbox-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px}.password-rules{display:grid;gap:4px;color:#64748b;font-size:12px}@media(max-width:900px){.account-button{justify-self:start}.account-summary{grid-template-columns:1fr}}.catalog-filters{grid-template-columns:repeat(4,minmax(150px,1fr))}.catalog-group{display:grid;gap:12px}.catalog-group h4{margin:0;color:#1f4154;font-size:18px}.catalog-group+.catalog-group{border-top:1px solid #e5eaf0;padding-top:16px}@media(max-width:1100px){.catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.catalog-filters{grid-template-columns:1fr}}