:root{--nav:#151f31;--primary:#345fcb;--bg:#f4f7fb;--line:#dce3ed;--text:#243044}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,Arial;color:var(--text);background:var(--bg)}aside{position:fixed;inset:0 auto 0 0;width:250px;background:var(--nav);color:#fff;padding:24px;overflow:auto}.brand{font-size:20px;margin-bottom:28px}nav span{display:block;color:#91a2bc;font-size:11px;text-transform:uppercase;margin:20px 0 6px}nav a,.link{display:block;color:#eaf0fb;text-decoration:none;padding:9px 0;background:none;border:0}.with-nav{margin-left:250px}main{padding:28px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin:0 0 20px;box-shadow:0 2px 10px #21304a0a}.narrow{max-width:760px;margin:40px auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:600;margin:10px 0}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #bcc8d8;border-radius:7px;margin-top:5px}textarea{min-height:90px}button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:10px 15px;font-weight:700;cursor:pointer}.actions{display:flex;gap:10px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.stat strong{font-size:28px;display:block}.stat span{color:#66758c}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px}code{word-break:break-all;background:#edf2f8;padding:3px 6px;border-radius:5px}.alert{padding:12px 15px;border-radius:8px;margin:12px 0}.success{background:#e6f7ee;color:#17643b}.danger{background:#fde9e9;color:#8e2020}dialog{border:0;border-radius:12px;max-width:760px;width:90%;padding:24px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#0e1726aa}@media(max-width:900px){aside{position:relative;width:auto}.with-nav{margin:0}.grid,.stats{grid-template-columns:1fr}main{padding:16px}}
.ok{color:#14733f}.bad{color:#a32020}.button{display:inline-block;background:var(--primary);color:#fff;text-decoration:none;border-radius:7px;padding:10px 15px;font-weight:700}.button.secondary{background:#5f6f86}.muted{opacity:.62}button:disabled{opacity:.45;cursor:not-allowed}small{font-weight:400;color:#66758c}

.actions.wrap{flex-wrap:wrap}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filters label{margin:0;min-width:210px}.inline{display:inline-flex;gap:5px;align-items:center;margin:2px}.inline input{display:none}.inline select{width:auto;margin:0;padding:7px}.inline button{padding:7px 9px}.danger-button{background:#a92b2b}.secondary{background:#5f6f86!important}.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#e8edf5}.badge.active{background:#e4f6eb;color:#17643b}.badge.archived{background:#eee;color:#666}.badge.draft{background:#fff4d8;color:#785c10}.table-scroll{overflow:auto}.list-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0}.list-row small{display:block}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}

.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero{text-align:center;padding:36px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:30px auto}.price-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}pre{background:#101827;color:#e9f0ff;padding:16px;border-radius:8px;overflow:auto}@media(max-width:900px){.product-grid,.auth-grid{grid-template-columns:1fr}}

.control-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.control-grid form{border:1px solid var(--line);border-radius:10px;padding:14px}.badge.passed{background:#e4f6eb;color:#17643b}.badge.failed{background:#fde9e9;color:#8e2020}.badge.warning{background:#fff4d8;color:#785c10}@media(max-width:1100px){.control-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.control-grid{grid-template-columns:1fr}}

.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.wizard-steps button{background:#e9eef7;color:#42516a}.wizard-steps button.active{background:var(--primary);color:#fff}.wizard-nav{display:flex;justify-content:space-between;margin-top:18px}.review-box{background:#f5f8fc;border:1px solid var(--line);padding:15px;border-radius:8px}.progress-card{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#f8fbff}.progress-track{height:18px;background:#dfe7f2;border-radius:999px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);transition:width .35s ease}.progress-percent{display:block;font-size:22px;margin-top:10px}.progress-log{max-height:220px;overflow:auto;padding-left:22px}.progress-log li{padding:4px 0}@media(max-width:900px){.wizard-steps{grid-template-columns:1fr}}