.storm-personal { padding: 24px 0 32px; color: #182233; }
.storm-personal__hero { margin-bottom: 24px; }
.storm-personal__hero-content > span { color: #748094; font-size: 12px; letter-spacing: .08em; }
.storm-personal__hero h1 { margin: 8px 0; color: #182233; font-size: 32px; font-weight: 700; }
.storm-personal__hero p { margin: 0; color: #748094; font-size: 15px; }
.storm-personal__identity { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; padding: 24px; margin-bottom: 20px; border-radius: 16px; background: #fff; }
.storm-personal__identity-user { display: flex; align-items: center; gap: 12px; }
.storm-personal__avatar { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #f2f5f8; }
.storm-personal__identity strong, .storm-personal__identity small { display: block; }
.storm-personal__identity small { margin-bottom: 5px; color: #748094; font-size: 13px; }
.storm-personal__manager { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.storm-personal__manager-contacts { display: grid; gap: 8px; }
.storm-personal__manager-contacts a { display: flex; align-items: center; gap: 8px; color: #526076; font-size: 14px; }
.storm-personal__summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 20px; }
.storm-personal__metric { display: flex; align-items: center; gap: 16px; box-sizing: border-box; min-height: 110px; padding: 20px; background: #fff; border-radius: 16px; text-decoration: none; color: #748094; font-size: 14px; }
.storm-personal__metric > .uk-icon { display: flex; padding: 12px; background: #fff0f2; border-radius: 12px; color: var(--storm-red); }
.storm-personal__metric strong { display: block; margin-top: 8px; font-size: 26px; color: #182233; }
.storm-personal__actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.storm-personal__workspace { display: grid; grid-template-columns: minmax(0,2fr) minmax(280px,1fr); gap: 20px; align-items: start; margin-bottom: 20px; }
.storm-personal__workspace > * { min-width: 0; width: auto; }
.storm-personal__support .storm-personal__identity { align-items: stretch; flex-direction: column; margin-bottom: 0; }
.storm-personal__support .storm-personal__manager { align-items: start; flex-direction: column; gap: 14px; padding-top: 20px; border-top: 2px solid #f2f5f8; }
.storm-personal__support .storm-personal__manager-contacts a { overflow-wrap: anywhere; }
.storm-personal__support .storm-personal__manager-contacts .uk-icon { flex-shrink: 0; }
.storm-personal__action { display: grid; grid-template-columns: 32px minmax(0,1fr) 18px; align-items: center; gap: 16px; padding: 24px; background: #fff; color: #182233; border-radius: 16px; text-decoration: none; }
.storm-personal__action--primary { background: var(--storm-red); color: #fff; }
.storm-personal__action strong, .storm-personal__action small { display: block; }
.storm-personal__action small { margin-top: 6px; font-size: 13px; opacity: .8; }
.storm-personal__tabs { padding: 24px; border-radius: 16px; background: #fff; }
.storm-personal__tabs .c-tab { margin-top: 0; }
.storm-personal__tabs .c-tab__nav { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; border-bottom: 2px solid #f2f5f8; }
.storm-personal__tabs .c-tab__link { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; margin: 0; padding: 12px 16px; color: #526076; font-size: 14px; line-height: 20px; background: transparent; border: 0; border-bottom: 2px solid transparent; text-decoration: none; }
.storm-personal__tabs .c-tab__link--logout { margin-left: auto; }
.storm-personal__tabs .c-tab__link:focus-visible { outline: 2px solid var(--storm-red); outline-offset: -2px; }
.storm-personal__tabs .c-tab__link--active { border-bottom-color: var(--storm-red); color: #182233; }
.storm-personal__tabs .c-tab__content { padding-top: 20px; }
.storm-personal__field-label { display: block; margin: 0 0 7px; font-size: 14px; line-height: 1.4; color: #182233; }
.storm-personal__tabs .uk-input, .storm-personal__tabs .uk-select, .storm-personal__tabs .uk-textarea { min-height: 44px; border: 2px solid #e4e8ed; border-radius: 8px; background: #fff; font-size: 16px; }
.storm-personal__tabs :is(.uk-input,.uk-select,.uk-textarea):focus { border-color: var(--storm-red); outline: 0; }
.storm-personal__tabs .c-button { min-height: 44px; padding: 10px 18px; background: var(--storm-red); color: #fff; border-radius: 10px; }
@media (max-width:959px) { .storm-personal__metric { padding: 18px; } .storm-personal__metric strong { font-size: 20px; } }
@media (max-width:1099px) { .storm-personal__workspace { grid-template-columns: minmax(0,1fr); } .storm-personal__support .storm-personal__identity { flex-direction: row; } .storm-personal__support .storm-personal__manager { border: 0; padding: 0; } }
@media (max-width:639px) {
 .storm-personal__hero h1 { font-size: 26px; }
 .storm-personal__identity, .storm-personal__tabs { padding: 16px; }
 .storm-personal__summary, .storm-personal__actions { grid-template-columns: minmax(0,1fr); gap: 10px; }
 .storm-personal__metric { min-height: 80px; }
 .storm-personal__metric > span:last-child { flex: 1; }
 .storm-personal__manager { gap: 12px; }
 .storm-personal__tabs .c-tab__link { padding: 10px 8px; font-size: 13px; }
}