*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif;background:#000;color:#111113}body{overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.hidden{display:none!important}
:root{--blue:#007aff;--bg:#f2f2f7;--card:#fff;--line:#d9d9df;--muted:#8e8e93;--soft:#e9e9ee;--green:#34c759;--glass:rgba(255,255,255,.78)}
.auth{min-height:100svh;display:grid;place-items:center;background:linear-gradient(145deg,#f8f8fa,#e9ecf2);padding:24px}.auth-card{width:min(390px,100%);padding:36px 28px;background:rgba(255,255,255,.86);backdrop-filter:blur(25px);border:1px solid #fff;border-radius:30px;box-shadow:0 25px 70px #0001;text-align:center}.app-logo{width:68px;height:68px;margin:auto;border-radius:21px;background:#111;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:800}.brand{font-size:30px;font-weight:800;margin-top:14px;letter-spacing:-1px}.auth-sub{color:var(--muted);margin:7px 0 24px}.auth-card input{width:100%;padding:15px 16px;margin:5px 0;border:1px solid #dedee3;background:#f6f6f8;border-radius:15px;outline:none}.auth-card input:focus{border-color:#8ebdff;box-shadow:0 0 0 3px #007aff18}.auth-card button{width:100%;padding:15px;margin-top:9px;border-radius:15px;background:#007aff;color:#fff;font-weight:700}.auth-card .secondary{background:#e9e9ee;color:#111}
.app-shell{height:100svh;display:flex}.desktop-side{width:260px;background:#f7f7f9;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column;gap:5px}.side-brand{display:flex;align-items:center;gap:10px;font-size:21px;padding:0 10px 30px}.mini-logo{width:32px;height:32px;border-radius:10px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800}.side-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border-radius:13px;background:transparent;color:#555; text-align:left}.side-item.active{background:#e2efff;color:#007aff;font-weight:700}.side-spacer{flex:1}.profile-mini{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:left}.profile-mini small{display:block;color:var(--muted);margin-top:2px}.phone-app{position:relative;width:min(100%,760px);margin:auto;height:100svh;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 0 50px #0002;border-radius:0}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 20px 8px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,245,247,.9);backdrop-filter:blur(22px);z-index:2}.eyebrow{font-size:12px;color:var(--muted);font-weight:600}.topbar h1{font-size:30px;letter-spacing:-1px;margin:2px 0 0}.icon-btn{width:40px;height:40px;border-radius:13px;background:#fff;box-shadow:0 2px 8px #0000000d;font-size:28px;line-height:1}.accent{color:var(--blue)}.search-wrap{margin:8px 16px 7px;height:44px;background:#e5e5ea;border-radius:13px;display:flex;align-items:center;padding:0 13px;gap:7px;color:#7b7b82;font-size:25px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:16px}.filters{display:flex;gap:7px;overflow:auto;padding:5px 16px 12px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;padding:8px 13px;border-radius:20px;background:#e4e4e9;color:#6c6c72;font-size:13px;font-weight:600}.filter.active{background:#111;color:#fff}.content{flex:1;overflow:auto;padding:0 12px 92px}.chat-list{display:flex;flex-direction:column;gap:2px}.chat-row{width:100%;display:flex;gap:12px;align-items:center;text-align:left;padding:12px 9px;border-radius:17px;background:transparent;color:#111}.chat-row:active{background:#e7e7ec}.chat-row.sel{background:#e3efff}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#dfe5ee,#9ca9bb);display:grid;place-items:center;flex:none;font-weight:800;color:#fff;font-size:19px;overflow:hidden}.avatar.official{background:#111}.avatar.blue{background:linear-gradient(135deg,#4e9cff,#155eef)}.chat-copy{min-width:0;flex:1;border-bottom:1px solid var(--line);padding-bottom:12px}.chat-row:last-child .chat-copy{border-bottom:0}.chat-line{display:flex;justify-content:space-between;gap:8px}.chat-line b{font-size:16px}.time{font-size:12px;color:var(--muted)}.preview{color:#7c7c82;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.badges{display:flex;align-items:center;gap:5px;margin-top:5px}.badge{min-width:21px;height:21px;border-radius:12px;background:#007aff;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 6px}.pin{font-size:12px;color:#999}.verified{color:#007aff;font-weight:900}.empty{padding:70px 20px;text-align:center;color:var(--muted)}
.chat-view{height:100%;display:flex;flex-direction:column}.chat-view .messages{flex:1;overflow:auto;padding:20px}.bubble{max-width:78%;margin:7px 0;padding:10px 13px;background:#fff;border-radius:19px 19px 19px 6px;box-shadow:0 1px 2px #0000000a;white-space:pre-wrap}.bubble.mine{margin-left:auto;background:#007aff;color:#fff;border-radius:19px 19px 6px 19px}.bubble small{display:block;text-align:right;font-size:10px;opacity:.55;margin-top:3px}.chat-back{border-bottom:1px solid var(--line);padding:8px 16px;display:flex;gap:10px;align-items:center}.chat-back button{background:none;color:var(--blue);font-size:17px}.typing{position:absolute;bottom:72px;left:20px;font-size:12px;color:var(--muted);z-index:3}.composer{position:absolute;bottom:63px;left:0;right:0;display:flex;gap:7px;align-items:end;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(245,245,247,.94);backdrop-filter:blur(22px);border-top:1px solid #dddde1;z-index:5}.composer textarea{flex:1;max-height:100px;min-height:40px;border:1px solid #d6d6dc;border-radius:20px;padding:10px 13px;resize:none;outline:none;background:#fff}.round-btn,.send-btn{width:40px;height:40px;border-radius:50%;background:#e4e4e9;color:#777;font-size:21px;flex:none}.send-btn{background:#007aff;color:#fff}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:68px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(25px);border-top:1px solid #dedee2;display:flex;z-index:4}.nav-item{position:relative;flex:1;background:transparent;color:#8a8a91;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px}.nav-item span{font-size:22px;line-height:22px}.nav-item.active{color:#007aff}.nav-item.center span{width:42px;height:42px;margin-top:-19px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;box-shadow:0 5px 18px #0002;font-size:27px}.nav-item i{position:absolute;top:1px;margin-left:20px;background:#ff3b30;color:#fff;border-radius:10px;padding:1px 5px;font-style:normal;font-size:9px}.nav-avatar{width:24px;height:24px;border-radius:50%;background:#111;color:#fff!important;display:grid!important;place-items:center;font-size:12px!important}.drawer{position:absolute;z-index:20;top:0;bottom:0;left:0;width:min(330px,88vw);background:rgba(250,250,252,.98);backdrop-filter:blur(30px);padding:14px;box-shadow:20px 0 50px #0002}.drawer-top{padding:30px 10px 20px;display:flex;flex-direction:column;gap:7px}.drawer-top #closeDrawer{align-self:flex-end;background:#e5e5ea;border-radius:50%;width:30px;height:30px;font-size:22px}.drawer .large{width:70px;height:70px;font-size:25px}.drawer>button:not(#closeDrawer){display:block;width:100%;padding:14px;border-radius:13px;text-align:left;background:transparent}.drawer .danger{color:#ff3b30}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:#fff;border-radius:18px;padding:16px;border:1px solid var(--line)}.card button{width:100%;padding:10px;border-radius:11px;background:#007aff;color:#fff}.settings{display:flex;flex-direction:column;gap:8px}.settings button{padding:15px;background:#fff;border-radius:14px;text-align:left}.tabs{display:flex;gap:7px;margin:15px 0}.tabs button{padding:9px 12px;border-radius:15px;background:#e4e4e9}.owner-form{display:flex;gap:8px;flex-wrap:wrap}.owner-form input,.owner-form select{padding:10px;border:1px solid var(--line);border-radius:10px}.owner-form button{padding:10px;border-radius:10px;background:#007aff;color:#fff}.owner-row{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.owner-row span:last-child{margin-left:auto;color:var(--muted)}.owned-user{margin:10px 0;padding:10px;background:#f0f0f4;border-radius:12px;font-size:12px}.owned-user span{display:inline-block;background:#fff;padding:3px 6px;border-radius:8px;margin:2px}.status-list{display:flex;gap:8px;flex-wrap:wrap}.status-chip{background:#fff;padding:9px 12px;border-radius:14px}.big-icon{font-size:34px}.emoji-box{position:absolute;bottom:64px;left:45px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;box-shadow:0 15px 35px #0002}.emoji-box button{padding:8px;background:transparent}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;background:#111;color:#fff;padding:10px 15px;border-radius:14px;transition:.2s;z-index:40}.toast.show{opacity:1;transform:translateX(-50%)}.owner-only{color:#c48a00!important}
@media(max-width:700px){.desktop-side{display:none}.phone-app{width:100%;max-width:none}.topbar h1{font-size:29px}.content{padding-left:7px;padding-right:7px}.chat-row{padding:11px 8px}.avatar{width:50px;height:50px}}
@media(min-width:701px){.phone-app{border-left:1px solid #ddd;border-right:1px solid #ddd}.bottom-nav{display:none}.composer{bottom:0}.typing{bottom:64px}}

/* Sasagram 12.2 — iPhone-first polish */
@media (min-width:900px){.phone-app{width:430px;height:min(900px,100svh - 28px);margin:auto;border-radius:42px;overflow:hidden;border:8px solid #171719;box-shadow:0 25px 80px #0008}.app-shell{align-items:center;justify-content:center}.desktop-side{display:flex}.phone-app:before{content:"";position:absolute;z-index:20;top:8px;left:50%;transform:translateX(-50%);width:116px;height:25px;border-radius:20px;background:#090909}}
@media (max-width:899px){.desktop-side{display:none}.phone-app{width:100vw}.topbar{padding-left:18px;padding-right:18px}.bottom-nav{height:78px}.content{padding-bottom:105px}}
.chat-row{padding:11px 7px}.chat-row .avatar{width:54px;height:54px}.chat-copy{padding-bottom:11px}.search-wrap{box-shadow:inset 0 0 0 1px #00000006}.filter{background:#e5e5ea}.filter.active{background:#1c1c1e}.bottom-nav{border-top:1px solid #d8d8dd}.nav-item{font-size:10px}.nav-item span{font-size:21px}.nav-item.center span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1c1c1e;color:#fff;font-size:24px}.auth-card{box-shadow:0 30px 90px #0003}