:root{--navy:#08265e;--blue:#0b5cff;--blue2:#1449d8;--ink:#10213d;--muted:#6f7d93;--line:#e5eaf2;--soft:#f4f7fb;--white:#fff;--green:#22a06b;--shadow:0 20px 60px rgba(16,33,61,.10)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.auth-page{background:linear-gradient(135deg,#f8fbff,#eef4ff)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.brand-panel{padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 15% 15%,rgba(11,92,255,.11),transparent 34%),linear-gradient(145deg,#f7faff,#eef4ff)}.brand-logo{width:min(430px,78%);height:auto}.brand-panel h1{font-size:clamp(44px,5vw,76px);letter-spacing:-.05em;margin:12px 0}.brand-panel h1 strong{color:var(--blue)}.brand-panel p{font-size:18px;max-width:560px;color:var(--muted);line-height:1.7}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.auth-card{display:grid;place-items:center;padding:28px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px)}.auth-card-inner{width:min(440px,100%);background:#fff;padding:42px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.mini-brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;font-weight:850;font-size:21px}.mini-brand img{width:34px;height:34px;object-fit:contain}.auth-card h2{font-size:32px;letter-spacing:-.03em;margin:34px 0 6px}.muted{color:var(--muted);line-height:1.55}.auth-card form{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:8px;font-size:13px;font-weight:750}input{width:100%;border:1px solid #d9e0ec;border-radius:13px;padding:14px 15px;outline:none;background:#fff;color:var(--ink);transition:.2s}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,92,255,.09)}.username-input{display:flex;align-items:center;border:1px solid #d9e0ec;border-radius:13px;overflow:hidden}.username-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(11,92,255,.09)}.username-input span{padding-left:14px;color:var(--muted);font-weight:800}.username-input input{border:0;box-shadow:none!important}.field-help{font-size:12px;color:var(--muted);margin-top:-9px}.primary,.secondary{border:0;border-radius:13px;padding:14px 18px;font-weight:800;cursor:pointer;text-align:center;text-decoration:none;display:inline-block}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 24px rgba(11,92,255,.19)}.secondary{background:#edf2f8;color:var(--ink)}.switch{text-align:center;color:var(--muted);font-size:14px}.switch a{color:var(--blue);font-weight:800;text-decoration:none}.alert{padding:12px 14px;border-radius:12px;margin-top:18px;font-size:14px}.alert.error{background:#fff0f0;color:#a52d2d;border:1px solid #ffd2d2}.center-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(145deg,#f7faff,#edf4ff)}.dialog-card{width:min(470px,100%);padding:40px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.dialog-card.wide{width:min(620px,100%)}.dialog-card h1{margin:16px 0 10px;letter-spacing:-.035em}.dialog-card p{line-height:1.65}.dialog-icon{width:62px;height:62px;margin:auto;display:grid;place-items:center;border-radius:20px;background:#edf4ff;font-size:28px}.action-stack{display:grid;gap:10px;margin-top:25px}.link-btn{margin-top:12px}.handoff-logo{width:70px}.link-box{padding:13px;border-radius:12px;background:var(--soft);border:1px solid var(--line);word-break:break-all;text-align:left;font-family:ui-monospace,monospace;font-size:12px;margin:18px 0}.app-page{height:100vh;overflow:hidden;background:#eef3f8}.app-shell{display:grid;grid-template-columns:72px 370px minmax(0,1fr);height:100vh;max-width:1800px;margin:auto;background:#fff;box-shadow:0 0 60px rgba(10,30,65,.08)}.rail{background:#f4f7fb;border-right:1px solid var(--line);padding:14px 9px;display:flex;flex-direction:column;align-items:center;gap:18px}.rail-avatar,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:850}.rail-avatar{width:42px;height:42px;border:0;background:var(--navy);color:#fff}.rail-group{display:grid;gap:10px}.rail-bottom{margin-top:auto;display:grid;gap:8px}.rail-btn,.icon-btn{border:0;background:transparent;cursor:pointer;color:#607089;display:grid;place-items:center;text-decoration:none}.rail-btn{width:44px;height:44px;border-radius:14px;font-size:20px}.rail-btn.active,.rail-btn:hover{background:#e5edfa;color:var(--blue)}.chat-list-panel{border-right:1px solid var(--line);min-width:0;background:#fff}.list-head{height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.list-head div{display:grid}.brand-word{font-size:24px;font-weight:900;color:var(--navy);letter-spacing:-.04em}.list-head small{color:var(--muted);font-size:10px}.icon-btn{width:38px;height:38px;border-radius:12px;font-size:20px}.icon-btn:hover{background:var(--soft)}.search{margin:0 16px;height:44px;border-radius:13px;background:var(--soft);display:flex;align-items:center;padding:0 13px;gap:9px;color:var(--muted)}.search input{border:0;background:transparent;box-shadow:none!important;padding:0}.filter-pills{display:flex;gap:7px;padding:14px 16px 9px}.pill{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:750;cursor:pointer}.pill.active{background:#eaf1ff;border-color:#cfe0ff;color:var(--blue)}.chat-list{padding-top:5px}.chat-row{height:77px;display:flex;align-items:center;gap:12px;padding:0 16px;cursor:pointer}.chat-row:hover,.chat-row.active{background:#f6f9fd}.avatar{width:48px;height:48px;flex:0 0 48px;background:#e9edf4;color:var(--navy)}.avatar.blue{background:linear-gradient(135deg,#0b5cff,#173d9a);color:#fff}.chat-meta{min-width:0;flex:1}.chat-top,.chat-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-top strong{font-size:14px}.chat-top time{font-size:11px;color:var(--muted)}.chat-bottom span{font-size:12.5px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-bottom b{font-size:10px;background:var(--blue);color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center}.conversation{display:grid;grid-template-rows:76px 1fr auto;min-width:0;background:#f8fafc}.conversation-head{background:#fff;border-bottom:1px solid var(--line);padding:0 20px;display:flex;align-items:center;justify-content:space-between}.person{display:flex;align-items:center;gap:11px}.person .avatar{width:42px;height:42px;flex-basis:42px}.person div:last-child{display:grid;gap:3px}.person small{font-size:11px;color:var(--green)}.head-actions{display:flex;gap:5px}.messages{padding:28px clamp(20px,6vw,90px);overflow:auto;background-image:radial-gradient(rgba(20,73,216,.04) 1px,transparent 1px);background-size:18px 18px}.date-chip{width:max-content;margin:0 auto 22px;background:#e9eef5;color:#68778d;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:750}.bubble{width:max-content;max-width:min(590px,78%);padding:10px 12px 7px;border-radius:15px;margin:7px 0;box-shadow:0 3px 9px rgba(24,42,70,.05)}.bubble p{margin:0 0 6px;line-height:1.48;font-size:14px}.bubble span{font-size:10px;color:#76849a;display:block;text-align:right}.incoming{background:#fff;border-top-left-radius:5px}.outgoing{background:#dce9ff;margin-left:auto;border-top-right-radius:5px}.composer{background:#fff;border-top:1px solid var(--line);padding:12px 18px;display:flex;align-items:flex-end;gap:9px}.composer-input{flex:1;min-height:46px;border-radius:16px;background:var(--soft);display:flex;align-items:flex-end;padding:8px 10px}.composer textarea{resize:none;border:0;background:transparent;outline:none;flex:1;padding:5px;max-height:120px;color:var(--ink)}.composer-input button{border:0;background:none;font-size:18px;cursor:pointer}.send-btn{width:46px;height:46px;border:0;border-radius:50%;background:var(--blue);color:#fff;font-size:18px;cursor:pointer}.session-overlay{position:fixed;inset:0;background:rgba(7,22,48,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:25px;z-index:99}.session-overlay.hidden{display:none}.locked .app-shell{pointer-events:none;user-select:none}@media(max-width:900px){.app-shell{grid-template-columns:64px 320px 1fr}.brand-panel{display:none}.auth-shell{grid-template-columns:1fr}.auth-card{min-height:100vh}.conversation{min-width:500px}}@media(max-width:700px){.app-shell{display:block}.rail{position:fixed;bottom:0;left:0;right:0;height:64px;z-index:20;flex-direction:row;border-right:0;border-top:1px solid var(--line);justify-content:space-around;padding:7px 10px}.rail-avatar{display:none}.rail-group,.rail-bottom{display:flex;margin:0}.chat-list-panel{height:calc(100vh - 64px);border:0}.conversation{display:none}.chat-list-panel{width:100%}.auth-card-inner{padding:28px 22px;border-radius:22px}.auth-card{padding:16px}}