*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10202f;background:#eef4f8}body{min-height:100vh}.page-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(14,151,113,.12),transparent 28%),radial-gradient(circle at 92% 8%,rgba(35,96,187,.12),transparent 28%),linear-gradient(180deg,#f8fbfd,#edf4f8);z-index:0}.secure-app{position:relative;z-index:1;width:min(1240px,calc(100% - 32px));margin:0 auto;padding:24px 0 38px}.app-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 4px 20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#0c1f2d}.logo,.bot-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#0a8f69,#0e516f);color:white;font-weight:900;box-shadow:0 10px 28px rgba(10,111,101,.2)}.logo{width:44px;height:44px;border-radius:14px}.brand span:last-child{display:flex;flex-direction:column}.brand b{font-size:16px}.brand small{font-size:11px;color:#71808c;letter-spacing:.08em;text-transform:uppercase}.head-actions{display:flex;align-items:center;gap:12px}.head-actions>a{padding:10px 15px;border-radius:11px;text-decoration:none;background:#0a8f69;color:#fff;font-size:13px;font-weight:800}.secure-pill{font-size:12px;font-weight:800;color:#2b695b;background:#e1f4ed;border:1px solid #cae9df;padding:9px 12px;border-radius:999px}.security-banner{background:#0b1f2e;color:white;border-radius:20px;padding:18px 22px;margin-bottom:20px;box-shadow:0 16px 40px rgba(16,37,54,.1)}.security-banner>div{display:flex;align-items:center;gap:14px}.security-banner .shield{font-size:27px}.security-banner b,.security-banner small{display:block}.security-banner b{font-size:15px}.security-banner small{margin-top:4px;color:#bcd0dc;font-size:12px}.app-grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:20px;align-items:stretch}.auth-card,.chat-card{background:rgba(255,255,255,.96);border:1px solid #dfe9ef;border-radius:24px;box-shadow:0 18px 55px rgba(22,57,75,.1);overflow:hidden}.auth-card{padding:28px;align-self:start;position:sticky;top:18px}.auth-head{display:flex;align-items:center;gap:13px}.auth-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#e7f5f0;font-size:22px}.auth-head small{font-size:10px;letter-spacing:.15em;color:#0a8f69;font-weight:900}.auth-head h1{font-size:25px;margin:1px 0 0;color:#0f2230}.auth-card>p{font-size:13px;line-height:1.7;color:#657684;margin:18px 0 22px}.field{margin-bottom:14px}.field label{display:block;font-size:11px;font-weight:800;color:#526472;margin:0 0 7px;text-transform:uppercase;letter-spacing:.04em}.field input{width:100%;height:48px;border:1px solid #dbe6ec;border-radius:13px;background:#f8fbfc;padding:0 14px;font-size:14px;outline:none;color:#112936}.field input:focus{border-color:#20a77e;box-shadow:0 0 0 4px rgba(32,167,126,.09);background:#fff}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;cursor:pointer;color:#647783}.primary-btn,.outline-btn,.danger-btn,.guest-btn{width:100%;border:0;border-radius:13px;min-height:48px;padding:12px 14px;font-size:13px;font-weight:900;cursor:pointer;transition:.2s}.primary-btn{background:linear-gradient(135deg,#0a8f69,#0b6075);color:#fff;box-shadow:0 10px 25px rgba(8,118,99,.18)}.outline-btn{background:#fff;color:#126b5c;border:1px solid #bddfd5}.danger-btn{background:#fff2f1;color:#b5423b;border:1px solid #f1cfcb;margin-top:18px}.guest-btn{background:transparent;color:#58707f;margin-top:11px;font-weight:800}.guest-btn span{display:block;font-size:10px;font-weight:600;color:#93a1aa;margin-top:2px}.or{display:flex;align-items:center;gap:10px;color:#9aa8b0;font-size:10px;text-transform:uppercase;margin:12px 0}.or:before,.or:after{content:"";height:1px;background:#e4ecef;flex:1}.otp-panel{padding-top:14px}.member-card{display:flex;align-items:center;gap:13px;background:#eff9f5;border:1px solid #cceade;border-radius:16px;padding:16px}.member-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#0a8f69;color:#fff;font-weight:900}.member-card div{display:flex;flex-direction:column}.member-card small{font-size:9px;color:#07805f;font-weight:900;letter-spacing:.12em}.member-card b{font-size:15px;margin:2px 0}.member-card span:last-child{font-size:11px;color:#647985}.access-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0 2px}.access-list div{font-size:11px;color:#47606c;background:#f7fafb;border:1px solid #e5edef;padding:9px;border-radius:10px}.auth-note{margin-top:20px;border-top:1px solid #edf1f3;padding-top:15px;font-size:10px;line-height:1.6;color:#8b9aa2}.chat-card{height:min(790px,calc(100vh - 92px));min-height:620px;display:flex;flex-direction:column}.chat-head{height:74px;padding:0 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8eef1;background:#fff}.bot-avatar{width:42px;height:42px;border-radius:50%}.chat-head>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.chat-head b{font-size:14px}.chat-head small{font-size:10px;color:#7a8c97;margin-top:3px}.chat-head small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20a77e;margin-right:4px}.auth-badge{margin-left:auto;font-size:9px;letter-spacing:.1em;font-weight:900;padding:7px 9px;border-radius:999px}.auth-badge.locked{background:#f0f3f5;color:#7d8990}.auth-badge.active{background:#dff4eb;color:#087354}.chat{flex:1;overflow:auto;padding:24px;background:linear-gradient(180deg,#f7fafb,#f1f6f8);display:flex;flex-direction:column;gap:12px}.msg{max-width:min(78%,620px);padding:13px 15px;border-radius:16px;font-size:13px;line-height:1.58;white-space:pre-wrap;box-shadow:0 5px 14px rgba(20,52,67,.05)}.msg.bot{align-self:flex-start;background:#fff;border:1px solid #e4ecef;border-bottom-left-radius:5px}.msg.me{align-self:flex-end;background:#0c8968;color:#fff;border-bottom-right-radius:5px}.msg.waiting{color:#7c8c96;font-style:italic}.quick{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;border-top:1px solid #edf1f3;background:#fff}.quick button{white-space:nowrap;border:1px solid #dce8ec;background:#f8fbfc;color:#375462;padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800;cursor:pointer}#form{display:flex;gap:9px;padding:12px 15px;background:#fff;border-top:1px solid #edf1f3}#form input{flex:1;min-width:0;height:48px;border:1px solid #dae5e9;border-radius:15px;padding:0 15px;font-size:13px;outline:none;background:#f9fbfc}#form input:focus{background:#fff;border-color:#33a989}#form button{width:48px;height:48px;border:0;border-radius:15px;background:#0a8f69;color:#fff;font-size:18px;cursor:pointer}.chat-card footer{display:flex;justify-content:center;gap:8px;padding:8px 14px 12px;font-size:9px;color:#95a2a9;background:#fff}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#132735;color:#fff;padding:11px 16px;border-radius:12px;font-size:12px;font-weight:700;box-shadow:0 15px 35px rgba(0,0,0,.2);transition:.25s;z-index:99}.toast.show{transform:translate(-50%,0);opacity:1}.toast.ok{background:#08765a}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:860px){.secure-app{width:min(100% - 18px,720px);padding-top:8px}.app-head{padding:8px 4px 14px}.secure-pill{display:none}.security-banner{border-radius:16px;padding:15px}.app-grid{grid-template-columns:1fr}.auth-card{position:relative;top:auto;border-radius:18px;padding:20px}.chat-card{height:680px;min-height:560px;border-radius:18px}.chat{padding:16px}.msg{max-width:88%}}@media(max-width:520px){.head-actions>a{padding:9px 11px}.brand small{display:none}.security-banner small{line-height:1.5}.chat-card{height:calc(100vh - 90px);min-height:620px}.auth-card{padding:18px}.access-list{grid-template-columns:1fr}.quick{padding:9px 12px}.chat-card footer span:nth-child(2),.chat-card footer span:nth-child(3){display:none}}