@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Oswald:wght@500;600;700&display=swap");
:root{
  --m:#d10068;--m2:#ef3c95;--ms:#fff0f7;--ink:#172033;--muted:#6b7587;--line:#e5e9ef;
  --bg:#f6f7fa;--white:#fff;--green:#1b9b63;--orange:#e68a00;--blue:#3268dc;--red:#c8322a;
  --shadow:0 18px 50px rgba(18,29,50,.10);--r:18px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}.hidden{display:none!important}
button{cursor:pointer}.kicker{margin:0 0 6px;color:var(--m);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.logo-mark{width:74px;height:52px;position:relative}.logo-mark i,.logo-mark b,.logo-mark strong{position:absolute;display:block;background:var(--m)}
.logo-mark i{width:14px;height:14px;border-radius:50%;left:0;top:10px}.logo-mark b{width:18px;height:44px;border-radius:5px;left:20px;top:1px}.logo-mark strong{width:23px;height:44px;border-radius:5px;left:43px;top:1px}
.logo-mark.small{transform:scale(.72);transform-origin:left center;width:55px}.logo-name{font-size:28px;font-weight:800;letter-spacing:-.04em}.logo-note{font-size:10px;color:var(--muted);margin-top:2px}

.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 520px;align-items:center;padding:7vw;background:radial-gradient(circle at 18% 26%,#fff 0,#fff 24%,transparent 55%),linear-gradient(135deg,#f8f9fb,#fff2f8)}
.login-brand{position:absolute;top:44px;left:6vw;display:flex;align-items:center;gap:8px}
.login-card{grid-column:2;background:#fff;border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:0 28px 80px rgba(44,19,31,.12)}
.login-card h1{font-family:Oswald,sans-serif;font-size:59px;letter-spacing:.08em;margin:0;line-height:1}.login-card h1 em{font-style:normal;color:var(--m)}
.login-sub{font-size:11px;letter-spacing:.32em;color:#7d8798;font-weight:700;margin:11px 0 22px}.login-copy{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 25px}
.login-card label,.support-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#3d485a;margin-bottom:14px}
.login-card input,.filters input,.filters select,.support-grid select,.support-grid textarea{border:1px solid #d9dee7;border-radius:12px;background:#fff;outline:none;color:var(--ink)}
.login-card input{height:46px;padding:0 13px}.login-card input:focus,.filters input:focus,.filters select:focus,.support-grid select:focus,.support-grid textarea:focus{border-color:#e37aae;box-shadow:0 0 0 3px rgba(209,0,104,.08)}
.primary,.secondary{border-radius:12px;border:1px solid transparent;padding:11px 15px;font-size:12px;font-weight:800}.primary{background:linear-gradient(135deg,var(--m),#ea1b7b);color:#fff;box-shadow:0 10px 22px rgba(209,0,104,.18)}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.full{width:100%}
.demo-accounts{margin-top:22px;border-top:1px solid var(--line);padding-top:17px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-accounts strong{font-size:11px;color:var(--muted);margin-right:5px}.demo-accounts button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:10px}.login-error{min-height:18px;color:var(--red);font-size:11px;margin-top:12px}

.app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:25px 20px;display:flex;flex-direction:column;gap:25px;z-index:30}
.side-brand{display:flex;align-items:center;gap:1px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-btn{border:0;background:transparent;border-radius:13px;height:48px;padding:0 13px;display:flex;align-items:center;gap:11px;color:#526074;font-weight:600;text-align:left}.nav-btn span{width:22px;height:22px;border:1.5px solid currentColor;border-radius:7px;display:grid;place-items:center;font-size:12px}.nav-btn b{font-weight:600}.nav-btn i{font-style:normal;margin-left:auto;background:#f0f2f6;border-radius:999px;padding:4px 7px;font-size:9px}.nav-btn.active{background:linear-gradient(135deg,var(--m),#ec1c7c);color:#fff;box-shadow:0 10px 22px rgba(209,0,104,.19)}.nav-btn.active i{background:#fff;color:var(--m)}
.side-info{margin-top:auto;border:1px solid var(--line);border-radius:16px;padding:15px}.side-info strong{font-size:12px}.side-info p{font-size:10px;line-height:1.5;color:var(--muted)}.side-info button,.text-link{border:0;background:transparent;color:var(--m);font-weight:800;padding:0;font-size:11px}

.main{min-width:0;display:flex;flex-direction:column}.topbar{min-height:118px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:16px 26px;gap:18px;position:sticky;top:0;z-index:20}
.site-title small{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--muted)}.site-title>div{font-family:Oswald,sans-serif;font-size:43px;font-weight:700;letter-spacing:.09em;line-height:1.05}.site-title em{font-style:normal;color:var(--m)}.site-title span{display:block;margin-top:7px;font-size:9px;letter-spacing:.32em;color:#7c8798;font-weight:700}
.user-box{margin-left:auto;border:1px solid var(--line);border-radius:16px;padding:8px 10px;display:flex;align-items:center;gap:10px;background:#fff}.avatar{width:42px;height:42px;border-radius:50%;background:var(--m);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.user-box>div:nth-child(2){display:flex;flex-direction:column}.user-box strong{font-size:12px}.user-box span{font-size:10px;color:var(--muted);margin-top:3px}.user-box button{border:0;background:transparent;color:#8490a1;font-size:18px}.hamburger{display:none;border:0;background:transparent;font-size:21px}

main{padding:25px;flex:1}.view{display:none}.view.active{display:block}.intro{background:linear-gradient(120deg,#fff,#fff5fa);border:1px solid #efdbe5;border-radius:20px;padding:23px 25px;margin-bottom:20px}.intro h1,.page-head h1{font-size:26px;letter-spacing:-.025em;margin:0}.intro p:not(.kicker),.page-head p:not(.kicker){font-size:12px;color:var(--muted);line-height:1.55;margin:8px 0 0}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:20px}.home-layout>div,.home-layout aside{display:flex;flex-direction:column;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:19px;box-shadow:0 5px 20px rgba(16,24,40,.035)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-head.compact{margin-bottom:10px}.panel-head h2{font-size:16px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#fcfcfe);padding:16px;min-height:180px;display:flex;flex-direction:column;transition:.2s ease;position:relative;overflow:hidden}.product.active:hover{transform:translateY(-3px);border-color:#e9afcc;box-shadow:var(--shadow)}.product.inactive{opacity:.62;background:#fafbfc}.product.inactive::after{content:"СКОРО";position:absolute;right:11px;top:11px;font-size:8px;font-weight:800;letter-spacing:.08em;background:#eceff3;color:#7b8595;padding:5px 7px;border-radius:999px}
.prod-icon{width:48px;height:48px;border-radius:14px;background:var(--ms);color:var(--m);display:grid;place-items:center;font-weight:800;margin-bottom:13px}.inactive .prod-icon{background:#f0f2f5;color:#8b94a3}.product h3{font-size:13px;line-height:1.35;margin:0 0 6px}.product p{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 11px}.product button{margin-top:auto;border:0;background:transparent;color:var(--m);font-weight:800;font-size:10px;padding:0;display:flex;justify-content:space-between}.product.inactive button{color:#9099a8;cursor:not-allowed}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric{border:1px solid var(--line);border-radius:14px;padding:13px}.metric span{font-size:9px;color:var(--muted)}.metric strong{display:block;font-size:21px;margin:5px 0 2px}.metric small{font-size:9px;color:var(--green);font-weight:800}
.bar-chart{height:115px;margin-top:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 2px 0;display:flex;align-items:flex-end;gap:7px}.bar-chart i{flex:1;background:linear-gradient(180deg,#ee72ad,var(--m));border-radius:7px 7px 2px 2px;min-height:5px}
.status-list{display:flex;flex-direction:column;gap:11px;margin-bottom:15px}.status-row{display:flex;align-items:center;gap:9px;font-size:11px}.status-row i{width:8px;height:8px;border-radius:50%}.status-row strong{margin-left:auto}
.resource-list{display:flex;flex-direction:column}.resource-list button{border:0;background:#fff;border-bottom:1px solid var(--line);padding:11px 0;display:flex;justify-content:space-between;text-align:left;font-size:10px}.resource-list button:last-child{border-bottom:0}.resource-list span{color:var(--m)}

.page-head{margin-bottom:18px}.filters{display:flex;gap:9px;margin-bottom:14px}.filters input{flex:1}.filters input,.filters select{height:40px;padding:0 11px;font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);text-align:left;padding:10px;border-bottom:1px solid var(--line)}td{font-size:10px;padding:12px 10px;border-bottom:1px solid #f0f2f5}tbody tr:hover{background:#fbfcfd}
.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:800}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.p-submitted{background:#f0f4ff;color:var(--blue)}.p-review{background:#fff6e7;color:#a86500}.p-docs{background:#edf4ff;color:var(--blue)}.p-paid{background:#ecfbf3;color:var(--green)}.p-declined{background:#fff0ef;color:var(--red)}.p-form_opened{background:#f2f4f7;color:#758092}
.analytics-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.metric-grid.big .metric strong{font-size:25px}.product-analytics,.manager-ranking{display:flex;flex-direction:column;gap:10px}.analytics-row{display:grid;grid-template-columns:150px 1fr 82px;align-items:center;gap:11px;font-size:10px}.analytics-row .track{height:9px;border-radius:999px;background:#f1f3f6;overflow:hidden}.analytics-row .track i{display:block;height:100%;background:linear-gradient(90deg,var(--m),var(--m2));border-radius:999px}.analytics-row strong{text-align:right}
.manager-row{border:1px solid var(--line);border-radius:13px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:7px}.manager-row strong{font-size:11px}.manager-row span{font-size:9px;color:var(--muted)}.manager-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.manager-stats div{background:#f8f9fb;border-radius:9px;padding:8px}.manager-stats small{display:block;color:var(--muted);font-size:8px}.manager-stats b{font-size:10px}
.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.material-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;min-height:170px;display:flex;flex-direction:column}.material-card small{color:var(--m);font-weight:800;font-size:9px}.material-card h3{font-size:14px;margin:10px 0 7px}.material-card p{font-size:10px;color:var(--muted);line-height:1.55;margin:0 0 12px}.material-card button{border:0;background:transparent;color:var(--m);font-weight:800;font-size:10px;padding:0;text-align:left;margin-top:auto}
.support-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.support-grid select{height:42px;padding:0 11px}.support-grid textarea{min-height:130px;padding:11px;resize:vertical}.curator{text-align:center}.curator-icon{width:58px;height:58px;margin:0 auto 10px;border-radius:17px;background:var(--m);color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}.curator h2{font-size:16px;margin:0 0 7px}.curator p{font-size:10px;line-height:1.55;color:var(--muted)}.curator strong{display:block;border-top:1px solid var(--line);padding-top:13px;font-size:10px}

footer{display:flex;justify-content:space-between;gap:15px;padding:15px 25px;border-top:1px solid var(--line);background:#fff;color:#8b95a6;font-size:9px}
.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(16,24,40,.48);backdrop-filter:blur(7px);z-index:100;padding:20px;align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(11,18,31,.24)}.bitrix-modal{width:min(850px,100%)}.modal-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px}.modal-head h2{font-size:20px;margin:0}.modal-head p:not(.kicker){font-size:10px;color:var(--muted);margin:5px 0 0}.modal-close{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#748092;font-size:20px}.application-id{font-size:10px;color:var(--muted);padding:12px 0}.application-id strong{color:var(--ink)}.bitrix-frame{position:relative;min-height:340px;border:1px solid var(--line);border-radius:16px;background:#fbfcfd;overflow:hidden}.form-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:10px;z-index:2}.form-loader strong{color:var(--ink);font-size:12px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #f0d5e2;border-top-color:var(--m);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#bitrixFormHost{position:relative;z-index:3;background:#fff;min-height:340px}.form-note{font-size:9px;color:var(--muted);line-height:1.5;margin-top:10px;padding:10px 12px;background:#f7f8fa;border-radius:10px}.article{font-size:11px;line-height:1.7;color:#465266;padding-top:12px}.article h3{color:var(--ink);font-size:14px}.article li{margin:5px 0}
.toast-zone{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{width:300px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:12px}.toast strong{display:block;font-size:11px}.toast p{font-size:9px;color:var(--muted);margin:4px 0 0}

@media(max-width:1120px){.home-layout{grid-template-columns:1fr}.home-layout aside{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.user-box>div:nth-child(2){display:none}}
@media(max-width:860px){.app{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:260px;box-shadow:var(--shadow);transition:.2s}.sidebar.open{transform:none}.hamburger{display:block}.topbar{min-height:96px;padding:13px 16px}.site-title>div{font-size:34px}.site-title span{display:none}main{padding:16px}.analytics-layout,.support-grid{grid-template-columns:1fr}.login-screen{display:flex;align-items:center;justify-content:center;padding:24px}.login-card{grid-column:auto;width:min(520px,100%)}.login-brand{left:24px;top:24px}.material-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.login-brand{display:none}.login-card{padding:26px}.login-card h1{font-size:48px}.user-box{border:0;padding:0}.site-title small{display:none}.site-title>div{font-size:29px}.product-grid,.home-layout aside,.material-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.filters{flex-direction:column}.analytics-row{grid-template-columns:110px 1fr 65px}.manager-stats{grid-template-columns:1fr 1fr}.modal-backdrop{padding:8px}.modal{border-radius:16px;padding:14px}}

.nav-btn.nav-disabled{opacity:.42;cursor:not-allowed}.nav-btn.nav-disabled:hover{background:transparent;color:#526074}.nav-btn.nav-disabled small{margin-left:auto;font-size:8px;background:#eef0f4;border-radius:999px;padding:4px 6px;color:#7e8898}.disabled-action{opacity:.45;cursor:not-allowed}
.communication-hint .comm-feature{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.communication-hint .comm-feature>span{width:32px;height:32px;border-radius:10px;background:var(--ms);color:var(--m);display:grid;place-items:center;font-weight:800}.communication-hint .comm-feature strong{display:block;font-size:10px}.communication-hint .comm-feature p{font-size:9px;color:var(--muted);margin:3px 0 0}.communication-hint .text-link{margin-top:13px}
.open-app-btn{border:0;background:transparent;color:var(--m);font-size:9px;font-weight:800;white-space:nowrap}tbody tr.application-row{cursor:pointer}tbody tr.application-row:hover{background:#fff8fb}
.application-card-modal{width:min(1120px,100%);padding:0;overflow:hidden}.application-card-head{padding:20px 22px;background:linear-gradient(120deg,#fff,#fff6fa)}.application-title-row{display:flex;align-items:center;gap:10px}.application-title-row h2{margin:0}
.application-card-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:620px;max-height:calc(92vh - 100px);overflow:hidden}.application-card-main{padding:0 22px 22px;overflow:auto}.application-card-side{background:#fafbfc;border-left:1px solid var(--line);padding:20px;overflow:auto}
.card-tabs{position:sticky;top:0;z-index:4;background:#fff;display:flex;gap:4px;padding:14px 0 12px;border-bottom:1px solid var(--line)}.card-tab{border:0;background:transparent;border-radius:10px;padding:9px 12px;color:var(--muted);font-size:10px;font-weight:800}.card-tab.active{background:var(--ms);color:var(--m)}.card-tab i{font-style:normal;margin-left:5px;background:#eef1f5;color:#677284;border-radius:999px;padding:3px 6px;font-size:8px}.card-tab.active i{background:#fff;color:var(--m)}.card-tab-panel{display:none;padding-top:17px}.card-tab-panel.active{display:block}
.request-alert{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #f3cf97;background:#fff8e9;border-radius:14px;padding:14px;margin-bottom:16px}.request-alert strong{font-size:11px;color:#865700}.request-alert p{font-size:9px;color:#9b6b24;margin:4px 0 0}.small-btn{padding:8px 10px;font-size:9px}
.application-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary-fact{border:1px solid var(--line);border-radius:13px;padding:12px}.summary-fact span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}.summary-fact strong{font-size:10px}
.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.person-card{border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;align-items:center;gap:11px}.person-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:800}.person-avatar.bank{background:#eef4ff;color:#3268dc}.person-avatar.forum{background:var(--ms);color:var(--m)}.person-card small,.person-card span{display:block;font-size:8px;color:var(--muted)}.person-card strong{display:block;font-size:10px;margin:3px 0}
.timeline-card{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:14px}.timeline-card h3,.section-title-row h3,.conversation-head h3{font-size:12px;margin:0}.timeline-entry{display:grid;grid-template-columns:14px 1fr;gap:9px;padding:9px 0;border-bottom:1px solid #f0f2f5}.timeline-entry:last-child{border-bottom:0}.timeline-entry i{width:9px;height:9px;border-radius:50%;background:var(--m);margin-top:3px}.timeline-entry strong{display:block;font-size:9px}.timeline-entry span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
.side-fact{padding:12px 0;border-bottom:1px solid var(--line)}.side-fact span{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}.side-fact strong{font-size:10px}.side-help{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.side-help strong{font-size:10px}.side-help p{font-size:8px;line-height:1.5;color:var(--muted);margin:5px 0 0}
.section-title-row{margin-bottom:13px}.section-title-row p,.conversation-head p{font-size:9px;color:var(--muted);margin:4px 0 0}.document-requests{display:flex;flex-direction:column;gap:9px;margin-bottom:15px}.doc-request{border:1px solid #f0d8a7;background:#fffaf0;border-radius:13px;padding:12px;display:flex;gap:10px}.doc-request.done{border-color:#ccebdc;background:#f3fcf7}.doc-request-icon{width:30px;height:30px;border-radius:9px;background:#fff1ce;color:#a76b00;display:grid;place-items:center}.doc-request.done .doc-request-icon{background:#e3f7ed;color:var(--green)}.doc-request strong{display:block;font-size:10px}.doc-request p{font-size:8px;color:var(--muted);margin:3px 0}.doc-request small{font-size:8px;color:#8a6425}
.upload-box{border:1px dashed #cfd5df;border-radius:14px;padding:14px;background:#fafbfc;display:grid;grid-template-columns:1fr 190px 1fr auto;gap:10px;align-items:center}.upload-box strong{font-size:10px}.upload-box p{font-size:8px;color:var(--muted);margin:3px 0 0}.upload-box select,.upload-box input{min-width:0;border:1px solid #d9dee7;border-radius:10px;background:#fff;padding:9px;font-size:9px}
.uploaded-documents{margin-top:15px;display:flex;flex-direction:column;gap:8px}.uploaded-file{border:1px solid var(--line);border-radius:12px;padding:11px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.file-icon{width:34px;height:34px;border-radius:10px;background:var(--ms);color:var(--m);display:grid;place-items:center;font-size:8px;font-weight:800}.uploaded-file strong{display:block;font-size:9px}.uploaded-file span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.uploaded-file a{font-size:8px;font-weight:800;color:var(--m);text-decoration:none}
.conversation-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.conversation-manager{text-align:right}.conversation-manager span{display:block;font-size:8px;color:var(--muted)}.conversation-manager strong{font-size:9px}.conversation{height:330px;overflow:auto;background:#f8f9fb;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:9px}.message{max-width:78%;border-radius:13px;padding:10px 11px}.message.bank{align-self:flex-end;background:var(--m);color:#fff;border-bottom-right-radius:4px}.message.forum{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.message.system{align-self:center;background:#eef1f5;color:#677284;max-width:90%;text-align:center}.message strong{display:block;font-size:8px;margin-bottom:4px}.message p{font-size:9px;line-height:1.5;margin:0;white-space:pre-wrap}.message span{display:block;font-size:7px;margin-top:5px;opacity:.72}.message-composer{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}.message-composer textarea{min-height:72px;resize:vertical;border:1px solid #d9dee7;border-radius:12px;padding:10px;font-size:10px}
@media(max-width:900px){.application-card-layout{grid-template-columns:1fr;max-height:calc(92vh - 90px);overflow:auto}.application-card-main{overflow:visible}.application-card-side{border-left:0;border-top:1px solid var(--line)}.application-summary-grid{grid-template-columns:1fr 1fr}.upload-box{grid-template-columns:1fr 1fr}.upload-box>div{grid-column:1/-1}}
@media(max-width:580px){.application-summary-grid,.people-grid{grid-template-columns:1fr}.application-card-main{padding:0 14px 14px}.upload-box{grid-template-columns:1fr}.upload-box>div{grid-column:auto}.conversation{height:280px}.message{max-width:92%}}