:root{--blue: #1c74c9;--blue-soft: #e9f2fc;--blue-dark: #155ea6;--teal: #0fb5a0;--teal-soft: #e3f5f1;--teal-dark: #0b8f7e;--line: #e4ebf4;--input: #d5dfec;--bg: #f3f7fc;--muted-bg: #f1f5fa;--text: #1b2945;--muted: #5c6a85;--danger: #e24b4a;--radius: 6px;--bar: 56px;--foot: 40px;--num: "Plus Jakarta Sans", "Zen Kaku Gothic New", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500;letter-spacing:-.005em;line-height:1.3;margin:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cfd8e3;border-radius:999px;border:2px solid var(--bg)}.shell{display:flex;height:100vh}.sidenav{width:224px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .15s}.brand{display:flex;align-items:center;gap:10px;height:var(--bar);padding:0 12px;border-bottom:1px solid var(--line);flex-shrink:0}.brand h1{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;line-height:1.2}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted)}.burger{background:none;color:var(--muted);padding:0;width:32px;height:32px;border-radius:var(--radius);font-size:15px;flex-shrink:0}.burger:hover{background:var(--blue-soft)}.menu{flex:1;overflow-y:auto;padding:8px}.menu-group{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--teal-dark);padding:12px 6px 6px;margin-top:10px;border-top:1px solid var(--line);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.menu-group:before{content:"";width:3px;height:12px;border-radius:2px;background:var(--teal)}.menu>div:first-child .menu-group{border-top:0;margin-top:0;padding-top:6px}.menu-item{display:flex;align-items:center;height:36px;padding:0 12px 0 22px;margin-bottom:2px;color:var(--muted);text-decoration:none;font-size:13.5px;white-space:nowrap;border-radius:8px;transition:background .12s}.menu-item:hover{background:var(--blue-soft);color:var(--blue-dark)}.menu-item.active{background:var(--blue);color:#fff;font-weight:500}.menu-foot{height:var(--foot);padding:0 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;overflow:hidden}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.ok{background:var(--teal)}.dot.warn{background:#f1a93b}.shell.collapsed .sidenav{width:57px}.shell.collapsed .brand h1,.shell.collapsed .menu,.shell.collapsed .menu-foot span{display:none}.shell.collapsed .menu-foot{justify-content:center;padding:0}.content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.topbar{height:var(--bar);flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 24px;background:#fff;border-bottom:1px solid var(--line)}.topbar .crumb{color:var(--muted);font-size:13px}.topbar h2{font-size:16px;font-weight:700}.topbar .sep{color:#c3cedc}.body{flex:1;min-height:0;display:flex;flex-direction:column}.footbar{height:var(--foot);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.spacer{flex:1}button{background:var(--blue);color:#fff;border:0;border-radius:var(--radius);padding:8px 16px;font:inherit;font-weight:500;cursor:pointer;transition:background .12s}button:hover:not(:disabled){background:var(--blue-dark)}button:disabled{opacity:.4;cursor:default}button.link{background:none;color:var(--blue);padding:4px 6px;font-weight:400}button.link:hover:not(:disabled){background:var(--blue-soft)}button.ghost,.ghost-btn{background:#fff;color:var(--text);border:1px solid var(--input);padding:7px 12px;font-weight:400}button.ghost:hover:not(:disabled),.ghost-btn:hover:not(:disabled){background:var(--muted-bg)}a.button{background:var(--blue);color:#fff;padding:10px 24px;border-radius:var(--radius);text-decoration:none;font-weight:500}a.button.small{padding:7px 14px;font-size:13px;display:inline-block}input,select,textarea{font:inherit;color:var(--text)}textarea{flex:1;resize:none;border:1px solid var(--input);border-radius:var(--radius);padding:9px 11px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px}code{background:var(--muted-bg);padding:6px 10px;border-radius:var(--radius);font-size:12px;word-break:break-all}.hint{color:var(--muted);font-size:12px;font-weight:400}.flag{color:#b54708}.badge,.state{font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:999px;white-space:nowrap;display:inline-block}.badge.ok,.state.sent{background:var(--teal-soft);color:var(--teal-dark)}.badge.warn,.state.sending{background:#fdf1dc;color:#8a5a00}.state.scheduled{background:#eef2f7;color:var(--muted)}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.placeholder{margin:auto;color:var(--muted)}.login{height:100vh;display:grid;place-content:center;gap:20px;text-align:center}.login h1{font-size:22px;font-weight:700}.page{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;max-width:1040px;width:100%;margin:0 auto}.page.wide{max-width:none}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #1b294508;padding:20px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.card h2{font-size:16px;font-weight:700}.card h3{font-size:13.5px;font-weight:700;margin-top:8px}.card>.row{width:100%}.card label{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;font-weight:500}.card label>textarea,.card label>input:not([type]){flex-basis:100%;font-weight:400}.card input,.card select{border:1px solid var(--input);border-radius:var(--radius);padding:7px 9px;background:#fff;font-weight:400}.card input[type=number]{width:64px;font-family:var(--num)}.card input.wide,.item textarea,.step textarea{width:100%}.check{font-weight:400!important}.actions{display:flex;gap:12px;align-items:center}.step{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.step-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.item{border-top:1px dashed var(--line);padding-top:8px;display:flex;flex-direction:column;gap:6px}.grow{flex:1;min-width:160px}.panel{display:flex;gap:12px;align-items:flex-start;background:var(--muted-bg);padding:10px;border-radius:var(--radius)}.panel img{width:140px;border-radius:4px}.panel-fields{flex:1;display:flex;flex-direction:column;gap:6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:.03em;white-space:nowrap}tbody tr:hover td{background:#fafcfe}td.clip{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.empty{text-align:center;color:var(--muted);padding:28px 10px}.scroll-x{overflow-x:auto;width:100%}.scroll-x td{white-space:pre-wrap;min-width:110px;font-size:13px}.folders{display:grid;grid-template-columns:230px 1fr;gap:16px;width:100%;align-items:start}.folders aside{display:flex;flex-direction:column;gap:8px}.folders aside ul{list-style:none;margin:0;padding:4px;background:var(--muted-bg);border-radius:var(--radius)}.folders aside li{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;font-size:13px;border-radius:4px}.folders aside li:hover{background:#e6edf6}.folders aside li.active{background:#fff;font-weight:700;color:var(--blue-dark);box-shadow:0 1px 2px #1b294514}.folder-name{flex:1;min-width:0;overflow-wrap:anywhere}.folder-count{color:var(--muted);font-size:12px;font-family:var(--num)}.folder-icon{font-size:13px}.folder-ops{display:flex;gap:6px;font-size:12px}.folder-main{min-width:0}.folder-main thead th{background:var(--muted-bg)}select.move{font-size:12px;border:1px solid var(--input);border-radius:4px;padding:2px 4px;background:#fff;max-width:120px;color:var(--muted)}.app{display:grid;grid-template-columns:300px 1fr auto;flex:1;min-height:0}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.chat header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:#fff;min-height:52px}.friends{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.friends li{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer}.friends li:hover{background:var(--muted-bg)}.friends li.active{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue)}.friends li.empty{color:var(--muted);cursor:default;justify-content:center}.meta{flex:1;min-width:0}.row time{font-size:11px;color:var(--muted);white-space:nowrap;font-family:var(--num)}.preview{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread{background:var(--teal);color:#fff;font-size:11px;font-family:var(--num);min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;flex-shrink:0;object-fit:cover}.chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.msg{display:flex;flex-direction:column;max-width:70%}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end;align-items:flex-end}.bubble{padding:9px 13px;border-radius:10px;white-space:pre-wrap;word-break:break-word;line-height:1.6}.msg.in .bubble{background:#fff;border:1px solid var(--line)}.msg.out .bubble{background:var(--blue);color:#fff}.msg small{color:var(--muted);font-size:11px;margin-top:3px;font-family:var(--num)}.bubble-image{max-width:220px;max-height:320px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line)}.cards{display:flex;gap:8px}.cardmsg{width:220px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.cardmsg img{width:100%}.cardmsg strong,.cardmsg span{padding:6px 10px 0}.cardmsg span{color:var(--muted);font-size:12px;padding-bottom:8px}.cardmsg a{border-top:1px solid var(--line);padding:8px;text-align:center;color:var(--blue);text-decoration:none}.composer{background:#fff;border-top:1px solid var(--line);padding:10px 16px 12px;display:flex;flex-direction:column;gap:8px}.composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer-tools select{border:1px solid var(--input);border-radius:var(--radius);padding:6px 8px;background:#fff;font-size:13px;max-width:190px}.composer-main{display:flex;gap:10px;align-items:flex-end}.composer-main textarea{min-height:76px;max-height:240px}.tool{background:#fff;color:var(--muted);border:1px solid var(--input);padding:6px 10px;font-size:13px;font-weight:400}.tool:hover:not(:disabled){background:var(--muted-bg);color:var(--text)}.sender-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.attachments{display:flex;gap:8px;flex-wrap:wrap}.attachment{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.attachment img{display:block;height:64px}.attachment button{position:absolute;top:2px;right:2px;width:20px;height:20px;padding:0;border-radius:50%;background:#1b2945b3;font-size:12px;line-height:1}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b294573;display:grid;place-items:center;z-index:50}.modal{background:#fff;border-radius:10px;width:min(760px,92vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #1b294540}.modal header,.modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}.modal footer{border-bottom:0;border-top:1px solid var(--line)}.modal header strong{font-size:15px}.modal textarea{margin:16px 18px;min-height:46vh;font-size:15px;line-height:1.7}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-left:8px}.tag{background:var(--teal-soft);color:var(--teal-dark);font-size:12px;padding:2px 4px 2px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:2px}.tag button{background:none;color:inherit;padding:0 5px;font-size:13px}.tag button:hover{background:none!important}.tags select,.tags input{font-size:12px;border:1px solid var(--input);border-radius:4px;padding:3px 6px;background:#fff}.tags input{width:96px}.info{width:264px;background:#fff;border-left:1px solid var(--line);padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.info h3{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.04em;margin-top:4px}.info label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.info input,.info textarea,.info select{font-size:13px;border:1px solid var(--input);border-radius:4px;padding:5px 7px;resize:vertical;background:#fff}.info button:not(.link){padding:6px;font-size:13px}.week{width:100%;display:flex;flex-direction:column;gap:10px}.week-bar{display:flex;align-items:center;gap:8px}.week-bar strong{font-size:17px;margin-left:6px;font-family:var(--num)}.legend{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-left:8px}.lg{width:12px;height:12px;border-radius:3px;display:inline-block}.lg.booking{background:var(--blue)}.lg.busy{background:#e4e8ec;border:1px solid #c5ccd3}.lg.slot{background:#d9f5f0;border:1px solid #8fdccf}.week-grid{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.week-head,.week-body,.week-allday{display:grid;grid-template-columns:52px repeat(7,1fr)}.week-head{border-bottom:1px solid var(--line);background:#fff}.week-day{text-align:center;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;gap:2px;border-left:1px solid var(--line);color:var(--muted);font-size:12px}.week-day b{font-size:20px;font-weight:500;font-family:var(--num);color:var(--text);width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.week-day.today span{color:var(--blue)}.week-day.today b{background:var(--blue);color:#fff}.week-gutter div{font-size:11px;font-family:var(--num);color:var(--muted);text-align:right;padding-right:6px;transform:translateY(-7px)}.week-col{position:relative;border-left:1px solid var(--line);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px)}.blk{position:absolute;left:2px;right:2px;border-radius:4px;overflow:hidden}.blk.slot{background:#d9f5f0;left:0;right:0;border-radius:0;z-index:0}.blk.busy{background:#e4e8ec;border:1px solid #c5ccd3;color:#3e4c59;right:auto;padding:2px 5px;font-size:11px;line-height:1.35;display:flex;flex-direction:column;z-index:1}.blk.busy.free{background:#fff;border-style:dashed;color:var(--muted)}.blk.busy b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blk.busy span{color:var(--muted);white-space:nowrap}.blk.booking{background:var(--blue);color:#fff;text-align:left;padding:3px 6px;font-size:12px;line-height:1.35;display:flex;flex-direction:column;border:1px solid #fff;z-index:2}.blk.booking span{font-size:11px;opacity:.9}.now{position:absolute;left:0;right:0;height:2px;background:var(--danger);z-index:3}.now:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--danger)}.week-allday{border-bottom:1px solid var(--line);min-height:26px}.week-allday .week-gutter div{transform:none;padding-top:5px}.week-allday-cell{border-left:1px solid var(--line);padding:2px;display:flex;flex-direction:column;gap:2px;min-width:0}.chip{background:#e4e8ec;border:1px solid #c5ccd3;border-radius:3px;font-size:11px;padding:1px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.free{background:#fff;border-style:dashed;color:var(--muted)}.summary{display:flex;flex-wrap:wrap;gap:14px 36px;width:100%}.summary>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.summary-label{flex-basis:100%;font-size:12px;font-weight:700;color:var(--muted)}.summary strong{font-size:15px}.chip-btn{background:#f1a93b;color:#fff;font-size:12px;padding:3px 9px;border-radius:4px}.chip-btn:hover:not(:disabled){background:#dd9526}.name-link{background:none;color:var(--blue);padding:0;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-align:left}.name-link:hover:not(:disabled){background:none;color:var(--blue-dark)}.dot.off{background:#c3cedc}td .dot{display:inline-block;margin-right:4px}table.contents thead th{background:var(--muted-bg)}table.contents td{vertical-align:middle}table.contents td.type{color:var(--teal-dark);font-weight:700;white-space:nowrap;font-size:13px}table.contents td.type .act{color:#c98212}table.contents td.ops{width:190px}.op{background:#fff;color:var(--text);border:1px solid var(--input);font-size:12px;font-weight:500;padding:4px 10px;margin:2px;border-radius:4px}.op:hover:not(:disabled){background:var(--muted-bg)}.op.edit{background:#f1a93b;border-color:#f1a93b;color:#fff}.op.edit:hover:not(:disabled){background:#dd9526}.op.copy{background:var(--blue);border-color:var(--blue);color:#fff}.op.copy:hover:not(:disabled){background:var(--blue-dark)}.op.danger{background:var(--danger);border-color:var(--danger);color:#fff}.op.danger:hover:not(:disabled){background:#c93a39}.add-bar{width:100%;display:flex;justify-content:center;gap:14px;background:var(--muted-bg);padding:14px;border-radius:var(--radius)}.add{background:var(--teal);padding:9px 22px}.add:hover:not(:disabled){background:var(--teal-dark)}.add.template{background:#5bb7e0}.add.template:hover:not(:disabled){background:#3f9fcb}.modal.wide-modal{width:min(900px,94vw)}.modal-body{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal-body input,.modal-body select{border:1px solid var(--input);border-radius:var(--radius);padding:7px 9px;background:#fff}.modal-body input[type=number]{width:64px}.modal-body textarea{margin:0;min-height:0;font-size:14px;width:100%}.modal-body.preview{background:var(--bg)}.modal footer select{border:1px solid var(--input);border-radius:var(--radius);padding:7px 9px;background:#fff}details{width:100%;display:flex;flex-direction:column;gap:8px}details>summary{cursor:pointer;padding:2px 0}details[open]>summary{margin-bottom:8px}details label{margin-bottom:6px}.count-link{background:none;color:var(--blue);padding:0;text-decoration:underline;text-underline-offset:3px;font-weight:400;font-family:var(--num)}.count-link:hover:not(:disabled){background:none;color:var(--blue-dark)}.op.move{padding:2px 7px}.bulk-time{align-self:center;font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px 12px}.sort{border:1px solid var(--input);border-radius:var(--radius);padding:6px 8px;background:#fff;font-size:13px}.chip-btn.blue{background:var(--blue)}.chip-btn.blue:hover:not(:disabled){background:var(--blue-dark)}.app{grid-template-columns:300px 1fr 300px}.list-tools{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.list-tools .search{border:1px solid var(--input);border-radius:var(--radius);padding:8px 10px;width:100%}.list-tools .row{justify-content:flex-start;gap:4px}.num{font-family:var(--num);font-size:15px}.friends li{align-items:flex-start;padding:10px 12px}.friends .meta{display:flex;flex-direction:column;gap:2px}.avatar-wrap{position:relative;flex-shrink:0}.avatar-wrap .unread{position:absolute;top:-4px;left:-4px;background:var(--danger);border:2px solid #fff;height:20px;min-width:20px}.friends .avatar{width:42px;height:42px}.mark{align-self:flex-start;font-size:11px;font-weight:500;padding:0 7px;border-radius:3px;background:#eef2f7;color:var(--muted)}.mark.todo{background:#3fa9d6;color:#fff}.chat{background:#dfe6ee}.messages{gap:14px}.day{align-self:center;font-size:12px;color:var(--muted);background:#f4f7fa;border-radius:4px;padding:2px 14px;font-family:var(--num)}.msg{flex-direction:row;align-items:flex-end;gap:8px;max-width:78%}.msg.out{flex-direction:row-reverse}.msg .avatar{width:34px;height:34px;align-self:flex-start}.msg small{margin:0;display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.msg.in .bubble{border:0;box-shadow:0 1px 1px #1b294514}.msg.out .bubble{background:#d6efc8;color:var(--text);box-shadow:0 1px 1px #1b294514}.composer{margin:0 12px 12px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;gap:6px}.composer-input{display:flex;align-items:flex-start;gap:6px}.composer-input textarea{border:0;padding:6px 4px;min-height:64px;max-height:220px;resize:vertical}.composer-input textarea:focus{outline:none}.composer-tools{gap:6px}.composer-tools select{border:1px solid var(--input);border-radius:var(--radius);padding:5px 6px;background:#fff;font-size:12.5px;max-width:170px;color:var(--muted)}.icon-btn{background:none;color:var(--muted);width:32px;height:32px;padding:0;font-size:18px;border-radius:var(--radius)}.icon-btn:hover:not(:disabled){background:var(--muted-bg);color:var(--text)}.send{width:44px;height:36px;padding:0;font-size:16px}.info{width:auto;padding:0;gap:0;background:var(--muted-bg)}.info>*{background:#fff}.profile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 14px 10px}.avatar.big{width:76px;height:76px;font-size:26px}.profile strong{font-size:15px}.mark-select{margin:0;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:10px 14px!important;font-weight:500}.mark-select.todo{color:#1a7fae}.info section{margin-top:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.info section h3{font-size:13.5px;color:var(--text);margin:0;letter-spacing:0}.info .tags{margin-left:0}.edit-btn{background:#fff;color:var(--text);border:1px solid var(--input);font-size:12px;font-weight:400;padding:3px 10px}.edit-btn:hover:not(:disabled){background:var(--muted-bg)}.group{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;width:100%;gap:0;display:block}.group-head{background:var(--muted-bg);padding:6px 10px;font-size:12.5px;color:var(--muted);font-weight:500}details.group>summary.group-head{margin:0;list-style:none;cursor:pointer}details.group>summary.group-head:after{content:"︿";float:right;font-size:10px}details.group:not([open])>summary.group-head:after{content:"﹀"}.group-body{padding:8px 10px;font-size:13px;line-height:1.7}.group-body.checks{display:flex;flex-wrap:wrap;gap:4px 16px}.group-body.checks label{display:inline-flex;align-items:center;gap:5px;font-weight:400;width:auto;margin:0}.group-body.fields{display:flex;flex-direction:column;gap:6px;padding:8px 10px}.info .group-body.fields label{flex-direction:row;align-items:center;gap:8px;margin:0}.info .group-body.fields label>span{width:98px;flex-shrink:0;color:var(--text);white-space:nowrap;overflow:hidden}.info .group-body.fields label>input,.info .group-body.fields label>textarea{flex:1;min-width:0}td.num{font-family:var(--num);white-space:nowrap}.menu-item{justify-content:space-between}.menu-badge{background:var(--danger);color:#fff;font-family:var(--num);font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center}.confirm-all{margin:8px 0 0;align-self:stretch;white-space:nowrap;padding:8px 6px;font-size:12.5px;background:#fff;color:var(--text);border:1px solid var(--input);font-weight:500;font-size:13px}.confirm-all:hover:not(:disabled){background:var(--muted-bg)}.info>.confirm-all{background:#fff}.info .profile{padding-bottom:12px}.unconfirmed{background:none;color:var(--blue);font-size:11.5px;font-weight:700;padding:0;font-family:inherit}.unconfirmed:hover:not(:disabled){background:none;text-decoration:underline}.kv{margin:0}.kv>div{display:grid;grid-template-columns:42% 1fr;gap:8px;padding:9px 10px;border-top:1px solid var(--line);align-items:center;font-size:13px;line-height:1.45}.kv>div:first-child{border-top:0}.kv dt{color:var(--text)}.kv dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;min-height:1.45em}h3.section{width:100%;font-size:15px;font-weight:700;padding:4px 0 8px 10px;margin-top:16px;border-left:4px solid var(--teal);border-bottom:1px solid var(--line)}.filters{margin-bottom:10px}.filters input{border:1px solid var(--input);border-radius:var(--radius);padding:6px 8px;background:#fff}.content-preview{white-space:pre-wrap;font-size:13px;max-width:300px;margin-bottom:4px}.link-btn{text-decoration:none;border-radius:var(--radius);font-size:14px;display:inline-block}.card .actions{width:100%;flex-wrap:wrap}.card .actions select{border:1px solid var(--input);border-radius:var(--radius);padding:7px 9px;background:#fff}.card label>select.wide,.card label>input.wide{flex-basis:100%}.ico{width:22px;height:22px;display:block}.icon-btn{display:grid;place-items:center}.round-btn{width:34px;height:34px;padding:0;border-radius:50%;background:var(--muted-bg);color:var(--text);font-size:18px;line-height:1;font-weight:400}.round-btn:hover,.round-btn.on{background:#dde3ea}.pop-wrap{position:relative;display:flex}.pop{position:absolute;bottom:calc(100% + 8px);left:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #1b29452e;padding:8px}.emoji-pop{width:296px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-pop button{background:none;padding:4px 0;font-size:20px;line-height:1.2;border-radius:4px}.emoji-pop button:hover{background:var(--muted-bg)}.sender-btn{background:none;padding:2px;border-radius:50%;border:2px solid transparent}.sender-btn:hover{border-color:var(--line);background:none}.sender-btn .sender-icon{width:28px;height:28px;display:block}.sender-icon.letter{display:grid;place-items:center;background:var(--muted-bg);color:var(--muted);font-size:12px;font-weight:700}.sender-pop{width:280px;display:flex;flex-direction:column;gap:2px}.pop-title{font-size:12px;color:var(--muted);padding:2px 6px 6px}.sender-line{display:flex;align-items:center;gap:4px}.sender-line .link{font-size:12px;white-space:nowrap}.sender-row{flex:1;display:flex;align-items:center;gap:8px;background:none;color:var(--text);font-weight:400;text-align:left;padding:6px;border-radius:6px;min-width:0}.sender-row:hover{background:var(--muted-bg)}.sender-row.on{background:#e6f4f1;font-weight:700}.sender-row .sender-icon{width:30px;height:30px;flex:none}.sender-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-row small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:400;white-space:nowrap}.add-sender{align-self:flex-start;padding:6px;font-size:13px}.sender-add{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);margin-top:4px;padding:8px 4px 2px}.sender-add input{border:1px solid var(--input);border-radius:var(--radius);padding:6px 8px}.file-pick{font-size:12.5px;color:var(--blue);cursor:pointer}.row-end{display:flex;justify-content:flex-end;gap:6px}.send-menu{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;background:var(--muted-bg);border-radius:6px;padding:6px}.send-menu button{background:none;color:var(--text);font-weight:400;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:6px}.send-menu button:hover{background:#fff}.send-menu .ico{width:30px;height:30px;color:var(--muted)}.tpl-search{border:1px solid var(--input);border-radius:var(--radius);padding:6px 9px;width:220px}.tpl-pick{display:grid;grid-template-columns:200px 1fr;min-height:320px;max-height:60vh}.tpl-pick ul{list-style:none;margin:0;padding:8px;overflow-y:auto}.tpl-folders{border-right:1px solid var(--line);background:var(--muted-bg)}.tpl-folders button{width:100%;background:none;color:var(--text);font-weight:400;text-align:left;padding:7px 8px;border-radius:6px;display:flex;justify-content:space-between;gap:6px}.tpl-folders button.on{background:#fff;font-weight:700}.tpl-folders small{color:var(--muted);font-weight:400}.tpl-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line)}.tpl-list li button{padding:5px 14px;font-size:13px}.tpanel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.tpanel>header{background:var(--muted-bg);border-bottom:1px solid var(--line);padding:10px 16px;font-weight:700;font-size:13.5px}.page.top{max-width:1240px;gap:20px;padding:28px 32px 40px}.tpanel{flex:none}.tpanel>header{padding:12px 20px}.top-row{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:20px;align-items:stretch;flex:none}.top-row .tpanel{display:flex;flex-direction:column}.counts{flex:1;display:grid;grid-template-rows:1fr 1fr}.counts>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 20px}.counts>div+div{border-top:1px solid var(--line)}.counts span{font-weight:700;font-size:13px;color:var(--muted)}.counts strong{font-family:var(--num);font-size:34px;color:var(--blue);line-height:1.1}.counts strong.plain{color:var(--text)}.counts strong small{font-size:14px;font-weight:500;margin-left:3px}.counts strong i{font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}.counts em{font-style:normal;font-size:12px;color:var(--muted)}@media(max-width:900px){.top-row{grid-template-columns:1fr}}.top table{width:100%;border-collapse:collapse}.top th{font-size:12px;color:var(--muted);font-weight:500;padding:10px 20px;border-bottom:1px solid var(--line);white-space:nowrap}.top td{padding:10px 20px;border-bottom:1px solid var(--line);vertical-align:top}.top tr:last-child td{border-bottom:0}.grid th,.grid td{text-align:right;font-family:var(--num)}.grid th:first-child,.grid td:first-child{text-align:left;font-weight:700}.grid tr.today td{background:#fdf7e3}.grid .up{color:var(--teal-dark);font-weight:700}.grid .down{color:#c0392b;font-weight:700}.inbox th{text-align:left}.inbox .num{font-family:var(--num);font-size:12.5px;color:var(--muted);white-space:nowrap}.inbox td:nth-child(3){white-space:nowrap}.inbox td:nth-child(3) .link{padding:0;text-decoration:underline}.inbox .body-text{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.inbox .ops{white-space:nowrap;text-align:right}.inbox .ops button{padding:4px 10px;font-size:12.5px;margin-left:6px}.inbox .ops .ok{color:var(--teal-dark);border-color:var(--teal)}.unread-tag{background:var(--blue);color:#fff;font-size:11px;font-weight:700;border-radius:3px;padding:2px 6px;white-space:nowrap}.inbox th:nth-child(1),.inbox td:nth-child(1){width:1%;padding-right:0}.inbox th:nth-child(2),.inbox th:nth-child(3),.inbox th:nth-child(5){width:1%}.inbox th:nth-child(5){text-align:right}.inbox tbody tr:hover td{background:#fafbfd}.bubble-sticker{width:120px;height:auto}.bubble-audio{width:240px;height:40px}video.bubble-image{max-width:280px;background:#000}.bubble.file{color:var(--blue);text-decoration:none;display:inline-block}.bubble.file small{color:var(--muted);margin-left:4px}.chat-tabs{display:flex;background:#fff;border-bottom:1px solid var(--line);flex:none}.chat-tabs button{background:none;color:var(--muted);font-weight:500;border-radius:0;padding:10px 28px;border-bottom:3px solid transparent}.chat-tabs button:hover{background:var(--muted-bg)}.chat-tabs button.on{color:var(--text);font-weight:700;border-bottom-color:var(--teal)}.msg small .star{background:none;padding:0;color:#b8c0cc;font-size:16px;line-height:1}.msg small .star:hover{background:none;color:#e0a800}.msg small .star.on{color:#e0a800}.filter-btn{padding:4px 10px;font-size:12.5px}.filter-btn.on{border-color:var(--blue);color:var(--blue);font-weight:700}.filter-group{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}.filter-folder{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:start}.filter-status{display:flex;align-items:center;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.pill{background:#fff;color:var(--text);border:1px solid var(--input);border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:400;display:inline-flex;align-items:center;gap:4px}button.pill:hover:not(:disabled){background:var(--muted-bg)}.pill.on,button.pill.on:hover{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-dark);font-weight:700}.pill .link{padding:0 2px}.count-link{font-family:var(--num);font-weight:700;text-decoration:underline;padding:0 2px;font-size:inherit}