*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#152238}header{height:64px;background:#0c1d3a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0}header b{font-size:24px;letter-spacing:1px}nav{display:flex;gap:16px;align-items:center}a{color:inherit;text-decoration:none}.pill,button{background:#fff;color:#0c1d3a;border-radius:9px;padding:10px 14px}.hero{text-align:center;padding:80px 20px 55px;background:linear-gradient(135deg,#0c1d3a,#183d72);color:#fff}.badge{font-size:12px;letter-spacing:1.5px;opacity:.8}.hero h1{font-size:46px;margin:16px 0 10px}.hero p{max-width:720px;margin:0 auto 28px;opacity:.88}.search{max-width:760px;margin:auto;display:flex;background:#fff;padding:7px;border-radius:12px}.search input{flex:1;border:0;padding:15px;font-size:16px;outline:0}.search button{border:0;background:#142e56;color:#fff;padding:0 24px;cursor:pointer}.cards{max-width:1100px;margin:35px auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 20px}.cards article,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:22px;box-shadow:0 5px 18px #1020400a}.cards p,.panel p{color:#64748b;line-height:1.5}.panel{max-width:1060px;margin:0 auto 50px}footer{text-align:center;padding:25px;color:#718096}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}nav a:nth-child(-n+3){display:none}}@media(max-width:520px){.cards{grid-template-columns:1fr}.search{flex-direction:column}.search button{padding:14px}}
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f9}.box{width:min(480px,100%);background:#fff;padding:30px;border-radius:16px;border:1px solid #e0e7f0;box-shadow:0 12px 35px #0c1d3a14}.box form,.gridform{display:grid;gap:14px}.box label,.gridform label{display:grid;gap:6px;font-weight:600}.box input,.box select,.gridform input,.gridform select,.gridform textarea{width:100%;padding:11px;border:1px solid #ccd6e3;border-radius:8px;font:inherit}.box button,.gridform button,.table button{border:0;background:#142e56;color:#fff;cursor:pointer}.success,.error{padding:12px;border-radius:9px;margin:12px 0}.success{background:#e9f9ef;color:#166534}.error{background:#fff0f0;color:#991b1b}.dash{max-width:1180px;margin:0 auto;padding:28px 22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stats div{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:20px}.stats b{display:block;font-size:28px}.stats span{color:#64748b}.adminlayout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 64px)}aside{background:#10284b;padding:20px;display:flex;flex-direction:column;gap:8px}aside a{color:#fff;padding:11px;border-radius:8px}aside a:hover{background:#ffffff15}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e5eaf2;white-space:nowrap}th{font-size:13px;color:#64748b}.status{display:inline-block;background:#e8eef7;color:#173a68;border-radius:999px;padding:5px 9px;font-size:12px}.gridform{grid-template-columns:repeat(3,1fr)}.gridform .wide{grid-column:1/-1}.gridform textarea{min-height:80px}.small{max-width:none}.small input{border:1px solid #d7dfeb}@media(max-width:800px){.adminlayout{grid-template-columns:1fr}aside{flex-direction:row;overflow:auto}.stats{grid-template-columns:1fr 1fr}.gridform{grid-template-columns:1fr}}

.catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.catalog-tabs a{display:inline-block;padding:9px 15px;background:#fff;border:1px solid #dbe3ef;border-radius:10px;color:#192f50;text-decoration:none}.catalog-tabs a.current{background:#192f50;color:#fff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.catalog-grid .panel{margin:0}.catalog-grid p{overflow-wrap:anywhere}