body.radar-page{background:#f4f6f3;color:#14231d}.radar-shell{width:min(1180px,94%);margin:28px auto 70px}.radar-head{background:linear-gradient(125deg,#003a2e,#087052);border-radius:24px;color:#fff;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.radar-head small{color:#f4c45c;font-weight:900;letter-spacing:1.5px}.radar-head h1{font-size:clamp(34px,5vw,58px);margin:8px 0}.radar-head p{max-width:760px;line-height:1.55}.radar-head button,.radar-add-btn{border:0;border-radius:12px;background:#efb843;color:#30240c;padding:14px 18px;font-weight:900;min-height:48px;cursor:pointer}.radar-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.radar-how article{background:#fff;border:1px solid #e0e5e1;border-radius:15px;padding:17px}.radar-how b{display:block;color:#00664b;margin-bottom:6px}.radar-toolbar{position:sticky;top:82px;z-index:20;background:rgba(244,246,243,.96);padding:10px 0;display:grid;grid-template-columns:1fr repeat(3,170px);gap:9px}.radar-toolbar input,.radar-toolbar select{min-height:46px;border:1px solid #d8dfda;border-radius:10px;background:#fff;padding:0 12px;font:inherit}.radar-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.radar-meta span{color:#65716c;font-size:13px}.radar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.radar-card{background:#fff;border:1px solid #dee4df;border-radius:17px;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:265px;box-shadow:0 8px 22px rgba(0,45,35,.05)}.radar-card-head{display:flex;align-items:center;gap:9px}.platform{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#10231d;color:#fff;font-weight:900}.radar-card-head div{display:flex;flex-direction:column}.radar-card-head small{color:#68756f}.demo-badge,.status-badge{margin-left:auto;font-size:10px;background:#fff2ca;color:#735100;padding:5px 7px;border-radius:999px;font-weight:900}.radar-card h2{font-size:18px;margin:0;line-height:1.3}.radar-card p{font-size:13px;color:#58645f;line-height:1.45;margin:0}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.tag-row span{background:#eff5f1;border-radius:999px;padding:6px 8px;font-size:11px}.card-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px}.card-actions a,.card-actions button{min-height:42px;border-radius:9px;border:1px solid #d7ded9;background:#fff;color:#075a45;text-decoration:none;font-weight:800;display:grid;place-items:center;padding:0 10px;cursor:pointer}.card-actions a{background:#075a45;color:#fff}.empty-radar{grid-column:1/-1;text-align:center;padding:50px;background:#fff;border-radius:15px}dialog.radar-dialog{width:min(620px,94%);border:0;border-radius:20px;padding:0;box-shadow:0 30px 80px rgba(0,25,20,.35)}dialog::backdrop{background:rgba(0,26,20,.62)}.dialog-head{background:#003c2f;color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;color:#fff;font-size:28px}.radar-form{padding:22px;display:grid;gap:14px}.radar-form label{display:grid;gap:6px;font-weight:800;font-size:13px}.radar-form input,.radar-form select,.radar-form textarea{border:1px solid #d3dcd6;border-radius:9px;padding:12px;font:inherit}.radar-form textarea{min-height:90px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-status{font-size:13px;min-height:20px}.form-status.error{color:#a62828}.form-status.ok{color:#007452}.radar-note{background:#fff9e8;border-left:4px solid #efb843;padding:12px;font-size:12px;line-height:1.4}
@media(max-width:900px){.radar-grid{grid-template-columns:1fr 1fr}.radar-toolbar{grid-template-columns:1fr 1fr;top:64px}.radar-head{grid-template-columns:1fr}.radar-how{grid-template-columns:1fr}}
@media(max-width:620px){.radar-shell{width:calc(100% - 20px);margin-top:14px}.radar-head{padding:24px 18px;border-radius:18px}.radar-head h1{font-size:38px}.radar-toolbar{position:static;grid-template-columns:1fr;padding-top:2px}.radar-grid{grid-template-columns:1fr}.radar-meta{align-items:flex-start;gap:9px;flex-direction:column}.form-pair{grid-template-columns:1fr}.radar-card{min-height:245px}}