:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f4f7fb;background:radial-gradient(circle at top left,rgba(255,98,88,.12),transparent 22%),radial-gradient(circle at right center,rgba(82,101,135,.22),transparent 26%),linear-gradient(180deg,#313744,#252a34 35%,#1c212b)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;color:#f4f7fb;background:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.72}a{color:inherit}input,button{outline:none}.entry-stage,.app-stage{width:100%;min-height:100vh;padding:28px 18px 40px}.entry-stage{display:grid;place-items:center}.app-stage{display:grid;justify-content:center;align-content:start}.app-stage-chat,.app-stage-admin{gap:26px;grid-template-columns:minmax(320px,360px) minmax(320px,430px)}.app-stage-admin-index,.app-stage-admin-detail{grid-template-columns:minmax(320px,430px)}.phone-panel{position:relative;width:min(100%,430px);min-height:760px;padding:18px 18px 20px;border-radius:34px;background:linear-gradient(180deg,#3a404ef5,#1c202af5);box-shadow:22px 24px 48px #0a0c1080,-10px -10px 28px #545c6c24,inset 1px 1px #ffffff0a,inset -1px -1px #0000003d;overflow:hidden}.entry-panel{width:min(100%,360px);min-height:720px}.conversation-panel{display:grid;grid-template-rows:auto 1fr auto auto;gap:18px}.conversation-empty{display:grid;place-items:center}.screen-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:.72rem;font-weight:700;letter-spacing:.02em;color:#f4f7fbe6}.screen-status-icons{display:flex;gap:5px}.screen-status-icons span{width:13px;height:5px;border-radius:999px;background:#f4f7fbcc}.entry-topbar,.mobile-header,.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.entry-topbar{margin-bottom:44px}.header-profile{display:flex;align-items:center;gap:12px}.entry-hero{display:grid;justify-items:start;gap:18px;margin-bottom:28px;padding-top:24px}.entry-title,.screen-title,.contact-title{margin:0;font-weight:700;letter-spacing:-.02em}.entry-title{font-size:clamp(2.15rem,4vw,2.7rem)}.screen-title{font-size:2rem}.contact-title{font-size:1.05rem}.screen-subtitle,.contact-subtitle,.chat-row-foot span,.inline-status,.field-label span,.date-chip,.status-indicator,.contact-chip span{color:#dde3ee9e}.screen-subtitle,.contact-subtitle,.inline-status,.status-indicator,.contact-chip span{font-size:.84rem}.tiny-book-button{width:44px;min-height:44px;padding:0}.ghost-chip,.icon-button,.ghost-button,.route-link,.inline-link{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none;color:#f5f6fb;background:linear-gradient(180deg,#3b424ff2,#1f242ef2);box-shadow:8px 8px 18px #06070b80,-6px -6px 16px #4e576629}.ghost-chip{min-height:36px;padding:0 16px;border-radius:999px;font-size:.88rem}.align-start{justify-self:start}.icon-button{width:42px;min-height:42px;border-radius:999px;padding:0}.accent-button,.primary-button,.send-button,.unread-pill{background:linear-gradient(180deg,#ff655f,#ff544e 45%,#ec4944);box-shadow:10px 12px 22px #7e181357,-4px -4px 12px #ff8e882e}.primary-button,.send-button{border:0;color:#fff9f8}.primary-button{min-height:48px;padding:0 18px;border-radius:18px;font-weight:700}.large-button{min-height:56px;font-size:1rem}.ghost-button{min-height:40px;padding:0 14px;border-radius:14px}.small-button{min-height:34px;font-size:.78rem}.inline-link{min-height:32px;padding:0 12px;border-radius:999px;font-size:.8rem}.search-field,.composer-shell,.input-with-icon,.soft-form input,.field-label input{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:17px;background:linear-gradient(180deg,#242934fa,#171c25fa);box-shadow:inset 6px 6px 12px #0a0c1080,inset -4px -4px 12px #444c5b1f;color:#f4f7fbd6}.search-field{margin-top:18px}.search-field input,.soft-form input,.field-label input,.composer-input{width:100%;border:0;background:transparent;color:#f4f7fb}.search-field input::placeholder,.soft-form input::placeholder,.field-label input::placeholder,.composer-input::placeholder{color:#dde3ee61}.soft-form{display:grid;gap:12px}.entry-form{gap:14px}.field-label{display:grid;gap:9px}.compact-form{margin-top:18px}.soft-card,.empty-card{border-radius:24px;padding:18px;background:linear-gradient(180deg,#2b313df2,#1b1f29f2);box-shadow:14px 14px 28px #080a0e6b,-8px -8px 18px #4a53631f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2,.section-heading h3{margin:0;font-size:1rem}.avatar{display:inline-grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(180deg,#474f5ffa,#1d222cfa);box-shadow:8px 8px 18px #07080c70,-6px -6px 14px #555e6e1f}.avatar span{font-weight:700;letter-spacing:.03em}.avatar-accent{background:linear-gradient(180deg,#ff655ffa,#c43f3afa)}.avatar-muted{filter:grayscale(.2);opacity:.72}.avatar-sm{width:42px;height:42px;font-size:.82rem}.avatar-md{width:52px;height:52px;font-size:.92rem}.avatar-lg{width:76px;height:76px;font-size:1.2rem}.header-actions,.button-row{display:flex;align-items:center;gap:10px}.chat-list,.admin-user-list,.messages-stage,.compact-list{display:grid;align-content:start;gap:12px}.chat-list,.admin-user-list,.messages-stage{overflow:auto}.chat-list,.admin-user-list{margin-top:18px}.chat-row{display:grid;grid-template-columns:auto 1fr;gap:12px;width:100%;padding:12px;border:0;border-radius:22px;color:#f4f7fb;text-align:left;background:linear-gradient(180deg,#292e3aeb,#1b1f29eb);box-shadow:10px 10px 22px #090a0e66,-6px -6px 16px #4a526114}.chat-row-active{outline:1px solid rgba(255,101,95,.5)}.chat-row-body{display:grid;gap:6px;min-width:0}.chat-row-head,.chat-row-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-row-head strong,.chat-row-foot span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-head strong{font-size:.98rem}.chat-row-head span,.chat-row-foot span{font-size:.8rem}.unread-pill{min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff}.panel-footer{position:absolute;right:20px;bottom:16px;left:20px;display:flex;justify-content:flex-start}.status-indicator{display:inline-flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:999px;background:#707a8f}.status-ready{background:#ff655f}.status-connecting{background:#e3b04a}.status-error,.status-closed,.status-idle{background:#6d7483}.date-chip{justify-self:center;padding:8px 14px;border-radius:999px;background:#181c2494;box-shadow:0 4px 10px #0304072e}.message-stack{display:grid;gap:12px;align-content:start}.message-bubble{display:grid;gap:8px;max-width:78%;padding:12px 14px;border-radius:16px;box-shadow:10px 10px 22px #07080b73}.message-bubble p{margin:0;white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;justify-content:space-between;gap:10px;font-size:.73rem;color:#f7f7fbcc}.message-incoming{justify-self:start;background:linear-gradient(180deg,#262b35,#171b23)}.message-outgoing{justify-self:end;background:linear-gradient(180deg,#ff6258,#ef4e45)}.composer-shell{padding-right:8px}.composer-input{min-height:50px}.send-button{width:48px;min-height:48px;border-radius:999px;padding:0}.empty-conversation-card{display:grid;justify-items:center;gap:16px;text-align:center;padding:36px 24px}.inline-status{margin:10px 0 0}.admin-content{display:grid;gap:18px;align-content:start}.admin-primary-panel{width:min(100%,430px)}.admin-detail-header{display:grid;align-content:start;gap:18px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-contacts-card,.admin-contact-route{grid-column:1 / -1}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}.toggle-row input{width:18px;height:18px}.contact-chip-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-chip{display:flex;align-items:center;gap:12px;min-width:0}.contact-chip div{display:grid}.contact-chip strong,.contact-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-only{display:none}.route-link.primary-link{min-height:48px;border-radius:18px;background:linear-gradient(180deg,#ff655f,#ef4d45)}@media (max-width: 1040px){.app-stage-chat,.app-stage-admin,.app-stage-admin-index,.app-stage-admin-detail{grid-template-columns:minmax(320px,430px)}.conversation-panel,.admin-content{min-height:auto}}@media (max-width: 720px){.entry-stage,.app-stage{padding:14px 10px 24px}.phone-panel{min-height:calc(100vh - 28px);border-radius:28px}.app-stage-chat .conversation-panel{display:none}.app-stage-chat .conversation-panel:last-child{display:grid}.app-stage-chat.has-active-conversation .sidebar-panel{display:none}.mobile-only{display:inline-flex}.admin-grid{grid-template-columns:1fr}.admin-detail-header{gap:16px}.contact-chip-row{align-items:flex-start;flex-direction:column}.contact-chip-row .ghost-button,.contact-chip{width:100%}}