:root{
  --bg:#f3f5f8;--card:#fff;--text:#16324f;--muted:#62758c;--blue:#0c4f96;
  --red:#e31e24;--line:#dfe6ee;--soft:#eef3f8;--ok:#087444;--warn:#946200;
  --bad:#b4232a;--shadow:0 14px 32px rgba(20,67,140,.10)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:var(--bg)}
body{margin:0;overflow-x:hidden;background:linear-gradient(180deg,#f0f1f3 0,#fff 100%);color:var(--text);font-family:"Gotham Pro","GothamPro",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body::after{content:"";position:fixed;right:-76px;bottom:7vh;width:290px;height:290px;background:url("./evroazia_emblem.svg") center/contain no-repeat;opacity:.035;pointer-events:none}
.brand-rail{position:fixed;z-index:20;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,var(--red) 0 18%,var(--blue) 18% 100%)}
.phone{position:relative;max-width:520px;min-height:100dvh;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}
.top{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:11px;margin-bottom:11px;padding:8px 0 10px;border-bottom:3px solid rgba(12,79,150,.12);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}
.logo{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;padding:7px;overflow:hidden;border:1px solid rgba(12,79,150,.12);border-radius:16px;background:#fff;box-shadow:0 10px 22px rgba(20,67,140,.1)}
.logo img{width:100%;height:100%;object-fit:contain}.product{min-width:0;flex:1}.product h1{margin:0;color:var(--blue);font-size:21px;font-weight:950;letter-spacing:.03em;line-height:1}.product h1::after{content:"";display:block;width:45px;height:3px;margin-top:5px;border-radius:9px;background:var(--red)}.product p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.2}
.user-panel{display:flex;align-items:center;gap:8px;min-width:138px;max-width:185px;padding:8px 10px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 20px rgba(20,67,140,.08);text-align:left}.avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#3f79c8);color:#fff;font-weight:900}.user-meta{min-width:0}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name{color:var(--blue);font-size:12px;font-weight:900}.user-role{margin-top:2px;color:var(--muted);font-size:10px;font-weight:700}
.tabs{position:sticky;z-index:9;top:72px;display:flex;gap:8px;overflow:auto;margin-bottom:5px;padding:0 0 10px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:grid;place-items:center;flex:0 0 64px;width:64px;height:55px;padding:0;border:0;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 8px 20px rgba(20,67,140,.08)}.tab.active{background:var(--blue);color:#fff}.tab svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab span{font-size:11px;font-weight:900}
.card{position:relative;overflow:hidden;margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow)}.card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue),var(--red));opacity:.85}.card>*{position:relative}.card.compact{padding:13px}.card h2{margin:0 0 9px;font-size:19px}.card h3{margin:13px 0 8px;font-size:15px}.card p{line-height:1.42}
.row,.section-title,.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.section-title{align-items:center}.muted{color:var(--muted)}.tiny{color:var(--muted);font-size:11px;line-height:1.35}.empty{padding:16px;border:1px dashed #b9c9da;border-radius:17px;background:#f8fafc;color:var(--muted);text-align:center}.loading{display:flex;align-items:center;gap:10px}.spinner{width:18px;height:18px;border:3px solid #d7e1ed;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
button,input,textarea,select{font:inherit}button{cursor:pointer}.button,.grid button,.primary,.secondary,.danger,.success,.icon-button{border:0;border-radius:16px;padding:12px 11px;background:var(--soft);color:var(--blue);font-weight:850}.button:disabled,.grid button:disabled,.primary:disabled{cursor:not-allowed;opacity:.46}.primary{width:100%;background:linear-gradient(135deg,var(--blue),#174f8c 62%,var(--red));color:#fff;box-shadow:0 11px 24px rgba(12,79,150,.2)}.secondary{width:100%;border:1px solid var(--line);background:#fff;color:var(--text)}.danger{background:#ffeaec!important;color:var(--bad)!important}.success{background:#e7f8ef!important;color:var(--ok)!important}.warning{background:#fff4db!important;color:var(--warn)!important}.icon-button{width:42px;height:42px;padding:0;border:1px solid var(--line);background:#fff;color:var(--text);font-size:25px;font-weight:500}.link-button{padding:0;border:0;background:none;color:var(--blue);font-weight:850;text-decoration:underline}
input,textarea,select{width:100%;margin:4px 0 8px;padding:12px 13px;border:1px solid var(--line);border-radius:15px;background:#fdfefe;color:var(--text)}textarea{min-height:88px;resize:vertical}label{display:block;margin-top:5px;font-size:12px;font-weight:850}.field-error{border-color:var(--red)!important;background:#fff8f8!important}.error-text{margin:-3px 0 8px;color:var(--bad);font-size:11px;font-weight:750}
.grid{display:grid;gap:8px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.quick-actions button{min-height:72px;border:1px dashed #9abff7;border-radius:16px;background:linear-gradient(135deg,#dcecff,#fff);color:var(--text);font-size:23px}.quick-actions button span{display:block;margin-top:4px;color:var(--blue);font-size:11px;font-weight:850}
.order{width:100%;margin-bottom:8px;padding:13px;border:1px solid var(--line);border-radius:19px;background:#fff;color:var(--text);box-shadow:0 9px 21px rgba(20,67,140,.07);text-align:left}.order.active{border-color:var(--blue);background:#f4f9ff}.order .tiny{margin-top:4px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#edf3f9;color:var(--blue);font-size:11px;font-weight:850;white-space:nowrap}.badge.ok{background:#e7f8ef;color:var(--ok)}.badge.warn{background:#fff4db;color:var(--warn)}.badge.bad{background:#ffeaec;color:var(--bad)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:11px;border:1px solid var(--line);border-radius:17px;background:#f8fafc}.stat b{font-size:15px}.reason{padding:11px;border-left:4px solid var(--blue);border-radius:13px;background:#f8fafc}
.notice{margin-bottom:11px;padding:12px 14px;border:1px solid #ffd68c;border-radius:18px;background:#fff8e7;box-shadow:0 8px 20px rgba(148,98,0,.08)}.notice strong{display:block;margin-bottom:3px}.notice-actions{display:flex;gap:7px;margin-top:8px}.notice-actions button{padding:8px 10px;border:0;border-radius:12px;background:#fff;color:var(--blue);font-weight:850}
.process{border-top:1px solid var(--line);margin-top:13px;padding-top:13px}.process-state{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--muted);font-size:12px}.question{margin-bottom:9px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fdfefe}.question.done{border-color:#bde9d2;background:#f0fbf5}.question-title{margin-bottom:8px;font-weight:900}.required{color:var(--red)}.answers{display:grid;gap:7px}.answer{padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-weight:780;text-align:left}.answer.selected{border-color:var(--blue);background:var(--blue);color:#fff}.progress{height:9px;margin:8px 0 12px;overflow:hidden;border-radius:99px;background:#eaf1fb}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--red))}
.entry{margin-bottom:8px;padding:11px 12px;border:1px solid var(--line);border-radius:16px;background:#f8fafc}.entry-head{display:flex;justify-content:space-between;gap:7px;margin-bottom:4px;font-size:11px;color:var(--muted)}.entry-file{display:flex;align-items:center;gap:8px;margin-top:6px;font-weight:800}.entry-file .file-icon{font-size:22px}.voice-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.recording{color:var(--red);font-weight:900;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}
.topic-list{display:grid;gap:8px}.topic{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--text);text-align:left}.topic.active{border-color:var(--blue);background:#f3f8ff}.topic-title{display:flex;justify-content:space-between;gap:7px;font-weight:900}.topic-preview{margin-top:4px;color:var(--muted);font-size:11px}.chat{display:grid;gap:8px;max-height:360px;overflow:auto;margin:10px 0;padding-bottom:3px}.message{padding:10px 12px;border-radius:16px;background:var(--soft);line-height:1.4}.message.mine{margin-left:42px;background:var(--blue);color:#fff}.message.theirs{margin-right:42px;border:1px solid var(--line);background:#fff}.message.system{border:1px solid #ffe0a3;background:#fff4db;color:#745000}.message-meta{display:block;margin-bottom:3px;font-size:10px;font-weight:800;opacity:.7}.attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.attachment{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.68);font-size:11px;font-weight:850}.attachment-preview{display:block;width:min(260px,100%);max-height:220px;margin-bottom:6px;border-radius:8px;object-fit:cover}
.overlay{position:fixed;z-index:40;inset:0;display:flex;align-items:flex-end;padding:13px;background:rgba(8,22,50,.44)}.sheet{width:100%;max-width:520px;max-height:90dvh;margin:0 auto;padding:16px;overflow:auto;border-radius:25px;background:#fff;box-shadow:0 -18px 50px rgba(8,22,50,.22)}.sheet-head{position:sticky;z-index:2;top:-16px;margin:-16px -16px 10px;padding:16px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}.sheet-head h2{margin:0 0 4px;font-size:20px}.sheet-head p{margin:0;color:var(--muted);font-size:12px}.sheet-body{line-height:1.45}.toast{position:fixed;z-index:60;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;max-width:492px;margin:auto;padding:14px 16px;border-radius:18px;background:var(--blue);color:#fff;font-weight:850;box-shadow:0 18px 48px rgba(16,47,114,.35)}.toast.error{background:var(--red)}.hidden{display:none!important}footer{padding:13px 8px;color:var(--muted);font-size:11px;text-align:center}
@media(max-width:390px){.phone{padding-right:11px;padding-left:11px}.logo{flex-basis:49px;width:49px;height:49px}.product h1{font-size:18px}.product p{font-size:9px}.user-panel{min-width:112px;max-width:136px;padding:7px}.avatar{display:none}.tabs{top:65px}.tab{flex-basis:57px;width:57px;height:51px}.grid.two,.grid.three{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.summary{grid-template-columns:1fr}.message.mine{margin-left:22px}.message.theirs{margin-right:22px}}