:root{--bg:var(--tg-theme-secondary-bg-color,#f0f1f5);--card:var(--tg-theme-bg-color,#fff);--text:var(--tg-theme-text-color,#0f1115);--muted:var(--tg-theme-hint-color,#8b8f99);--accent:var(--tg-theme-button-color,#2f88ff);--accent-text:var(--tg-theme-button-text-color,#fff);--separator:#00000012;--green:#34c759;--amber:#ff9f0a;--red:#ff3b30;--radius:16px;--tab-height:60px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}#root{max-width:640px;padding:12px 12px calc(var(--tab-height) + 24px);margin:0 auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.profile{align-items:center;gap:12px;padding:4px 4px 12px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2f88ff,#7b5cff);border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:600;display:flex}.profile-name{font-size:16px;font-weight:600}.profile-sub{color:var(--muted);font-size:13px}.pill{color:var(--accent);background:#2f88ff1f;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:500}.card{background:var(--card);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{margin:0 0 4px;font-size:17px;font-weight:600}.card-sub{color:var(--muted);margin:0;font-size:14px}.banner{border-radius:var(--radius);color:#10230a;background:linear-gradient(135deg,#c8f560,#9ee84a);margin-bottom:12px;padding:16px}.banner .card-title,.banner .card-sub{color:#10230a}.tag{color:#fff;background:#0000002e;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:12px;display:inline-block}.button{background:var(--accent);width:100%;color:var(--accent-text);text-align:center;border-radius:12px;padding:14px;font-size:16px;font-weight:600;display:block}.button:disabled{opacity:.5}.button-secondary{color:var(--accent);background:#2f88ff1f}.button-danger{color:var(--red);background:#ff3b301f}.grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.tile{background:var(--card);border-radius:var(--radius);text-align:left;flex-direction:column;justify-content:space-between;min-height:104px;padding:16px;display:flex}.tile-icon{font-size:22px}.tile-label{font-weight:600}.stats{gap:12px;margin-bottom:12px;display:flex}.stat{background:var(--card);border-radius:var(--radius);flex:1;padding:14px 16px}.stat-value{font-size:24px;font-weight:700}.stat-label{color:var(--muted);font-size:13px}.list{background:var(--card);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.row{text-align:left;border-bottom:1px solid var(--separator);align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.row:last-child{border-bottom:none}.row-body{flex:1;min-width:0}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.row-sub{color:var(--muted);margin-top:2px;font-size:13px}.chevron{color:var(--muted);flex:none}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 4px 8px;font-size:13px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-open{color:var(--accent);background:#2f88ff24}.badge-progress{color:var(--amber);background:#ff9f0a29}.badge-done{color:var(--green);background:#34c75929}.badge-closed{color:var(--muted);background:#0000000f}.chips{scrollbar-width:none;gap:8px;padding:4px 0 12px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.filters{flex-wrap:wrap;align-items:center;gap:0 10px;display:flex}.filters .chips{background:var(--card);border-radius:999px;gap:2px;margin:10px 0 12px;padding:3px;overflow:visible}.filters .chip{color:var(--muted);background:0 0;padding:7px 12px;font-size:13px}.filters .chip-active{background:var(--accent);color:var(--accent-text);font-weight:600}.chip{background:var(--card);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:14px}.chip-active{color:var(--accent);font-weight:600}.chip-choice{border:1px solid var(--separator);color:var(--muted);background:0 0}.chip-choice.is-active{border-color:var(--accent);color:var(--accent);background:#2f88ff29;font-weight:600}.chip-choice:disabled{opacity:.5}.list-top{align-items:center;gap:8px;display:flex}.list-top .text-input{flex:auto;min-width:0}.button-new{white-space:nowrap;flex:none;width:auto;padding:12px 14px;font-size:14px}.text-input{background:var(--bg);border:1px solid var(--separator);width:100%;color:inherit;font:inherit;border-radius:12px;outline:none;padding:10px 12px}.text-area{background:var(--bg);border:1px solid var(--separator);width:100%;color:inherit;font:inherit;resize:none;border-radius:12px;outline:none;padding:10px 12px}.attach{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.rename{width:100%}.rename .chips{padding:8px 0 0}.thread{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:16px;max-width:85%;padding:12px 14px}.thread-day{background:var(--card);color:var(--muted);border-radius:10px;align-self:center;margin:4px 0;padding:2px 10px;font-size:12px}.bubble-mine{background:var(--accent);color:var(--accent-text);border-bottom-right-radius:6px;align-self:flex-end}.bubble-support{background:var(--card);border-bottom-left-radius:6px;align-self:flex-start}.bubble-meta{opacity:.65;margin-top:4px;font-size:11px}.composer{background:var(--card);border-radius:var(--radius);align-items:flex-end;gap:8px;margin-bottom:12px;padding:10px;display:flex}.composer textarea{resize:none;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;max-height:120px}.send{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:10px 14px;font-weight:600}.tabbar{height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--separator);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:11px;display:flex}.tab-active{color:var(--accent)}.tab-icon{font-size:20px;line-height:1}.center{text-align:center;color:var(--muted);padding:32px 16px}.center>*{margin-left:auto;margin-right:auto}.screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:80vh;display:flex}.header{align-items:center;gap:8px;padding:4px 4px 12px;display:flex}.back{color:var(--accent);font-size:16px;font-weight:500}.page-title{margin:4px 4px 12px;font-size:26px;font-weight:700}.error{color:var(--red);background:#ff3b301f;border-radius:12px;margin-bottom:12px;padding:12px 14px}.badge-waiting{color:#9a3fce;background:#af52de29}.unread-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px}.row-title-unread{font-weight:700}.field-label{color:var(--muted);text-align:left;margin-bottom:6px;font-size:13px;font-weight:600}.copy-row{background:var(--card);border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.copy-body{flex:1;min-width:0}.copy-value{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.copy-button{color:var(--accent);background:#2f88ff24;border-radius:10px;flex:none;padding:8px 14px;font-size:14px;font-weight:600}.copy-inline{color:var(--accent);text-align:left;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.copy-block{margin-bottom:12px}.copy-input{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.copy-hint{color:var(--muted);margin-top:6px;font-size:12px}.copy-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.copy-actions .chip{padding:8px 14px;font-size:14px}.copy-actions .chip,.chip-open,.chip-normal{color:var(--accent);background:#2f88ff24;font-weight:600}.copy-actions .chip:active{background:#2f88ff3d}body.wide-cabinet{overflow:hidden}body.wide-cabinet #root{max-width:none;height:100vh;padding:0}body.auth-screen #root{max-width:none;padding:0}.desk{flex-direction:column;height:100vh;display:flex}.desk-head{background:var(--card);border-bottom:1px solid var(--separator);flex:none;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex}.desk-brand{font-weight:600}.desk-tabs{gap:4px;display:flex}.desk-tab{color:var(--muted);border-radius:10px;padding:7px 14px;font-size:14px}.desk-tab:hover{background:var(--bg)}.desk-tab.is-active{background:var(--accent);color:var(--accent-text)}.desk-user{margin-left:auto;position:relative}.desk-user-button{color:var(--muted);border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.desk-user-button:hover{background:var(--bg)}.desk-user-caret{font-size:10px}.desk-menu{background:var(--card);text-align:left;z-index:20;border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000024}.desk-menu-email{color:var(--muted);word-break:break-all;padding:8px 10px;font-size:12px}.desk-menu-item{text-align:left;border-radius:8px;width:100%;padding:10px;font-size:14px;display:block}.desk-menu-item:hover{background:var(--bg)}.desk-body{flex:auto;grid-template-columns:minmax(260px,min(33%,520px)) minmax(0,1fr);min-height:0;display:grid}.desk-list,.desk-pane{min-height:0;padding:16px 20px;overflow-y:auto}.desk-list{border-right:1px solid var(--separator)}.desk-body-single{grid-template-columns:1fr;overflow-y:auto}.desk-column{width:100%;max-width:640px;margin:0 auto;padding:16px 16px 40px}.desk-wide{flex-direction:column;width:100%;min-height:100%;padding:16px 20px 40px;display:flex}.home-split{flex:auto;grid-template-columns:minmax(260px,min(33%,520px)) minmax(0,1fr);align-items:stretch;gap:28px;display:grid}.home-side{border-left:1px solid var(--separator);min-width:0;padding-left:28px}.home-split .profile,.home-split .section-title{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.home-side .section-title{margin-top:0}.row-selected{outline:2px solid var(--accent);outline-offset:-2px}body.wide-cabinet .desk-list .chevron{display:none}