*{box-sizing:border-box}html,body{color:#16181d;background:#f6f7f9;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit}.shell{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:#fff;border:1px solid #e2e5ea;border-radius:20px;width:min(680px,100%);padding:36px;box-shadow:0 14px 40px #14182014}.auth-card{width:min(520px,100%)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#626a76;margin:0 0 12px;font-size:14px;font-weight:700}h1{margin:0;font-size:clamp(42px,8vw,72px);line-height:1}.auth-title{font-size:clamp(36px,7vw,52px)}.lead{color:#454c57;max-width:520px;margin:24px 0;font-size:20px;line-height:1.5}.auth-lead{font-size:18px}.status{background:#eef1f5;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.auth-form{gap:12px;display:grid}.field-label{font-size:14px;font-weight:700}.field-input{color:#16181d;width:100%;min-height:52px;font:inherit;background:#fff;border:1px solid #cfd4dc;border-radius:12px;outline:none;padding:0 16px;font-size:18px}.field-input:focus{border-color:#4a5568;box-shadow:0 0 0 3px #4a55681f}.primary-button{color:#fff;min-height:52px;font:inherit;cursor:pointer;background:#16181d;border:0;border-radius:12px;font-weight:700}.hint{color:#626a76;margin:18px 0 0;font-size:14px;line-height:1.5}.portal-link{color:#fff;background:#16181d;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.portal-shell{min-height:100vh;padding:28px 18px 64px}.portal-wrap{gap:20px;width:min(900px,100%);margin:0 auto;display:grid}.portal-header{padding:10px 4px 4px}.portal-title{font-size:clamp(34px,7vw,50px)}.portal-client-name{color:#505762;margin:10px 0 0;font-size:18px}.portal-card{background:#fff;border:1px solid #e1e4e9;border-radius:20px;padding:26px;box-shadow:0 10px 28px #1418200d}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.section-heading h2{margin:4px 0 0;font-size:26px}.section-kicker{color:#6a717c;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:700}.notice{border-radius:14px;padding:14px 16px;font-weight:700;line-height:1.4}.success-notice{background:#edf7ef;border:1px solid #cfe7d4}.error-notice{background:#fff2f2;border:1px solid #efcccc}.ticket-form{gap:18px;display:grid}.topic-fieldset{border:0;margin:0;padding:0}.topic-fieldset legend,.ticket-message-label{margin-bottom:10px;font-size:14px;font-weight:700}.topic-grid{gap:10px;display:grid}.topic-option{cursor:pointer;display:block;position:relative}.topic-option input{opacity:0;pointer-events:none;position:absolute}.topic-option span{border:1px solid #d7dbe2;border-radius:14px;padding:15px 16px;line-height:1.45;transition:border-color .15s,box-shadow .15s,background .15s;display:block}.topic-option input:checked+span{background:#f2f3f5;border-color:#16181d;box-shadow:0 0 0 2px #16181d}.topic-option input:focus-visible+span{outline-offset:2px;outline:3px solid #4a556833}.ticket-textarea{resize:vertical;color:#16181d;width:100%;min-height:150px;font:inherit;background:#fff;border:1px solid #cfd4dc;border-radius:14px;outline:none;padding:14px 16px;font-size:16px;line-height:1.5}.ticket-textarea:focus{border-color:#4a5568;box-shadow:0 0 0 3px #4a55681f}.ticket-submit{padding:0 20px}.ticket-count{background:#eef1f5;border-radius:999px;place-items:center;min-width:34px;height:34px;padding:0 9px;font-size:14px;font-weight:700;display:inline-grid}.empty-state{color:#68707c;margin:0}.ticket-list{gap:12px;display:grid}.ticket-item{border:1px solid #e0e3e8;border-radius:15px;padding:18px}.ticket-item-top{color:#6a717c;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.ticket-item h3{margin:0;font-size:17px;line-height:1.4}.ticket-item p{color:#565d68;white-space:pre-wrap;margin:10px 0 0;line-height:1.5}.ticket-status{color:#323740;background:#eef1f5;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-weight:700;display:inline-flex}.status-new{background:#edf3ff}.status-in_progress{background:#fff6dd}.status-waiting_client{background:#fff0e5}.status-resolved,.status-closed{background:#edf7ef}.messenger-shell{background:#eef1f4;grid-template-columns:390px minmax(0,1fr);height:100vh;min-height:640px;display:grid;overflow:hidden}.messenger-sidebar{background:#fff;border-right:1px solid #d9dde3;flex-direction:column;min-width:0;display:flex}.messenger-sidebar-head{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:14px;min-height:78px;padding:14px 16px 10px;display:flex}.messenger-brand{color:#7b828d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:11px;font-weight:700}.messenger-sidebar-head h1{margin:0;font-size:24px;line-height:1.1}.messenger-user{text-overflow:ellipsis;white-space:nowrap;color:#626a75;max-width:150px;font-size:12px;overflow:hidden}.messenger-filters{background:#fafbfc;border-bottom:1px solid #eceef1;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 10px;display:grid}.messenger-filters span{text-align:center;color:#666e79;background:#eef1f5;border-radius:8px;min-width:0;padding:6px 7px;font-size:11px}.messenger-filters b{color:#16181d}.messenger-list{flex:1;overflow-y:auto}.messenger-chat{min-height:72px;color:inherit;border-bottom:1px solid #eef0f2;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px 9px 12px;text-decoration:none;display:grid;position:relative}.messenger-chat:hover{background:#f6f8fa}.messenger-chat.is-active{background:#eaf3ff}.messenger-status-dot{background:#b4bac3;border-radius:999px;width:8px;height:8px}.dot-new{background:#2f80ed}.dot-in_progress{background:#d39b22}.dot-waiting_client{background:#cf7847}.dot-resolved,.dot-closed{background:#4e9a63}.messenger-chat-body{min-width:0}.messenger-chat-line{align-items:baseline;gap:8px;display:flex}.messenger-chat-line strong,.messenger-chat-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messenger-chat-line strong{font-size:14px}.messenger-chat-line time{color:#8a919b;white-space:nowrap;margin-left:auto;font-size:11px}.messenger-chat-preview{color:#777f8a;margin-top:5px;font-size:12px;line-height:1.35}.messenger-status{white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:10px;font-weight:700}.messenger-empty{color:#7d848f;padding:24px 16px;font-size:13px}.messenger-thread{background:#f3f5f7;flex-direction:column;min-width:0;min-height:0;display:flex}.messenger-thread-head{background:#fff;border-bottom:1px solid #dfe3e8;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:10px 18px;display:flex}.messenger-thread-person{gap:4px;min-width:0;display:grid}.messenger-thread-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.messenger-thread-person span{color:#727a85;font-size:12px}.messenger-thread-actions{align-items:center;gap:8px;display:flex}.messenger-primary{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#16181d;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:700}.messenger-topic{color:#747b86;text-overflow:ellipsis;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #e2e5e9;padding:7px 18px;font-size:11px;overflow:hidden}.messenger-messages{flex-direction:column;flex:1;gap:9px;min-height:0;padding:18px 22px 24px;display:flex;overflow-y:auto}.message-bubble{background:#fff;border:1px solid #dfe3e8;border-radius:12px;width:fit-content;max-width:min(680px,76%);padding:9px 11px 7px;box-shadow:0 1px 2px #1418200a}.message-bubble.from-staff{background:#e8f4ff;border-color:#cfe3f5;align-self:flex-end}.message-bubble.from-client{align-self:flex-start}.message-author{color:#59616c;margin-bottom:4px;font-size:11px;font-weight:700}.message-text{white-space:pre-wrap;font-size:14px;line-height:1.45}.message-bubble time{text-align:right;color:#8a919b;margin-top:5px;font-size:10px;display:block}.messenger-compose{background:#fff;border-top:1px solid #dfe3e8;padding:10px 12px 9px}.messenger-reply-form{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.messenger-reply-form textarea{resize:vertical;color:#16181d;width:100%;min-height:42px;max-height:130px;font:inherit;background:#f8f9fa;border:1px solid #cfd4db;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;line-height:1.4}.messenger-reply-form textarea:focus{background:#fff;border-color:#8da6c4}.messenger-status-actions{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.messenger-status-actions button{color:#535b66;font:inherit;cursor:pointer;background:#f6f7f9;border:1px solid #d6dae0;border-radius:7px;padding:5px 8px;font-size:11px}.messenger-status-actions button:hover{background:#eceff3}.messenger-placeholder{color:#8a919b;margin:auto;font-size:14px}@media (max-width:820px){.messenger-shell{grid-template-columns:320px minmax(0,1fr)}.messenger-status{display:none}.messenger-chat{grid-template-columns:8px minmax(0,1fr)}}@media (max-width:640px){.portal-shell{padding:18px 12px 40px}.portal-card{border-radius:16px;padding:18px}.section-heading h2{font-size:23px}.ticket-item-top{flex-direction:column;align-items:flex-start;gap:7px}.messenger-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.messenger-sidebar,.messenger-thread{min-height:100vh}.messenger-shell:has(.messenger-chat.is-active) .messenger-sidebar{display:none}.messenger-thread-head{padding:10px 12px}.messenger-messages{padding:14px 10px 18px}.message-bubble{max-width:88%}}