:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(11,63,122,.16),transparent 30%),linear-gradient(135deg,#f8fbff,#eef3fb)}.login-card{width:min(440px,100%);background:#fff;padding:32px;border-radius:24px;box-shadow:0 24px 60px #14285024}.brand-badge{width:72px;height:72px;display:grid;place-items:center;margin-bottom:18px}.brand-badge img{width:72px;height:72px;object-fit:contain}.login-card h1{margin:0 0 8px}.login-card p{color:#637083;margin:0 0 24px}.login-actions{display:grid;gap:10px;margin-bottom:18px}.login-actions button,.primary-button,.composer button,.login-card button{border:0;background:#0b3f7a;color:#fff;padding:12px 14px;border-radius:12px;font-weight:700}.app-shell{height:100vh;display:grid;grid-template-columns:380px minmax(0,1fr)}.sidebar{border-right:1px solid #dbe2ef;background:#fff;display:flex;flex-direction:column;min-height:0}.sidebar-header{padding:18px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-header small{display:block;color:#637083;margin-top:4px}.ghost-button{background:transparent;border:1px solid #dbe2ef;border-radius:10px;padding:8px 10px}.tab-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;border-bottom:1px solid #edf1f7}.tab-menu button{border:1px solid #dbe2ef;border-radius:12px;background:#fff;padding:10px;font-weight:700}.tab-menu button.active{background:#0b3f7a;color:#fff;border-color:#0b3f7a}.group-form{padding:14px;overflow:auto}.group-form input,.composer input{width:100%;min-width:0;border:1px solid #dbe2ef;border-radius:12px;padding:12px 14px;outline:none}.group-form .primary-button{width:100%;margin-top:14px}.conversation-list,.contact-list{padding:10px;overflow:auto}.conversation{width:100%;display:grid;text-align:left;gap:4px;padding:14px;background:transparent;border:0;border-radius:14px}.conversation:hover,.conversation.active{background:#eef4fc}.conversation span,.empty-text,.message small,.chat-header small,.contact-item small,.select-contact-item small{color:#637083}.contact-group{margin-bottom:16px}.contact-group h3{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#637083;margin:12px 8px 8px}.contact-item,.select-contact-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:transparent;border:0;border-radius:14px}.select-contact-item{cursor:pointer}.contact-item:hover,.select-contact-item:hover{background:#eef4fc}.contact-item span,.select-contact-item span{flex:1;min-width:0}.contact-item strong,.select-contact-item strong{display:block}.contact-item small,.select-contact-item small{display:block;margin-top:3px}.contact-item em{font-style:normal;color:#0b3f7a;font-weight:700}.chat-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f5f7fb}.chat-header{padding:18px 22px;background:#fff;border-bottom:1px solid #dbe2ef;display:flex;align-items:center;gap:12px}.chat-header h2{margin:0 0 4px}.mobile-back-button{display:none;border:1px solid #dbe2ef;background:#fff;border-radius:10px;width:40px;height:40px;font-weight:800}.message-list{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message{max-width:70%;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 8px 24px #1428500f}.message.mine{align-self:flex-end;background:#dcecff}.message p{margin:6px 0;white-space:pre-wrap}.composer{background:#fff;border-top:1px solid #dbe2ef;padding:14px;display:flex;gap:10px}.composer input{flex:1}.composer button{width:auto}.empty-state{margin:auto;text-align:center;color:#637083}.profile-panel{padding-bottom:90px}.manual-add-contact{display:grid;gap:10px;margin-top:12px}.contact-code-box{padding:12px;border-radius:12px;background:#eef4fc;color:#0b3f7a;font-weight:800;text-align:center;letter-spacing:.08em;margin-bottom:12px}.qr-box{display:grid;place-items:center;background:#fff;padding:16px;border:1px solid #dbe2ef;border-radius:16px;margin-bottom:12px}.scanner-card{margin-top:12px;border:1px solid #dbe2ef;border-radius:16px;padding:12px;background:#fff}.scanner-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.scanner-header button{border:1px solid #dbe2ef;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}.qr-reader{overflow:hidden;border-radius:14px}.scanner-error{color:#b42318;background:#fff1f0;padding:10px;border-radius:10px}.scan-status{padding:10px;background:#eef4fc;color:#0b3f7a;border-radius:10px;font-weight:700}.request-card{padding:12px;border:1px solid #dbe2ef;border-radius:14px;margin-bottom:10px;background:#fff}.request-card small{display:block;color:#637083;margin-top:4px}.request-actions{display:flex;gap:8px;margin-top:10px}.request-actions button{border:1px solid #dbe2ef;background:#fff;border-radius:10px;padding:8px 10px;font-weight:700}@media(max-width:780px){.app-shell{display:block;height:100vh;overflow:hidden}.sidebar{height:100vh;border-right:0;padding-bottom:78px}.sidebar-header{position:sticky;top:0;z-index:20;background:#fff}.tab-menu{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 10px 10px;background:#fff;border-top:1px solid #dbe2ef;border-bottom:0;box-shadow:0 -10px 30px #1428501f}.tab-menu button{padding:9px 6px;font-size:12px;border-radius:12px}.conversation-list,.contact-list,.group-form{height:calc(100vh - 74px);overflow:auto;padding-bottom:96px}.chat-panel,.app-shell.mobile-chat-open .sidebar{display:none}.app-shell.mobile-chat-open .chat-panel{display:flex;height:100vh}.app-shell.mobile-chat-open .mobile-back-button{display:inline-grid;place-items:center;flex:0 0 auto}.message{max-width:90%}.message-list{padding:16px}.composer{padding:10px}}