.kenn-admin-shell { display: grid; gap: 18px; }
.kenn-admin-hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .8fr); gap: 18px; padding: 22px; border: 1px solid #ffd6c3; border-radius: 18px; background: linear-gradient(135deg, #fff 0%, #fff7f2 100%); }
.kenn-admin-identity { display: flex; align-items: center; gap: 16px; }
.kenn-admin-avatar { width: 64px; height: 64px; flex: 0 0 64px; overflow: hidden; border: 3px solid #fff; border-radius: 50%; background: transparent; box-shadow: 0 8px 24px rgba(7,21,49,.14); }
.kenn-admin-avatar img { width: 100%; height: 100%; object-fit: cover; }
.kenn-admin-kicker { display: block; margin-bottom: 5px; color: #ff5001; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.kenn-admin-identity h2 { margin: 0; color: #071531; font-size: 25px; }
.kenn-admin-identity p { max-width: 700px; margin: 7px 0 0; color: #59657b; line-height: 1.5; }
.kenn-admin-contract { display: grid; align-content: center; gap: 8px; padding: 16px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; }
.kenn-admin-contract strong { color: #071531; }
.kenn-admin-contract span { color: #667085; font-size: 12px; line-height: 1.45; }
.kenn-admin-status { display: inline-flex; align-items: center; gap: 7px; width: fit-content; padding: 6px 9px; border-radius: 999px; background: #ecfdf3; color: #067647; font-size: 11px; font-weight: 850; }
.kenn-admin-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #17b26a; }
.kenn-admin-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; }
.kenn-admin-metric { padding: 15px; border: 1px solid #e4e7ec; border-radius: 14px; background: #fff; }
.kenn-admin-metric span { display: block; color: #667085; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.kenn-admin-metric strong { display: block; margin-top: 7px; color: #071531; font-size: 25px; }
.kenn-admin-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr); gap: 16px; }
.kenn-admin-panel { padding: 18px; border: 1px solid #e4e7ec; border-radius: 16px; background: #fff; }
.kenn-admin-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.kenn-admin-panel h3 { margin: 0; color: #071531; font-size: 17px; }
.kenn-admin-panel p { margin: 5px 0 0; color: #667085; font-size: 12px; }
.kenn-admin-route-list { display: grid; gap: 8px; }
.kenn-admin-route { display: grid; grid-template-columns: minmax(130px, 1fr) 2fr auto; align-items: center; gap: 10px; padding: 10px 11px; border-radius: 10px; background: #f8f9fb; }
.kenn-admin-route strong { color: #344054; font-size: 12px; }
.kenn-admin-route-bar { height: 7px; overflow: hidden; border-radius: 999px; background: #e9edf2; }
.kenn-admin-route-bar i { display: block; height: 100%; border-radius: inherit; background: #ff5001; }
.kenn-admin-route b { color: #071531; font-size: 12px; }
.kenn-admin-test { display: grid; gap: 10px; }
.kenn-admin-test textarea { min-height: 105px; resize: vertical; padding: 12px; border: 1px solid #d0d5dd; border-radius: 10px; font: inherit; }
.kenn-admin-test button { justify-self: start; }
.kenn-admin-answer { min-height: 75px; padding: 12px; border-radius: 10px; background: #f8f9fb; color: #344054; font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
.kenn-admin-separation { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.kenn-admin-separation article { padding: 13px; border: 1px solid #e4e7ec; border-radius: 12px; background: #fff; }
.kenn-admin-separation strong { display: block; color: #071531; font-size: 13px; }
.kenn-admin-separation span { display: block; margin-top: 5px; color: #667085; font-size: 11px; line-height: 1.45; }
@media (max-width: 1080px) { .kenn-admin-metrics { grid-template-columns: repeat(3, 1fr); } .kenn-admin-grid, .kenn-admin-hero { grid-template-columns: 1fr; } }
@media (max-width: 680px) { .kenn-admin-metrics { grid-template-columns: repeat(2, 1fr); } .kenn-admin-separation { grid-template-columns: 1fr; } .kenn-admin-avatar { width: 52px; height: 52px; flex-basis: 52px; } }