@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#fff;--panel:#fff;--ink:#1a1a1a;--ink2:#6b7280;--ink3:#9ca3af;--line:#f1f3f5;--line2:#e8ebee;--blue:#3b5bdb;--blue2:#2b44a8;--blue-soft:#eef1ff;--green:#22a447;--green-soft:#e9f9ee;--amber:#b87503;--amber-soft:#fff4e2;--purple:#7048e8;--purple-soft:#f0ebfd;--f:"Inter",-apple-system,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:var(--f);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--f);cursor:pointer}.win{width:100%;height:100vh;background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;background:#fff;border-bottom:1px solid var(--line2);justify-content:space-between;padding:0 20px}.tb-left,.topbar{display:flex;align-items:center}.tb-left{gap:10px}.tb-left .m{width:30px;height:30px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:700}.tb-left b{font-size:1.15rem;letter-spacing:-.02em}.tb-right{display:flex;align-items:center;gap:14px}.tb-right .acct{font-size:.85rem;color:var(--ink2);font-weight:500}.logout{background:#fff;border:1px solid var(--line2);border-radius:9px;padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--ink)}.logout:hover{background:#f6f6f6}.app{flex:1 1;min-height:0;overflow:hidden}.app,.side{display:flex}.side{width:248px;border-right:1px solid var(--line);padding:20px 14px;flex-direction:column;flex:0 0 auto;overflow-y:auto}.logo{display:flex;align-items:center;gap:10px;padding:0 8px 16px}.logo .m{width:32px;height:32px;border-radius:9px;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:700}.logo b{font-size:1.25rem;letter-spacing:-.02em}.compose{background:var(--blue);color:#fff;border:none;border-radius:11px;padding:12px;font-size:.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px}.compose:hover{background:var(--blue2)}.sgroup{font-size:.72rem;color:var(--ink3);padding:14px 10px 6px}.item,.sgroup{font-weight:500}.item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;font-size:.88rem;color:var(--ink2);border:none;background:none;width:100%;text-align:left}.item .ct{margin-left:auto;font-size:.72rem;color:var(--ink3);font-weight:600}.item.active{background:#111;color:#fff}.item.active .ct{color:#fff}.item:not(.active):hover{background:#f6f6f6}.mini{border-radius:11px;padding:10px 12px;margin-top:8px;border:1px solid var(--line2)}.mini .h{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.mini .t{font-size:.8rem;font-weight:600}.mini .s{font-size:.7rem;color:var(--ink3);margin-top:1px}.mini.warn{background:#fffaf2;border-color:#f2e2c7}.mini.warn .h{color:var(--amber)}.mini.warn .t{color:#7a4e08}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--green)}.main{flex:1 1;min-width:0}.list,.main{display:flex}.list{width:360px;border-right:1px solid var(--line);flex-direction:column;flex:0 0 auto}.lhead{padding:18px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.lhead h2{font-size:1.1rem;font-weight:600}.lhead .sub{font-size:.78rem;color:var(--ink3);margin-top:2px}.rows{overflow-y:auto;flex:1 1}.row{display:flex;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;background:none;border-left:0;width:100%;text-align:left}.row:hover{background:#fafafa}.row.sel{background:var(--blue-soft)}.av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.74rem;font-weight:700;flex:0 0 auto}.row .b{flex:1 1;min-width:0}.row .fr{font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:6px}.row .tm{font-size:.72rem;color:var(--ink3);margin-left:auto;font-weight:400}.row .su{font-size:.82rem;margin:2px 0}.row .pv{font-size:.78rem;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 6px}.tag.client{background:var(--blue-soft);color:var(--blue)}.tag.wait{background:var(--amber-soft);color:var(--amber)}.tag.paid{background:var(--green-soft);color:var(--green)}.reader{flex:1 1;display:flex;flex-direction:column;min-width:0;background:#fbfbfb}.rhead{padding:20px 24px;border-bottom:1px solid var(--line)}.rhead h1{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.rhead .meta{display:flex;gap:6px;margin-top:8px}.rbody{padding:20px 24px;flex:1 1;overflow-y:auto}.msg{display:flex;gap:12px;margin-bottom:16px}.msg .b{flex:1 1;min-width:0}.msg .fr{font-size:.88rem;font-weight:600}.msg .ad{font-size:.76rem;color:var(--ink3)}.msg .tx{font-size:.9rem;line-height:1.65;margin-top:8px;white-space:pre-wrap}.suggest{margin-top:14px;padding:12px 14px;background:var(--blue-soft);border-radius:11px}.suggest .h{font-size:.7rem;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.04em}.suggest p{font-size:.84rem;color:var(--blue2);margin-top:3px;line-height:1.5}.rfoot{border-top:1px solid var(--line);padding:12px 16px;display:flex;gap:8px;background:#fff}.rfoot .b{border-radius:9px;padding:9px 16px;font-size:.82rem;font-weight:600;border:1px solid var(--line2);background:#fff;color:var(--ink)}.rfoot .b.solid{background:var(--blue);color:#fff;border:none}.empty{flex:1 1;display:grid;place-items:center;color:var(--ink3);font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:rgba(20,20,30,.4);display:grid;place-items:center;z-index:50}.modal{width:640px;max-width:92vw;background:#fff;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.4);overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head b{font-size:1rem}.modal-x{border:none;background:none;font-size:1.1rem;color:var(--ink3);cursor:pointer}.modal-body{padding:20px}.crow{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.clabel{font-size:.78rem;color:var(--ink3);width:56px}.cinput{flex:1 1;width:100%;padding:9px 0;font-size:.9rem;border:none;outline:none;font-family:var(--f);background:none}.cinput::placeholder{color:var(--ink3)}textarea.cinput{padding:12px}.searchbar,textarea.cinput{border:1px solid var(--line2);border-radius:10px}.searchbar{flex:1 1;max-width:420px;margin:0 24px;padding:9px 14px;font-size:.88rem;font-family:var(--f);outline:none;background:#fafbfc}.searchbar:focus{border-color:var(--blue);background:#fff}.tabs{display:flex;align-items:center;gap:6px;padding:10px 16px 4px;flex-wrap:wrap}.tab{border:none;background:none;font-size:.82rem;font-weight:600;color:var(--ink3);padding:6px 12px;border-radius:8px;cursor:pointer}.tab.on{background:var(--blue);color:#fff}.tab:not(.on):hover{background:#f1f3f5}.tabdrop{margin-left:auto;border:1px solid var(--line2);border-radius:8px;padding:6px 10px;font-size:.8rem;font-family:var(--f);color:var(--ink2);background:#fff}.star{font-size:1.1rem;color:#f59f00;align-self:center;padding:4px}.domainsw{border:1px solid var(--line2);border-radius:9px;padding:7px 12px;font-size:.82rem;font-weight:600;font-family:var(--f);background:#fff;color:var(--ink);cursor:pointer}.domainsw:hover{border-color:var(--blue)}