:root{--bg:#b4bff5;--panel:#fff;--panel-2:#fbfbff;--text:#1f2430;--muted:rgba(31,36,48,.65);--border:rgba(30,35,45,.12);--border-strong:rgba(30,35,45,.18);--primary:#6d5bd0;--primary-soft:rgba(109,91,208,.12);--warn:#861911;--accent:var(--primary);--accent-soft:var(--primary-soft);--card-outline:hsla(0,100%,71%,.55);--page-max:1500px;--page-pad:clamp(12px,2vw,24px)}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.appShell{max-width:var(--page-max);margin:0 auto;padding:var(--page-pad)}.topBar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:none;border-radius:0}.card{border:1px solid var(--border);background:var(--panel);border-radius:12px}.qCard{border:1px solid var(--card-outline);background:hsla(0,100%,97%,.35);border-radius:12px}.qCardCond{border:1px solid rgba(109,91,208,.35);background:rgba(109,91,208,.09);border-radius:12px}.sidebar{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}.sidebarItem{padding:10px 12px;border-radius:10px;margin-bottom:8px;cursor:pointer;background:var(--panel-2);border:1px solid var(--border)}.sidebarItemActive{background:var(--primary-soft);border-color:var(--primary)}.uiCard{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);max-width:880px;margin:0 auto}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border-strong);background:var(--panel-2);cursor:pointer;font-weight:700}.btnPrimary{background:var(--accent);color:#fff}.btnGhost,.btnPrimary{border-color:var(--border)}.btnGhost{background:#fff;color:var(--text)}.btn:disabled{opacity:.6;cursor:not-allowed}.uiInput{width:100%;max-width:100%;min-width:0;display:block;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;outline:none}.uiInput:focus{border-color:rgba(109,91,208,.55);box-shadow:0 0 0 4px rgba(109,91,208,.12)}.hint{opacity:.75;font-size:13px;margin-top:6px;color:var(--text)}.errorText{margin-top:12px;color:#b91c1c;font-weight:700}.brandHeader{display:flex;align-items:center;gap:14px;margin-bottom:14px}.brandTitle{font-size:18px;font-weight:800;line-height:1.15}.brandSubtitle{opacity:.75;margin-top:4px}.actionsRow{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:720px){.grid2{grid-template-columns:1fr}}.welcomeHero{width:100%;display:flex;justify-content:center;align-items:center;margin:8px 0 18px}.welcomeHeroImg{width:min(400px,92%);height:auto;display:block;object-fit:contain}.grid3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.grid3 .span2{grid-column:span 2}.actionsRowCenter{margin-top:18px;display:flex;justify-content:center;gap:12px}.actionsRowCenter .btn{min-width:160px}@media (max-width:700px){.grid3{grid-template-columns:1fr}.grid3 .span2{grid-column:span 1}.actionsRowCenter{flex-direction:column;align-items:stretch}.actionsRowCenter .btn{width:100%}}.pageTitle{margin:0 0 8px;font-size:22px;font-weight:900}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.rowMB12{margin-bottom:12px}.tableWrap{border:1px solid var(--border);background:var(--panel);border-radius:12px;overflow:hidden}.table{width:100%;border-collapse:collapse}.thead{background:var(--panel-2)}.th{border-bottom:1px solid var(--border);font-weight:800;color:var(--text)}.td,.th{padding:10px}.td{border-bottom:1px solid rgba(30,35,45,.08)}.tRight{text-align:right}.tLeft{text-align:left}.smallSelect{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#fff}.alertBox{padding:12px;border:1px solid rgba(185,28,28,.45);background:rgba(185,28,28,.08);border-radius:12px;font-weight:700}.rtWrap{display:grid;grid-gap:8px;gap:8px;width:100%;max-width:100%}.rtHeader{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.rtTitle{min-width:0}.rtReq{color:var(--warn);font-weight:900;margin-left:4px}.rtQid{opacity:.6;margin-left:8px;font-size:12px}.rtAutoInfo{font-size:12px;opacity:.9}.rtDanger{color:var(--warn);font-weight:700}.rtML10{margin-left:10px}.rtTableWrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.rtTable{width:100%;border-collapse:collapse;min-width:100%}.rtTh{text-align:left;padding:10px;border-bottom:1px solid var(--border);background:var(--panel-2);font-weight:800;color:var(--text);white-space:normal;word-break:break-word}.rtThActions{width:1px}.rtTd{padding:10px;border-bottom:1px solid rgba(30,35,45,.08);vertical-align:top}.rtEmpty{padding:12px;opacity:.75}.rtFooter{display:flex;gap:10px;align-items:center}.rtCount{opacity:.7;font-size:12px}.rtBtn{padding:6px 10px;border-radius:10px;border:1px solid var(--border-strong);background:var(--panel-2);cursor:pointer;font-weight:800}.rtBtn:disabled{opacity:.6;cursor:not-allowed}.rtInput,.rtSelect{width:100%;box-sizing:border-box;padding:8px;border-radius:10px;border:1px solid var(--border);background:#fff;outline:none}.rtInput:focus,.rtSelect:focus{border-color:rgba(109,91,208,.55);box-shadow:0 0 0 4px rgba(109,91,208,.12)}.rtReadonlyBox{width:100%;padding:8px;border-radius:10px;border:1px solid var(--border);background:#f7f7f7;color:#333;min-height:44px;display:flex;align-items:center;white-space:normal;word-break:break-word;line-height:1.25;box-sizing:border-box}.rtHL{border:2px solid rgba(109,91,208,.75)!important;box-shadow:0 0 0 4px rgba(109,91,208,.18)!important;background:rgba(109,91,208,.06)!important}.rtHLWrap{border:2px solid rgba(109,91,208,.75);box-shadow:0 0 0 4px rgba(109,91,208,.18);background:rgba(109,91,208,.06);border-radius:10px;padding:6px 8px}.rtCheckRow{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rtCheckRow input[type=checkbox]{width:18px;height:18px;cursor:pointer}.rtMultiChecks{display:grid;grid-gap:6px;gap:6px}.rtVin .rtTh{background:#fff;border-top:2px solid #222;border-bottom:2px solid #222;border-right:1px solid #d9d9d9;font-weight:800;text-align:center}.rtVin .rtThAct{text-align:left}.rtVin .rtTd{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;vertical-align:middle}.rtTrVin:nth-child(2n){background:#fbfbfb}.rtTrVin:nth-child(odd){background:#fff}.rtTdVinAct{white-space:normal;word-break:break-word;line-height:1.25}