:root{--bg: #f5f7fb;--card: #ffffff;--text: #0f172a;--muted: #6b7280;--line: #e6e8f0;--shadow: 0 10px 28px rgba(15, 23, 42, .08);--purple: #5b5cf0;--purple2: #4a49e6;--radius: 18px;--container: 2000px;--gutter: 18px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);overflow:hidden}.page{height:100vh;width:100%;padding:0;display:flex;flex-direction:column;gap:16px}.topbar{position:relative;height:64px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 8px 18px #0f172a0d;width:calc(100% - (var(--gutter) * 2));max-width:var(--container);margin:var(--gutter) auto 0}.brand{font-weight:900;font-size:20px;display:flex;align-items:baseline;gap:2px}.brand__dot{color:#b23cff}.tabs{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:34px;align-items:center}.tab{text-decoration:none;color:#64748b;font-weight:800;padding:10px 2px;position:relative}.tab--active{color:#111827}.tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:3px;background:var(--purple);border-radius:999px}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.avatar-btn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.layout{flex:1;min-height:0;display:grid;grid-template-columns:320px 1fr;gap:18px;width:calc(100% - (var(--gutter) * 2));max-width:var(--container);margin:0 auto var(--gutter);padding:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 18px #0f172a0d;padding:16px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card__title{margin:0;font-size:16px}.pill{font-size:12px;font-weight:900;color:#475569;border:1px solid var(--line);border-radius:999px;padding:4px 10px;background:#f8fafc}.sidebar{min-height:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.slot{border:2px dashed #e5e7eb;background:#fbfcff;border-radius:16px;padding:14px;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center}.slot__hint{color:#64748b;font-weight:800;font-size:13px;line-height:1.35}.kv{display:flex;flex-direction:column;gap:10px;margin-top:8px}.kv__row{display:flex;justify-content:space-between;align-items:center;color:#334155;font-weight:800}.kv__row span{color:#64748b;font-weight:800}.btn-primary{height:46px;padding:0 18px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--purple),var(--purple2));color:#fff;font-weight:950;box-shadow:0 10px 20px #5b5cf040;display:flex;align-items:center;gap:10px;cursor:pointer}.btn-primary__plus{font-size:18px;line-height:0}.btn-ghost{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:900;cursor:pointer;color:#000}.btn-ghost--full{width:100%;margin-top:14px}.main{min-height:0;display:flex;flex-direction:column;gap:16px;overflow:hidden}.main__top{display:flex;align-items:center;gap:14px}.big-search{flex:1;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.big-search__input{border:none;outline:none;width:100%;font-size:14px;background:none}.table-card{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-wrap{flex:1;min-height:0;overflow:auto;background:#fbfcff;position:relative}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);color:#334155;font-weight:950;font-size:12px;letter-spacing:.02em;background:#fff}.table tbody td{padding:14px 18px;border-bottom:1px solid #eef0f6;font-weight:700;color:#334155}.empty{position:absolute;inset:65px 18px 18px;border:2px dashed #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;pointer-events:none}.empty__title{font-weight:950;font-size:16px;color:#334155}.empty__text{margin-top:6px;font-weight:800;font-size:13px;max-width:420px}.table-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line);background:#fff}.pager{display:flex;gap:10px}.pager .icon-btn[disabled]{opacity:.6;cursor:not-allowed}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50}.modal__backdrop{position:absolute;inset:0;background:#0f172a59}.modal__card{position:relative;width:min(520px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:18px;box-shadow:0 20px 60px #0f172a40;border:1px solid var(--line)}.modal__sub{margin-top:6px;color:#64748b;font-weight:800}.import-rows{margin-top:14px}.import-row{display:grid;grid-template-columns:1fr 1fr 44px;gap:12px;margin-bottom:14px;align-items:end}.field,.file{display:flex;flex-direction:column}.field__label,.file__label{font-weight:950;margin-bottom:6px;color:#334155;font-size:14px}.field__control{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;font-weight:800;color:#000}.file--row{width:100%;overflow:hidden}.file__input{width:100%;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;font-size:13px}.import-row__remove{width:38px;height:38px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.import-row__remove:hover{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.modal__error{margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;font-weight:900}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){.layout{grid-template-columns:1fr}.sidebar{order:2}.main{order:1}}@media(max-width:768px){:root{--gutter: 12px}.page{padding:12px}.topbar{flex-wrap:wrap;height:auto;gap:10px;padding:12px 14px;margin-top:var(--gutter)}.tabs{position:static;transform:none;width:100%;justify-content:center;flex-wrap:wrap;gap:18px}.main__top{flex-direction:column}.btn-primary{width:100%;justify-content:center}}