:root{--bg: #eef1f6;--panel: #ffffff;--border: #e4e8ef;--border-strong: #d4dae4;--text: #26303f;--muted: #7a8699;--sidebar: #16233f;--sidebar-2: #1d2d4d;--sidebar-text: #c3cddf;--sidebar-active: #2f6fed;--primary: #2f6fed;--primary-hover: #245bd0;--green: #10a54a;--green-hover: #0d9040;--danger: #e0473c;--ok: #16a34a;--amber: #d97706;--radius: 10px;--shadow: 0 1px 3px rgba(20, 35, 65, .08), 0 1px 2px rgba(20, 35, 65, .04);--shadow-lg: 0 12px 40px rgba(16, 27, 51, .22)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;color:var(--text);background:var(--bg);font-size:14px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.92em}.layout{display:flex;min-height:100vh}.sidebar{width:236px;background:var(--sidebar);color:var(--sidebar-text);flex-shrink:0;display:flex;flex-direction:column;padding:0}.brand{padding:1.15rem 1.4rem 1rem;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.brand span{color:#6ea8ff}.brand small{display:block;font-size:.6rem;font-weight:500;color:#7f8ba6;letter-spacing:.02em;margin-top:-2px}.nav{padding:.4rem .6rem;display:flex;flex-direction:column;gap:1px}.nav-section{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:#6a7794;padding:.9rem .85rem .35rem}.nav a{display:flex;align-items:center;gap:.7rem;padding:.6rem .85rem;color:var(--sidebar-text);border-radius:8px;font-size:.9rem}.nav a:hover{background:var(--sidebar-2);text-decoration:none;color:#fff}.nav a.active{background:var(--sidebar-active);color:#fff}.nav a svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.content{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem;padding:0 1.5rem}.topbar .search{flex:1;max-width:620px;display:flex;align-items:center;gap:.5rem;background:#f1f3f7;border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem}.topbar .search input{border:none;background:transparent;width:100%;outline:none;padding:.15rem 0}.topbar .spacer{flex:1}.topbar .iconbtn{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:var(--muted);cursor:pointer}.topbar .iconbtn:hover{background:#f1f3f7}.user-chip{display:flex;align-items:center;gap:.55rem;padding:.25rem .5rem;border-radius:999px;cursor:default}.user-chip:hover{background:#f1f3f7}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700}.main{flex:1;padding:1.5rem 2rem;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;gap:1rem}.page-header h2{margin:0;font-size:1.35rem;font-weight:700}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.35rem;margin-bottom:1.1rem;box-shadow:var(--shadow)}.table-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}thead th{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;background:#fafbfd}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f7f9fc}button,.btn{font:inherit;padding:.5rem 1rem;border:1px solid var(--border-strong);background:var(--panel);border-radius:999px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;gap:.4rem}button:hover,.btn:hover{background:#f4f6fa;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-green{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.btn-green:hover{background:var(--green-hover)}.btn-danger{color:var(--danger);border-color:#f1cbc7;background:#fff}.btn-danger:hover{background:#fdf0ef}.btn-ghost{border-color:transparent;background:transparent}.btn-sm{padding:.3rem .65rem;font-size:.82rem}.btn-square{border-radius:8px}.kebab{width:34px;height:34px;border-radius:8px;padding:0;justify-content:center;border-color:transparent;color:var(--muted)}.kebab:hover{background:#eef1f6}input,select,textarea{font:inherit;padding:.5rem .7rem;border:1px solid var(--border-strong);border-radius:8px;width:100%;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2f6fed1f}label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.82rem;color:#45505f}.field{margin-bottom:1rem}.field-hint{font-size:.75rem;color:var(--muted)}.input-suffix{position:relative}.input-suffix .suffix{position:absolute;right:1px;top:1px;bottom:1px;display:grid;place-items:center;padding:0 .7rem;background:#f1f3f7;border-left:1px solid var(--border-strong);border-radius:0 8px 8px 0;color:var(--muted);font-size:.85rem}.input-suffix input{padding-right:3.2rem}.input-count{position:relative}.input-count .counter{position:absolute;right:1px;top:1px;bottom:1px;display:grid;place-items:center;padding:0 .7rem;background:#f1f3f7;border-left:1px solid var(--border-strong);border-radius:0 8px 8px 0;color:var(--muted);font-size:.78rem;white-space:nowrap}.input-count input{padding-right:7rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.row{display:flex;gap:.6rem;align-items:center}.toolbar{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1.1rem}.spacer{flex:1}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden}.segmented button{border:none;border-radius:0;border-right:1px solid var(--border-strong);background:#fff;padding:.5rem 1.1rem}.segmented button:last-child{border-right:none}.segmented button.active{background:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:999px;font-size:.74rem;font-weight:600}.badge.ACTIVE{background:#dcfce7;color:#15803d}.badge.INACTIVE{background:#eef1f5;color:#64748b}.badge.DRAFT{background:#fef3c7;color:#92400e}.chip-int{display:inline-flex;align-items:center;gap:.35rem;background:#f1f3f7;border:1px solid var(--border);border-radius:7px;padding:.2rem .5rem;font-size:.78rem;font-weight:600;color:#45505f}.chip-int .dot-ok{width:15px;height:15px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:.6rem}.muted{color:var(--muted)}.error{background:#fdf0ef;border:1px solid #f5c9c4;color:var(--danger);padding:.65rem .95rem;border-radius:8px;margin-bottom:1rem}.success{color:var(--ok)}.thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;background:#f1f3f7;border:1px solid var(--border)}.thumb-empty{width:46px;height:46px;border-radius:8px;background:#f1f3f7;border:1px solid var(--border);display:grid;place-items:center;color:#b6c0d0}.prod-name{font-weight:600;color:var(--text)}.prod-sub{font-size:.78rem;color:var(--muted);margin-top:2px}.pagination{display:flex;gap:.5rem;align-items:center}.tree{list-style:none;padding-left:1.1rem}.tree li{padding:.25rem 0}.inline-list{display:flex;flex-direction:column;gap:.55rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border)}.tabs button{border:none;background:transparent;border-radius:0;padding:.75rem 1.1rem;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{background:transparent;color:var(--text)}.tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:.4rem;border-radius:999px;background:#eef1f5;color:var(--muted);font-size:.72rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#101b3373;display:flex;align-items:flex-start;justify-content:center;padding:2.5rem 1rem;z-index:50;overflow-y:auto}.modal{background:var(--panel);border-radius:14px;box-shadow:var(--shadow-lg);width:min(1040px,100%);display:flex;flex-direction:column;max-height:calc(100vh - 5rem)}.modal-head{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.5rem .5rem}.modal-head h3{margin:0;font-size:1.15rem;font-weight:700}.modal-head .id{color:var(--muted);font-weight:500;font-size:.9rem}.modal-tabs{padding:0 1.5rem}.modal-body{padding:1.4rem 1.5rem;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem}.media-tile{border:1px dashed var(--border-strong);border-radius:10px;aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden;background:#fafbfd}.media-tile img{width:100%;height:100%;object-fit:cover}.media-tile .num{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:50%;background:#ffffffe6;display:grid;place-items:center;font-size:.75rem;font-weight:700;box-shadow:var(--shadow)}.media-tile .rm{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;padding:0;justify-content:center}