.a21-page{display:grid;gap:18px;max-width:1320px;margin:0 auto;padding:18px 22px 42px}.a21-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:30px 32px;border-radius:22px;background:linear-gradient(135deg,#081d42 0%,#0d2c61 64%,#163c76 100%);color:#fff;box-shadow:0 16px 40px rgba(8,29,66,.16);overflow:hidden;position:relative}.a21-hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-180px;background:rgba(143,115,255,.18)}.a21-hero-main,.a21-hero-side{position:relative;z-index:1}.a21-eyebrow,.a21-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.a21-eyebrow{display:flex;align-items:center;gap:8px;color:#b7cbef}.a21-eyebrow span{width:26px;height:2px;border-radius:9px;background:#9f87ff}.a21-hero h1{margin:12px 0 8px;font-size:34px;line-height:1.05;letter-spacing:-.03em}.a21-hero h1 em{display:block;margin-top:5px;font-style:normal;font-weight:500;color:#ccd9ee}.a21-hero p{max-width:720px;margin:0;color:#d7e1f1;font-size:14px;line-height:1.55}.a21-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.a21-hero-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;color:#eef4ff}.a21-hero-side{display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:18px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px)}.a21-side-label{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#b9cbed}.a21-hero-side strong{font-size:18px;margin-top:8px}.a21-hero-side p{font-size:12px;margin-top:5px}.a21-live{margin-top:16px;font-size:10px;font-weight:800;color:#dbe7fb}.a21-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#57d98d;margin-right:6px;box-shadow:0 0 0 4px rgba(87,217,141,.12)}.a21-service{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;border:1px solid #e1e8f1;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(17,43,75,.04)}.a21-service-mark{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;font-size:14px;font-weight:900}.a21-service>div:last-child{display:grid;gap:2px}.a21-service strong{font-size:12px;color:#19314f}.a21-service span{font-size:11px;color:#67778c;line-height:1.45}.a21-service.ok .a21-service-mark{background:#e9f8ef;color:#1b7a42}.a21-service.loading .a21-service-mark{background:#edf3fb;color:#3566a6}.a21-service.warn .a21-service-mark{background:#fff3dc;color:#9a6700}.a21-service details{margin-top:4px;font-size:10px;color:#7a8798}.a21-service summary{cursor:pointer}.a21-service code{display:block;margin-top:5px;white-space:normal}.a21-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.a21-metric{display:flex;align-items:center;gap:12px;padding:16px 17px;border:1px solid #e1e8f1;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(17,43,75,.045)}.a21-metric-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eef3fa;color:#315f9b;font-weight:900}.a21-metric.good .a21-metric-icon{background:#eaf7ef;color:#197242}.a21-metric.attention .a21-metric-icon{background:#fff4dd;color:#986700}.a21-metric>div:last-child{display:grid}.a21-metric small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7d8999}.a21-metric strong{font-size:25px;line-height:1.05;color:#122c4c}.a21-metric span{margin-top:3px;font-size:10px;color:#8793a3}.a21-panel{padding:0!important;border:1px solid #e0e7f0!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(17,43,75,.055);overflow:hidden}.a21-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 16px}.a21-kicker{color:#6d5bd0}.a21-panel h2{margin:5px 0 5px;font-size:21px;color:#122c4c;letter-spacing:-.02em}.a21-panel-head p{margin:0;max-width:780px;font-size:12px;line-height:1.5;color:#6f7e90}.a21-new{white-space:nowrap;border-radius:11px!important;padding:10px 15px!important}.a21-new:disabled{opacity:.46;cursor:not-allowed}.a21-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 210px 190px;gap:10px;padding:0 24px 18px}.a21-search{display:flex;align-items:center;gap:8px;border:1px solid #d6dfeb;border-radius:11px;background:#f9fbfd;padding:0 11px}.a21-search span{font-size:18px;color:#8491a4}.a21-toolbar input,.a21-toolbar select{height:42px;width:100%;box-sizing:border-box;border:1px solid #d6dfeb;border-radius:11px;background:#f9fbfd;color:#1c304a;font:inherit;font-size:12px;outline:none}.a21-search input{border:0;background:transparent}.a21-toolbar input:focus,.a21-toolbar select:focus,.a21-search:focus-within{border-color:#8f78eb;box-shadow:0 0 0 3px rgba(111,84,210,.10);background:#fff}.a21-toolbar select{padding:0 10px}.a21-table-wrap{overflow:auto;border-top:1px solid #e7edf4}.a21-table{width:100%;border-collapse:collapse;min-width:980px}.a21-table th{padding:11px 16px;background:#f7f9fc;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7b8798;border-bottom:1px solid #e6ecf3}.a21-table td{padding:15px 16px;border-bottom:1px solid #edf1f5;vertical-align:middle;font-size:12px;color:#31445c}.a21-table tr:last-child td{border-bottom:0}.a21-table tbody tr:hover{background:#fbfcfe}.a21-table td strong,.a21-table td b{display:block;color:#142d4b;font-size:12px}.a21-table td small{display:block;margin-top:4px;color:#8490a0;font-size:10px}.a21-pill{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.02em}.a21-pill.ok{background:#e8f7ee;color:#17713d}.a21-pill.warn{background:#fff3dc;color:#8c6000}.a21-pill.bad{background:#ffebeb;color:#a52b2b}.a21-pill.info{background:#eaf2ff;color:#285b9b}.a21-pill.check{background:#f0edff;color:#614bb8}.a21-pill.neutral{background:#edf1f5;color:#647184}.a21-row-btn{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;color:#315f9b;font-size:16px;cursor:pointer}.a21-row-btn:hover{border-color:#9b89e7;background:#f7f4ff;color:#624fc0}.a21-empty{display:flex;align-items:center;gap:15px;margin:0 24px 24px;padding:24px;border:1px dashed #ccd7e5;border-radius:15px;background:#fafcfe}.a21-empty-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:#eef3fa;color:#466d9f;font-size:20px}.a21-empty strong{font-size:13px;color:#1b3555}.a21-empty p{margin:4px 0 0;font-size:11px;line-height:1.45;color:#778599}.a21-empty .btn{margin-left:auto;white-space:nowrap}.a21-bridge{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border:1px solid #e1e8f1;border-radius:16px;background:linear-gradient(90deg,#f8f9fd,#fbfcff)}.a21-bridge h3{margin:4px 0;font-size:15px;color:#17304f}.a21-bridge p{margin:0;max-width:850px;font-size:11px;line-height:1.5;color:#6d7c8f}.a21-modal-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(9,24,48,.54);backdrop-filter:blur(5px)}.a21-modal{position:relative;width:min(900px,96vw);max-height:90vh;overflow:auto;padding:26px;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(4,18,43,.28)}.a21-modal.detail{width:min(760px,96vw)}.a21-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:0;border-radius:10px;background:#f0f3f7;color:#526277;font-size:22px;cursor:pointer}.a21-modal h2{margin:7px 0 4px;color:#132d4c;font-size:24px}.a21-modal-lead{margin:0 0 18px;color:#748195;font-size:12px}.a21-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a21-field{display:grid;gap:6px}.a21-field.full,.a21-form-note.full,.a21-form-actions.full{grid-column:1/-1}.a21-field>span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#667589}.a21-field input,.a21-field select,.a21-field textarea{width:100%;box-sizing:border-box;border:1px solid #d4deea;border-radius:10px;padding:10px 11px;background:#fbfcfe;color:#17304f;font:inherit;font-size:12px;outline:none}.a21-field input:focus,.a21-field select:focus,.a21-field textarea:focus{border-color:#8872e4;box-shadow:0 0 0 3px rgba(111,84,210,.10);background:#fff}.a21-form-note{padding:10px 12px;border-radius:10px;background:#f5f2ff;color:#5e528f;font-size:11px;line-height:1.45}.a21-form-actions{display:flex;justify-content:flex-end}.a21-form-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#ffeded;color:#992929;font-size:11px}.a21-detail-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-right:38px}.a21-detail-title p{margin:3px 0 0;color:#7b8798;font-size:11px}.a21-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.a21-detail-grid>div{padding:12px;border:1px solid #e2e8f0;border-radius:11px;background:#fbfcfe}.a21-detail-grid small,.a21-notes small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#8793a3}.a21-detail-grid strong{display:block;margin-top:4px;font-size:12px;color:#1a3352}.a21-verification{display:grid;gap:3px;margin-top:13px;padding:12px;border-radius:11px;background:#f5f7fa;color:#526277}.a21-verification.ok{background:#edf8f1;color:#27623f}.a21-verification.check{background:#f3f0ff;color:#5d4b99}.a21-verification strong{font-size:12px}.a21-verification span,.a21-verification small{font-size:10px}.a21-notes{margin-top:12px;padding:12px;border:1px solid #e3e9f0;border-radius:11px}.a21-notes p{margin:5px 0 0;font-size:11px;line-height:1.5;color:#4f6074}.a21-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:1050px){.a21-hero{grid-template-columns:1fr}.a21-hero-side{min-height:auto}.a21-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.a21-toolbar{grid-template-columns:1fr 1fr}.a21-search{grid-column:1/-1}}@media(max-width:720px){.a21-page{padding:12px 10px 28px}.a21-hero{padding:22px 20px;border-radius:18px}.a21-hero h1{font-size:28px}.a21-metrics{grid-template-columns:1fr 1fr}.a21-panel-head{display:grid;padding:18px}.a21-toolbar{grid-template-columns:1fr;padding:0 18px 16px}.a21-search{grid-column:auto}.a21-empty{margin:0 18px 18px;align-items:flex-start;flex-wrap:wrap}.a21-empty .btn{margin-left:0}.a21-bridge{display:grid}.a21-form{grid-template-columns:1fr}.a21-field.full,.a21-form-note.full,.a21-form-actions.full{grid-column:auto}.a21-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.a21-metrics{grid-template-columns:1fr}.a21-detail-grid{grid-template-columns:1fr}}@media print{.a21-new,.a21-toolbar,.a21-row-btn,.a21-bridge .btn,.a21-service details{display:none!important}.a21-page{padding:0}.a21-hero{box-shadow:none}.a21-panel{box-shadow:none}}