.pra-shell{max-width:1180px;margin:28px auto;padding:0 18px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#182230}.pra-hero{background:#111827;color:#fff;border-radius:22px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.pra-hero span,.pra-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.pra-hero h1{margin:5px 0 7px;font-size:30px}.pra-hero p{margin:0;opacity:.84}.pra-badge{background:#fff;color:#111827;padding:10px 14px;border-radius:999px;font-weight:800}.pra-alert{margin:16px 0;padding:13px 16px;border-radius:12px;background:#fff4d8;border:1px solid #f0cf7a}.pra-quick,.pra-panel{margin-top:20px;background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(15,23,42,.04)}.pra-quick>h2,.pra-panel h2{margin:0 0 4px}.pra-quick>p{margin:0 0 18px;color:#596579}.pra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pra-card{position:relative;display:block;text-decoration:none;color:#172033;border:1px solid #dde4ec;border-radius:15px;padding:18px;background:#fbfcfe;min-height:142px;transition:.18s}.pra-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px rgba(15,23,42,.08);border-color:#c5d1df}.pra-card.primary{border-color:#e31937;background:#fff8f9}.pra-card h3{margin:12px 0 7px;font-size:18px}.pra-card p{margin:0 0 12px;color:#5b6778;font-size:14px;line-height:1.45}.pra-card b{color:#be123c;font-size:13px}.pra-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#687386}.pra-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.pra-head span{font-size:11px;letter-spacing:.1em;font-weight:800;color:#7c8798}.pra-head b{font-size:12px;background:#eef2f6;border-radius:999px;padding:7px 10px}.pra-form label{display:block;font-weight:700;font-size:13px;margin:12px 0}.pra-form input,.pra-form select,.pra-form textarea,.pra-inline input,.pra-inline select{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #ccd6e1;border-radius:10px;background:#fff;font:inherit}.pra-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pra-btn,.pra-inline button,.pra-actions button{display:inline-block;border:0;border-radius:10px;padding:11px 16px;background:#d71938;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.pra-btn.light{background:#fff;color:#111827}.pra-form small{display:block;color:#6b7280}.pra-list{display:grid;gap:10px}.pra-list article{border:1px solid #e0e6ed;border-radius:12px;padding:13px;display:flex;justify-content:space-between;gap:14px;align-items:center}.pra-list strong,.pra-list small{display:block}.pra-list small{color:#697586;margin-top:3px}.pra-list p{margin:6px 0 0}.pra-actions{display:flex;gap:8px;align-items:center}.pra-actions form{display:flex;gap:6px}.pra-actions .danger{background:#6b7280}.pra-inline{min-width:360px;display:grid;grid-template-columns:140px 1fr auto;gap:7px;align-items:end}.pra-inline input,.pra-inline select{margin-top:0}.pra-footer{margin:18px 0 35px;color:#6b7280;font-size:13px;text-align:center}.pra-login{max-width:560px;margin:60px auto;padding:30px;border:1px solid #e1e6ed;border-radius:18px;text-align:center}.pra-login .pra-btn{margin-top:10px}.pra-shell button,.pra-shell a:focus,.pra-shell input:focus,.pra-shell select:focus,.pra-shell textarea:focus{outline:2px solid transparent;outline-offset:2px}.pra-shell input:focus,.pra-shell select:focus,.pra-shell textarea:focus{border-color:#9aa8b7;box-shadow:0 0 0 3px rgba(148,163,184,.18)}
@media(max-width:850px){.pra-grid{grid-template-columns:1fr 1fr}.pra-hero{align-items:flex-start}.pra-two{grid-template-columns:1fr}.pra-list article{align-items:flex-start;flex-direction:column}.pra-inline{min-width:0;width:100%;grid-template-columns:1fr}.pra-actions{width:100%;flex-wrap:wrap}}
@media(max-width:560px){.pra-grid{grid-template-columns:1fr}.pra-hero{flex-direction:column}.pra-badge{align-self:flex-start}.pra-shell{padding:0 12px}.pra-quick,.pra-panel{padding:16px}.pra-hero{padding:21px}.pra-hero h1{font-size:25px}}