:root{--bg:#f6f3ee;--paper:#fffdfa;--ink:#393630;--muted:#746c62;--line:#e5ded4;--accent:#78634f;--nav:#ede7de;--pale:#eee5d9;--sidebar:25%;font:15px/1.45 system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:11px 15px;cursor:pointer;min-height:44px}button:active{background:var(--pale)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:white}button.danger{color:#a52f30}button.icon{padding:8px 12px}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:12px;min-height:46px;max-width:100%}input[type=checkbox]{min-height:22px;accent-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}:focus-visible{outline:2px solid #a48b71;outline-offset:2px}label{display:grid;gap:6px;color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.2}h2{font-size:18px}h3{font-size:15px}small,.muted{color:var(--muted)}.muted{font-size:13px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:grid;gap:14px}.gap{margin-top:14px}.section{margin-top:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;min-width:0}.click{cursor:pointer}.card.click:active{background:var(--pale)}.empty{padding:32px 16px;color:var(--muted);text-align:center}.caption{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;border-radius:9px;padding:5px 9px;font-size:12px;font-weight:600;white-space:normal}.blue{color:#216a91;background:#e0f2fc}.yellow{color:#795c08;background:#fff0ab}.green{color:#246b43;background:#ddf1e3}.red{color:#a52f30;background:#fbe0dd}.gray{color:#655f56;background:#eae6e0}.error{color:#a52f30}.success{color:#246b43}.pill{border-radius:99px;background:var(--pale);padding:3px 8px;font-size:12px}.hidden{display:none!important}
#boot{padding:36px}#app{height:100dvh;height:100vh;display:flex}#app[hidden]{display:none}aside{width:var(--sidebar);min-width:240px;background:var(--nav);display:flex;flex-direction:column;padding:24px 14px 14px;flex-shrink:0;height:100%}.brand{font-size:29px;font-weight:750;letter-spacing:-1px;padding:0 10px}.subbrand{padding:3px 10px 18px;font-size:10px;letter-spacing:.08em;color:var(--muted)}nav{overflow:auto;min-height:110px;flex:1}nav button{width:100%;border:0;background:transparent;text-align:left;margin:2px 0}nav button.selected,.tabs button.selected{background:#dfd3c3;font-weight:650}.tabs{display:flex;gap:6px}.tabs button{flex:1;border:0;background:transparent;padding:10px 6px}.feed-panel{display:flex;flex-direction:column;min-height:180px;height:48%;margin-top:12px}.feed-list{overflow:auto;min-height:0;flex:1;margin-top:8px}.feed-list .card{padding:12px;margin-bottom:8px;border:0;border-radius:14px}.feed-list p{font-size:13px;margin:5px 0;overflow-wrap:anywhere}.feed-list small{font-size:10px}.feed-status{font-size:11px;margin-top:8px;min-height:32px}.side-grip{width:6px;background:var(--line);cursor:col-resize;touch-action:none;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column}header{background:var(--paper);padding:14px 24px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.crumb{font-size:11px;font-weight:650;letter-spacing:.04em}.search{width:230px}#content{padding:24px;overflow:auto;flex:1;min-height:0}.page-head{margin-bottom:22px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{padding:12px 16px;height:var(--kpi-height,100px);display:flex;flex-direction:column;justify-content:center}.kpi strong{font-size:32px;line-height:1.2;margin:3px 0}.directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.directions .card{padding:15px}.bar{height:4px;background:var(--line);border-radius:5px;overflow:hidden;margin-top:12px}.bar i{display:block;background:var(--accent);height:100%}.table-box{max-width:100%;overflow:auto;max-height:var(--table-height,360px);border-radius:12px;margin-top:14px;overscroll-behavior:contain}table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:13px}th{position:sticky;top:0;z-index:1;text-align:left;color:var(--muted);background:var(--pale);font-size:11px;padding:14px 12px}td{padding:12px;overflow-wrap:anywhere;border-bottom:1px solid var(--line);height:var(--row-height,60px)}tbody tr{cursor:pointer;background:var(--paper)}tbody tr:nth-child(even){background:#f9f6f1}tbody tr:active{background:var(--pale)}.col-grip{position:absolute;right:0;top:0;bottom:0;width:14px;touch-action:none;cursor:col-resize;border-right:2px solid #dfd3c3}.size-grip{height:14px;cursor:row-resize;touch-action:none;display:flex;align-items:center;justify-content:center}.size-grip:after{content:'';width:44px;height:4px;border-radius:4px;background:var(--line)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.filters select{flex:1;min-width:130px;font-size:13px}.mail-row{display:flex;gap:12px;padding:16px;border-radius:13px;align-items:center;background:var(--paper);margin-top:8px;border:1px solid var(--line);cursor:pointer}.mail-row.unread{background:var(--pale)}.mail-row strong{font-size:14px}.mail-row p{font-size:13px;color:var(--muted);margin-top:4px}.mail-layout{display:grid;grid-template-columns:minmax(220px,40%) 1fr;gap:18px}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-top:20px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.actions button{font-size:13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:flex;align-items:center;gap:10px;margin-top:12px}.check input{flex-shrink:0}.full{grid-column:1/-1}.connection{margin-top:12px;font-size:13px;overflow-wrap:anywhere}.bottom-nav{display:none}#shade{display:none}.menu-toggle{display:none}dialog{border:0;border-radius:20px;padding:0;background:var(--bg);color:var(--ink);max-width:680px;width:calc(100% - 24px);max-height:92vh;box-shadow:0 20px 90px #34291d40}dialog::backdrop{background:#30261c60}dialog .dialog-inner{padding:22px}dialog .dialog-body{max-height:70vh;overflow:auto;padding:4px 0}dialog .dialog-footer{padding-top:16px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:16px}dialog textarea{min-height:130px;resize:vertical}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:12px 18px;max-width:90%;z-index:99;display:none}#toast.show{display:block}.progress{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:899px){aside{position:fixed;left:0;top:0;width:min(86vw,340px);z-index:20;transform:translateX(-105%);transition:transform .18s}body.drawer aside{transform:none}body.drawer #shade{display:block;position:fixed;inset:0;background:#30261c60;z-index:19}.side-grip{display:none}header{padding:10px 14px;flex-wrap:wrap;gap:8px}.menu-toggle{display:block}.crumb{flex:1}.search{width:100%;order:3;min-height:42px;padding:10px 12px}.main{width:100%}#content{padding:18px 14px 28px}.page-head{margin-bottom:17px}.page-head h1{font-size:25px}.page-head .primary{font-size:13px;padding:10px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{padding:12px;height:var(--kpi-height,100px)}.kpi strong{font-size:29px}.directions{grid-template-columns:1fr}.directions .card{padding:13px 15px;display:flex;align-items:center;gap:14px;justify-content:space-between}.directions .bar{width:60px;margin-top:0}.card{padding:16px;border-radius:16px}.table-box{margin-top:12px}.bottom-nav{display:flex;border-top:1px solid var(--line);background:var(--paper);padding:5px 4px max(5px,env(safe-area-inset-bottom));gap:3px}.bottom-nav button{border:0;background:none;flex:1;padding:7px 2px;font-size:11px;border-radius:12px;min-height:51px}.bottom-nav button b{display:block;font-size:19px;line-height:24px}.bottom-nav button.selected{background:var(--pale);color:var(--accent)}.mail-layout{display:block}.mail-layout .detail{margin-top:16px}.settings-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{gap:6px}.filters select{min-width:calc(50% - 6px);font-size:12px;padding:10px}.row.wrap{gap:8px}dialog{max-height:96vh}dialog .dialog-inner{padding:18px}dialog .dialog-body{max-height:68vh}.feed-panel{height:48%}.page-messages .feed-list{max-height:none;overflow:visible}.page-messages .card{border:1px solid var(--line)}.mail-row{padding:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-value{align-self:flex-start;padding:0 10px;border-radius:10px}@media(max-width:899px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi[data-key="reply"] .kpi-value{color:#a52f30;background:#fbe0dd;border:1px solid #000;padding:2px 10px}
.kpi[data-key="all"] .kpi-value{background:transparent;border:1px solid #000;padding:2px 10px}
.tabs button[data-provider]{border:1px solid #000;border-radius:12px;background:#d6cbbd;color:var(--ink)}
.tabs button[data-provider].selected{background:#fffdfa;font-weight:650}
.reply-bubble{margin:14px 0 0 24px;padding:12px 16px;border-radius:16px 16px 4px 16px;background:#e0f2e3;color:#243a46;white-space:pre-wrap;overflow-wrap:anywhere}
.reply-bubble strong,.reply-bubble small{font-size:11px;color:#4d7457}.reply-bubble p{margin:6px 0}
#task-form input[name="title"]{color:#000;font-weight:700}
.counterparty-link{padding:3px 0;min-height:0;border:0;background:transparent;text-align:left;color:#176c97;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;max-width:100%}
.log-entry{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:13px}
#boot:not([hidden]){min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#fffdfa,#e9e1d6)}
.auth-card{width:min(100%,440px);background:var(--paper);padding:32px;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 60px #51433212;display:grid;gap:18px}
.auth-card .brand{padding:0}.auth-card h1{font-size:25px}.auth-card p{line-height:1.5}.auth-link{color:var(--accent);font-weight:600}
.table-box table{min-width:0}
body.tasks-expanded aside,body.tasks-expanded .side-grip,body.tasks-expanded .bottom-nav,body.tasks-expanded .menu-toggle{display:none}
body.tasks-expanded #content{display:flex;flex-direction:column;gap:10px}
body.tasks-expanded .tasks-back{flex-shrink:0}
body.tasks-expanded .page-head,body.tasks-expanded .filters{margin:0;flex-shrink:0}
body.tasks-expanded #content>.section{flex:1;min-height:180px;display:flex;flex-direction:column;margin-top:0}
body.tasks-expanded .table-box{flex:1;min-height:0;max-height:none;margin-top:0}
body.tasks-expanded .size-grip[data-resize="tableHeight"]{display:none}
.feed-panel:has([data-provider="MAX"].selected),.page-messages:has([data-provider="MAX"].selected){background-color:#e7e2f5;background-image:url('max-wallpaper.svg'),linear-gradient(145deg,#dce8ff,#ece0f5);border-radius:18px;padding:10px;border:1px solid #bcb0db}
.tabs button[data-provider="MAX"].selected{background:#faf7ff;color:#6543b5}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-status{color:#655480}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-list{padding:4px 3px 10px}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-list .card{background:#ffffffed;border:1px solid #ffffffb3;border-radius:16px 16px 16px 5px;box-shadow:0 2px 6px #54358816;margin:0 10px 10px 0;padding:12px 14px}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-list h3{color:#6543b5;font-size:13px}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-list p{color:#352b49;line-height:1.5}
:is(.feed-panel,.page-messages):has([data-provider="MAX"].selected) .feed-list small{display:block;text-align:right;color:#89769e;font-size:10px}
.feed-panel:has([data-provider="Telegram"].selected),.page-messages:has([data-provider="Telegram"].selected){background-color:#dcecf3;background-image:url('telegram-wallpaper.svg'),linear-gradient(145deg,#e2f1f8,#cce3e5);border-radius:18px;padding:10px;border:1px solid #a7c6d5}
.tabs button[data-provider="Telegram"].selected{background:#f5fcff;color:#1676a7}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-status{color:#3d6a7f}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-list{padding:4px 3px 10px}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-list .card{background:#ffffffed;border:1px solid #ffffffb3;border-radius:15px 15px 15px 4px;box-shadow:0 2px 5px #285b7514;margin:0 10px 10px 0;padding:12px 14px}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-list h3{color:#1676a7;font-size:13px}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-list p{color:#243a46;line-height:1.5}
:is(.feed-panel,.page-messages):has([data-provider="Telegram"].selected) .feed-list small{display:block;text-align:right;color:#6a899a;font-size:10px}
@media(min-width:900px){
  aside > nav{flex:0 1 auto;min-height:72px}
  aside > nav button{min-height:34px;padding:5px 15px;margin:1px 0}
  aside > .feed-panel{flex:1 1 0;min-height:120px;margin-top:8px}
}
:root #nav{overflow:visible;position:relative;z-index:25}
.task-nav{position:relative}
.task-nav-row{display:flex;align-items:stretch}
.task-nav-row>button:first-child{flex:1;min-width:0;border-radius:12px 0 0 12px}
#nav .task-nav-toggle{width:38px;flex:0 0 38px;text-align:center;padding:5px;border-radius:0 12px 12px 0;font-size:21px}
.task-submenu{position:absolute;left:100%;top:0;width:210px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #34291d26;z-index:30}
.task-submenu[hidden]{display:none}
#nav .task-submenu button:hover,#nav .task-submenu button:focus-visible{background:var(--pale)}
@media(max-width:899px){.task-submenu{position:static;width:100%;box-shadow:none;margin:3px 0 8px;padding:5px 8px 5px 20px}#nav .task-nav-toggle{min-height:44px}}

@media(min-width:900px){.task-nav{width:155px;max-width:100%}.task-submenu{left:100%;top:0}}