@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}:root{--primary: #0f3d73;--primary-strong: #092c55;--primary-text: #12304d;--secondary-text: #43617f;--tertiary-text: #6b84a0;--secondary-background: #eef5fb;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .92);--surface-border: rgba(133, 173, 211, .26);--bubbles-background: rgba(255, 255, 255, .88);--bubbles-mine-background: linear-gradient(135deg, #0f3d73, #164f94);--accent: #5d97cf;--accent-soft: rgba(116, 165, 214, .16);--focus-ring: rgba(34, 98, 164, .24);--shadow-soft: 0 24px 50px rgba(28, 72, 119, .12);--shadow-card: 0 18px 40px rgba(35, 77, 122, .1);--success: #117a65}html,body{margin:0;padding:0}body{font-family:Manrope,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;color:var(--primary-text);background:radial-gradient(circle at top left,rgba(198,225,248,.9),transparent 34%),radial-gradient(circle at top right,rgba(227,241,252,.92),transparent 28%),linear-gradient(145deg,#fbfdff,#f2f8fd 42%,#e6f0f9);min-height:100vh;padding-top:110px;padding-bottom:88px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 45%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.58),transparent 24%);z-index:0}button,input{font:inherit}button{cursor:pointer}main,header,form,article,div,p,h1,h2,span,strong{position:relative;z-index:1}.screen-message{min-height:100vh;display:grid;place-items:center;color:var(--secondary-text)}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:1rem}.auth-card{position:static;width:min(420px,100%);height:auto;display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:28px;background:linear-gradient(165deg,#fffffff0,#f0f8ffdb);border:1px solid rgba(149,187,222,.3);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-copy{display:flex;flex-direction:column;gap:.4rem;text-align:center}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.auth-copy h2{margin:0;font-size:2rem;letter-spacing:-.04em}.auth-copy p{margin:0;color:var(--secondary-text)}.auth-input{width:100%;padding:.95rem 1rem;border:1px solid rgba(149,187,222,.45);border-radius:16px;background:#ffffffeb;color:var(--primary-text);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.auth-input::placeholder,.chat input::placeholder{color:var(--tertiary-text)}.auth-input:focus,.chat input:focus{outline:0;border-color:#2769af61;box-shadow:0 0 0 5px var(--focus-ring)}.password-field{position:relative}.password-field .auth-input{padding-right:3rem}.password-toggle{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:1.1rem;color:var(--secondary-text);width:auto;height:auto;padding:0}.button-primary,.button-secondary,.header-action-button{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease}.button-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 14px 30px #0f3d733d}.button-primary:hover:not(:disabled),.header-action-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #0f3d7347}.button-secondary{border:1px solid rgba(143,177,208,.56);color:var(--primary-text);background:#ffffffd1;box-shadow:0 10px 24px #2f5a8814}.button-small{padding:.72rem 1rem;font-weight:700}.auth-submit{width:100%;height:48px;font-size:1rem;overflow:visible}.auth-error{margin:0;color:#c2410c;font-size:.85rem;text-align:center}.chat header{position:fixed;top:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),1120px);z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:88px;padding:1rem 1.5rem;background:linear-gradient(145deg,#ffffffdb,#e2effab8),linear-gradient(90deg,#ffffffb3,#ffffff80);color:var(--primary-text);text-align:center;border:1px solid rgba(149,187,222,.3);border-radius:28px;box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.chat header:before,.chat header:after{display:none}.chat header h1{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;margin:0}.chat header p{margin:0;position:relative;padding-left:1.2em;color:var(--secondary-text);font-weight:600}.chat header p:before,.chat header p:after{position:absolute;top:22%;left:0;display:inline-block;content:"";width:.7em;height:.7em;margin-right:.5em;background-color:#7ed4c3;border-radius:50%;animation:pulse 2s cubic-bezier(0,0,.2,1) infinite}.chat header p:after{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@media(prefers-reduced-motion){.chat header p:after{display:none}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.7}}.header-action-button{position:absolute;right:18px;top:18px;padding:.7rem 1rem;border:1px solid rgba(144,178,209,.34);background:#ffffffc7;color:var(--primary-text);box-shadow:0 12px 28px #28527f1a}.header-action-left{left:18px;right:auto}.chat article{display:grid;grid-template-columns:1fr 1fr;margin:24px auto;max-width:420px;padding-left:16px;padding-right:calc(16px + 10vw);animation:.15s ease-in-out message;box-sizing:content-box}@media(prefers-reduced-motion){.chat article{animation-name:fade}}@keyframes message{0%{opacity:0;transform:translateY(30px)}}@keyframes fade{0%{opacity:0}}.chat article div{font-weight:700;color:var(--primary-text)}.chat article p{color:var(--primary-text);background:var(--bubbles-background);padding:18px 20px;margin:.5em 0;border-radius:20px 20px 20px 6px;border:1px solid rgba(150,188,223,.28);box-shadow:var(--shadow-card);text-overflow:ellipsis;line-height:1.5;grid-column:1 / 3;justify-self:start;white-space:pre-line;position:relative}.chat article.message-mine{padding-left:calc(16px + 10vw);padding-right:16px}.chat article.message-mine div{text-align:right;justify-self:end;grid-column:1 / 3}.chat article.message-mine p{border-radius:20px 20px 6px;background:var(--bubbles-mine-background);color:#fff;border-color:transparent;justify-self:end}.chat form{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),1120px);height:76px;padding:8px;box-shadow:var(--shadow-soft);background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(149,187,222,.24);border-radius:22px;display:flex;z-index:3}.chat input{color:var(--primary-text);width:100%;border:0;background:transparent;font-size:18px;padding-left:20px;padding-right:72px;border-radius:16px}.chat form>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:52px;border:0;border-radius:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#fff;font-size:0;transition:opacity .15s ease-in-out,transform .15s ease-in-out,box-shadow .15s ease-in-out;background:var(--bubbles-mine-background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.8' stroke='white' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 12L3.269 3.126A59.768 59.768 0 0121.485 12 59.77 59.77 0 013.27 20.876L5.999 12zm0 0h7.5' /%3E%3C/svg%3E") center / 24px no-repeat;box-shadow:0 14px 30px #0f3d7333}.chat form>button:hover:not(:disabled){transform:translateY(-50%) translateY(-1px);box-shadow:0 16px 32px #0f3d7342}.chat button:disabled{opacity:.65}.dashboard-shell{max-width:920px;margin:0 auto;padding:20px}.dashboard-toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center;flex-wrap:wrap}.selection-count{align-self:center;font-size:.92rem;color:var(--secondary-text);font-weight:700}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.client-card{padding:16px;border-radius:20px;cursor:pointer;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:6px;position:relative;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.client-card:hover{transform:translateY(-2px);box-shadow:0 22px 42px #234d7a24}.client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.2rem}.client-card-content{cursor:inherit}.client-select-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(143,177,208,.54);border-radius:999px;background:linear-gradient(145deg,#ffffffeb,#e9f4ffc2);box-shadow:0 8px 20px #2e5b891a;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:0;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.client-checkbox{position:absolute;opacity:0;pointer-events:none}.client-check-indicator{width:16px;height:16px;border-radius:999px;border:2px solid rgba(31,94,161,.52);background:#fffffff2;box-shadow:inset 0 0 #0f3d73f2;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.client-select-toggle:hover{border-color:#3a76b894;box-shadow:0 10px 22px #2e5b8924}.client-select-toggle:has(.client-checkbox:checked){border-color:#175492ad}.client-checkbox:focus-visible+.client-check-indicator{box-shadow:inset 0 0 #0f3d73f2,0 0 0 4px #2262a433}.client-checkbox:checked+.client-check-indicator{border-color:#0f3d73eb;box-shadow:inset 0 0 0 4px #0f3d73f2;transform:scale(1.02)}.client-card-title{display:inline-block;color:var(--primary-text);font-size:1rem;margin-bottom:.35rem}.client-card-unread{color:var(--success);font-size:.78rem;font-weight:800;margin-bottom:.3rem}.client-card-preview{margin:0;font-size:.87rem;color:var(--secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px}.broadcast-form{z-index:10;gap:.75rem}.broadcast-input{flex:1;padding-right:20px}.broadcast-form>.broadcast-button{position:relative;right:auto;top:auto;transform:none;height:100%;padding:0 1.2rem;border-radius:16px;font-size:.96rem;font-weight:700;min-width:120px;width:auto;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-strong) 100%);box-shadow:0 14px 30px #0f3d7333}.broadcast-form>.broadcast-button:hover:not(:disabled){transform:none}.client-compose-form>.client-compose-input{padding-right:20px}article button{position:absolute;bottom:-.5em;right:-.5em;border:0;border-radius:10px;padding:.3em;z-index:2;min-width:2em;min-height:1em;display:none;cursor:pointer}article:hover button,article button:has(span){display:block}article button span{padding-left:.2em}@media(max-width:720px){body{padding-top:122px}.chat header{width:calc(100% - 16px);top:8px;padding:1rem 4.8rem 1rem 1rem;align-items:flex-start;text-align:left}.header-action-button{top:14px;right:14px;padding:.62rem .9rem}.header-action-left{left:14px;right:auto}.chat article{max-width:100%;padding-right:16px}.chat article.message-mine{padding-left:16px}.chat form{width:calc(100% - 16px);bottom:8px}.broadcast-button{min-width:104px}}