:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17252c;background:#eef2f2;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}button,input{font:inherit}button{color:inherit}.login-shell{display:grid;place-content:center;min-height:100vh;padding:24px;color:#607379;background:radial-gradient(circle at 20% 15%,rgba(32,168,175,.2),transparent 30%),linear-gradient(150deg,#0d2831,#122f38 48%,#eef5f4 48%)}.login-card{width:min(430px,calc(100vw - 32px));padding:34px;color:#263a40;background:#fffffffa;border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 24px 70px #051c2240}.login-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;color:#fff;background:#0c8997;border-radius:16px;box-shadow:0 10px 26px #0c899747}.login-card small{color:#0c8997;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.login-card h1{margin:5px 0 8px;color:#142a31;font-size:27px}.login-card p{margin:0 0 24px;color:#6a7c82;font-size:13px;line-height:1.55}.login-card form,.login-card label{display:grid;gap:8px}.login-card form{gap:16px}.login-card label span{color:#52666c;font-size:12px;font-weight:700}.login-card input{width:100%;height:44px;padding:0 13px;color:#1d333a;background:#f4f7f6;border:1px solid #dce6e4;border-radius:10px;outline:0}.login-card input:focus{background:#fff;border-color:#4eabb1;box-shadow:0 0 0 3px #0c89971c}.login-card input[readonly]{color:#6f8085}.login-card form>button{display:flex;gap:8px;align-items:center;justify-content:center;height:45px;color:#fff;font-weight:750;background:#0b818d;border:0;border-radius:10px;cursor:pointer}.login-card form>button:disabled{opacity:.7;cursor:wait}.login-error{padding:10px 12px;color:#8a2f2f;font-size:12px;background:#fff0ee;border:1px solid #f2bbb4;border-radius:9px}.app-shell{--folder-width: 250px;--thread-width: 410px;display:grid;grid-template-columns:var(--folder-width) 7px var(--thread-width) 7px minmax(560px,1fr);width:100%;height:100vh;overflow:hidden;background:#f7f9f8}.column-resizer{position:relative;z-index:12;width:7px;cursor:col-resize;background:#edf3f2;outline:0;touch-action:none}.column-resizer:after{position:absolute;top:0;bottom:0;left:2px;width:3px;content:"";background:transparent;border-radius:3px;transition:background .12s ease}.column-resizer:hover:after,.column-resizer:focus-visible:after,.resizing-columns .column-resizer:after{background:#4baeb1}.resizing-columns{cursor:col-resize;-webkit-user-select:none;user-select:none}.resizing-columns iframe{pointer-events:none}.folder-panel{position:relative;display:flex;flex-direction:column;min-width:0;color:#eaf5f3;background:radial-gradient(circle at 12% 0%,rgba(31,157,166,.34),transparent 28%),linear-gradient(165deg,#123039,#0d252d 58%,#091b21)}.mobile-menu-button,.mobile-back-button,.mobile-drawer-close,.mobile-drawer-backdrop{display:none}.brand{display:flex;gap:12px;align-items:center;height:78px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#0c8997;border-radius:13px;box-shadow:0 8px 24px #04859559}.brand strong,.brand small,.account-card strong,.account-card small,.index-status strong,.index-status small{display:block}.brand strong{font-size:18px}.brand small,.account-card small,.index-status small{margin-top:2px;color:#9fc1c3;font-size:12px}.account-card{display:flex;gap:11px;align-items:center;margin:16px;padding:12px;background:#fff1;border:1px solid rgba(255,255,255,.075);border-radius:14px}.account-card>span:last-child{min-width:0}.account-card>span:nth-child(2){min-width:0}.logout-button{display:grid;flex:0 0 auto;place-items:center;width:31px;height:31px;margin-left:auto;color:#a9c7c8;background:#ffffff0f;border:0;border-radius:9px;cursor:pointer}.logout-button:hover{color:#fff;background:#ffffff1f}.admin-button{margin-left:0}.folder-section-title{padding:14px 11px 5px;color:#6fa3a6;font-size:9px;font-weight:800;letter-spacing:.12em}.shared-folder-item{color:#d1e9e8}.account-card strong,.account-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;flex:0 0 auto;place-items:center;width:36px;height:36px;color:#06242b;font-size:12px;font-weight:800;background:#8fdbd4;border-radius:11px}.folder-list{flex:1;min-height:0;padding:0 10px 14px;overflow-y:auto}.folder-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;margin:2px 0;padding:10px 11px;color:#b9d1d2;text-align:left;background:transparent;border:0;border-radius:10px;cursor:pointer}.folder-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item small{padding:2px 6px;color:#9fc1c3;font-size:11px;background:#ffffff12;border-radius:999px}.folder-item:hover{color:#fff;background:#ffffff0f}.folder-item.active{color:#fff;background:#0c7e8b;box-shadow:inset 3px 0 #77ded4}.folder-item.active small{color:#fff;background:#ffffff2e}.index-status{display:flex;gap:10px;align-items:flex-start;padding:15px 18px 17px;color:#80d3ca;border-top:1px solid rgba(255,255,255,.08)}.index-status strong{color:#dceceb;font-size:12px}.thread-panel{display:flex;flex-direction:column;min-width:0;background:#fff;border-right:1px solid #dfe7e6}.thread-toolbar{padding:16px 17px 14px;border-bottom:1px solid #e2e9e8}.toolbar-heading-row{display:flex;min-width:0}.toolbar-heading{min-width:0}.thread-toolbar small,.reader-header small{color:#78878d;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.thread-toolbar h1{margin:2px 0 13px;font-size:21px}.toolbar-actions{display:flex;gap:8px}.sync-button{display:flex;flex:0 0 auto;gap:7px;align-items:center;padding:0 10px;color:#176d75;font-size:11px;font-weight:750;background:#e8f4f3;border:1px solid #cce4e1;border-radius:10px;cursor:pointer}.sync-button:disabled{max-width:145px;color:#6f898b;cursor:wait}.sync-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box{display:flex;flex:1;gap:8px;align-items:center;height:40px;padding:0 11px;color:#77868b;background:#f2f5f4;border:1px solid #e1e8e7;border-radius:10px}.search-box:focus-within{color:#087e8b;background:#fff;border-color:#51aeb5;box-shadow:0 0 0 3px #15929d1a}.search-box input{width:100%;color:#213239;background:transparent;border:0;outline:0}.thread-list{min-height:0;overflow-y:auto}.thread-row{display:block;width:100%;padding:14px 16px;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f0;cursor:pointer}.thread-row:hover{background:#f8fbfa}.thread-row.active{position:relative;background:#eaf6f5}.thread-row.active:before{position:absolute;inset:0 auto 0 0;width:4px;content:"";background:#0b8994}.thread-row-top,.thread-subject,.thread-meta{display:flex;gap:8px;align-items:center}.thread-row-top strong,.thread-subject span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-row-top strong{flex:1;color:#203138;font-size:13px}.thread-row-top time{flex:0 0 auto;color:#849196;font-size:11px}.thread-subject{margin-top:5px;color:#34474e;font-size:14px}.thread-subject span{flex:1}.thread-meta{margin-top:7px;color:#8a979b;font-size:11px}.thread-meta b{color:#087e8b;font-weight:700}.reader-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:#f5f7f6}.reader-header{display:flex;gap:22px;align-items:flex-start;justify-content:space-between;padding:18px 22px 17px;background:#fff;border-bottom:1px solid #dfe7e6}.reader-title{min-width:0}.reader-header h2{margin:4px 0 5px;overflow:hidden;color:#17272d;font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.reader-header p{margin:0;overflow:hidden;color:#6e7d82;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sort-control{flex:0 0 auto}.sort-control>span{display:block;margin-bottom:6px;color:#6f7f84;font-size:11px;font-weight:700}.sort-control>div{display:flex;padding:3px;background:#edf2f1;border-radius:9px}.sort-control button{display:flex;gap:6px;align-items:center;padding:7px 9px;color:#627177;font-size:11px;font-weight:700;background:transparent;border:0;border-radius:7px;cursor:pointer}.sort-control button.active{color:#075d66;background:#fff;box-shadow:0 1px 5px #1b363d1f}.message-list{min-height:0;padding:18px 22px 60px;overflow-y:auto}.message-card{position:relative;margin-bottom:9px;background:#fff;border:1px solid #dfe7e5;border-radius:12px;box-shadow:0 2px 9px #253d4209}.message-card:before{position:absolute;top:-10px;bottom:calc(100% - 2px);left:23px;width:1px;content:"";background:#cadbd9}.message-card:first-child:before{display:none}.message-card.expanded{border-color:#99cbc8;box-shadow:0 5px 20px #1a5b6014}.message-summary{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto auto 18px;gap:10px;align-items:center;width:100%;padding:12px 14px 12px 10px;text-align:left;background:transparent;border:0;cursor:pointer}.timeline-index{z-index:1;display:grid;place-items:center;width:27px;height:27px;color:#487177;font-size:11px;font-weight:800;background:#e6f2f1;border:2px solid white;border-radius:50%}.sender-avatar{display:grid;place-items:center;width:36px;height:36px;color:#0b5b63;font-size:13px;font-weight:800;background:#c9ece7;border-radius:11px}.message-who{min-width:0}.message-who strong,.message-who small,.message-when time,.message-when small{display:block}.message-who strong,.message-who small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-who strong{color:#24353b;font-size:13px}.message-who small,.message-when small{margin-top:3px;color:#839095;font-size:10px}.message-when{text-align:right}.message-when time{color:#596a70;font-size:11px;font-weight:650}.message-content{padding:4px 20px 22px 86px;border-top:1px solid #eef2f1}.message-body{padding-top:18px}.message-frame{display:block;width:100%;min-height:420px;background:#fff;border:0}.message-text{margin:0;overflow:auto;color:#26383e;font:14px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.body-loading{display:flex;gap:8px;align-items:center;min-height:80px;color:#708085;font-size:13px}.attachments{margin-top:22px;padding-top:15px;border-top:1px solid #e3e9e8}.attachments h4{margin:0 0 10px;font-size:13px}.attachment-list{display:flex;flex-wrap:wrap;gap:8px}.attachment{display:flex;gap:8px;align-items:center;max-width:320px;padding:9px 11px;color:#1d4f55;text-decoration:none;background:#f0f7f6;border:1px solid #d7e8e6;border-radius:9px}.attachment span{min-width:0}.attachment strong,.attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment strong{font-size:12px}.attachment small{margin-top:2px;color:#77888c;font-size:10px}.attachment:hover{border-color:#76bab6}.center-state,.reader-empty{display:grid;flex:1;place-content:center;justify-items:center;gap:9px;min-height:240px;padding:28px;color:#839095;text-align:center}.center-state strong,.reader-empty h2{margin:0;color:#405158}.center-state span,.reader-empty p{margin:0;font-size:13px}.reader-loading{background:#f5f7f6}.error-banner{position:absolute;z-index:10;top:12px;right:16px;left:16px;display:flex;gap:9px;align-items:center;padding:11px 13px;color:#7a2929;font-size:12px;background:#fff0ee;border:1px solid #f2bbb4;border-radius:10px;box-shadow:0 8px 24px #59231d26}.error-banner span{flex:1}.error-banner button{color:#7a2929;font-weight:700;background:transparent;border:0;cursor:pointer}.admin-overlay{position:fixed;z-index:100;inset:0;padding:22px;overflow-y:auto;background:#031217b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-panel{width:min(1180px,100%);min-height:calc(100vh - 44px);margin:0 auto;padding:24px;color:#203138;background:#f6f9f8;border-radius:22px;box-shadow:0 28px 90px #00121757}.admin-header{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.admin-header small{color:#0b858f;font-size:10px;font-weight:800;letter-spacing:.12em}.admin-header h2{margin:4px 0;font-size:26px}.admin-header p,.filter-help{margin:0;color:#738388;font-size:12px}.admin-header>button,.filter-row>button{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;color:#52666c;background:#fff;border:1px solid #dce5e4;border-radius:10px;cursor:pointer}.admin-grid{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(580px,1.8fr);gap:16px}.admin-card{padding:18px;background:#fff;border:1px solid #e0e8e6;border-radius:15px}.admin-card h3,.admin-card h4{display:flex;gap:8px;align-items:center}.admin-card h3{margin:0 0 16px;font-size:16px}.admin-card h4{margin:20px 0 9px;font-size:13px}.admin-user-list{display:grid;gap:7px;max-height:260px;margin-bottom:18px;overflow-y:auto}.admin-user-list>div{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:9px 10px;background:#f4f8f7;border-radius:9px}.admin-user-list strong,.admin-user-list small{display:block}.admin-user-list small{margin-top:2px;color:#78878c;font-size:10px}.admin-user-list b{color:#0a7882;font-size:9px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form.compact{grid-template-columns:1fr}.admin-form .wide{grid-column:1 / -1}.admin-form label>span{display:block;margin-bottom:5px;color:#566b71;font-size:10px;font-weight:750}.admin-form input,.admin-form select,.filter-row input,.filter-row select{width:100%;min-width:0;height:39px;padding:0 10px;color:#26393f;background:#f5f8f7;border:1px solid #dfe7e5;border-radius:9px;outline:0}.admin-form input:focus,.admin-form select:focus,.filter-row input:focus,.filter-row select:focus{background:#fff;border-color:#55aeb3;box-shadow:0 0 0 3px #0c89971a}.admin-form button,.admin-actions button,.existing-views article>button,.add-filter{display:flex;gap:6px;align-items:center;justify-content:center;min-height:39px;padding:0 12px;color:#fff;font-weight:750;background:#0a818c;border:0;border-radius:9px;cursor:pointer}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.member-grid label{display:flex;gap:8px;align-items:center;padding:8px 10px;background:#f4f8f7;border-radius:8px}.member-grid span,.member-grid small{display:block;min-width:0}.member-grid span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.member-grid small{margin-top:2px;color:#7a898e;font-size:9px}.filter-list{display:grid;gap:7px;margin-top:10px}.filter-row{display:grid;grid-template-columns:110px 120px 100px minmax(150px,1fr) 38px;gap:6px}.filter-row>button{color:#8d3e3e}.add-filter{justify-self:start;color:#176d75;background:#e8f4f3;border:1px solid #cee5e2}.admin-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.admin-actions .secondary{color:#52666c;background:#edf2f1}.existing-views{margin-top:16px}.existing-views article{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e7eceb}.existing-views article:first-of-type{border-top:0}.existing-views strong,.existing-views small{display:block}.existing-views small,.existing-views p{color:#75858a;font-size:10px}.existing-views p{margin:5px 0 0}.existing-views article>button{flex:0 0 auto;min-height:34px;color:#176d75;background:#e8f4f3}.webhook-note{display:flex;flex-wrap:wrap;gap:9px 14px;align-items:center;margin-top:16px;padding:12px 15px;color:#607378;font-size:11px;background:#eaf4f3;border-radius:11px}.webhook-note code{color:#0a6870}.admin-error{margin-bottom:14px;padding:10px 12px;color:#833333;background:#fff0ee;border:1px solid #efc1ba;border-radius:9px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1160px){.app-shell{grid-template-columns:210px 6px 330px 6px minmax(470px,1fr)}.sort-control button{width:35px;overflow:hidden;white-space:nowrap}}@media(max-width:860px){.app-shell{position:relative;display:block;height:100dvh;min-height:100vh}.column-resizer{display:none}.folder-panel{position:fixed;z-index:50;inset:0 auto 0 0;width:min(88vw,360px);max-width:100%;box-shadow:18px 0 48px #000f1342;transform:translate(-105%);transition:transform .18s ease}.folder-panel.open{transform:translate(0)}.mobile-drawer-backdrop{position:fixed;z-index:40;inset:0;display:block;padding:0;background:#04121780;border:0}.mobile-drawer-close,.mobile-menu-button,.mobile-back-button{align-items:center;justify-content:center;color:inherit;background:transparent;border:0;cursor:pointer}.mobile-drawer-close{display:flex;width:38px;height:38px;margin-left:auto;color:#c9dfdf;border-radius:10px}.mobile-drawer-close:hover{color:#fff;background:#ffffff14}.thread-panel,.reader-panel{position:absolute;inset:0;width:100%;height:100%}.reader-panel,.mobile-reader-open .thread-panel{display:none}.mobile-reader-open .reader-panel{display:flex}.thread-toolbar{padding:11px 12px 10px}.toolbar-heading-row{gap:9px;align-items:center}.toolbar-heading{flex:1}.toolbar-heading small{display:none}.thread-toolbar h1{margin:0 0 10px;overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:flex;flex:0 0 auto;width:40px;height:40px;color:#176d75;background:#e8f4f3;border:1px solid #cce4e1;border-radius:10px}.toolbar-actions{flex-wrap:wrap}.sync-button{min-height:40px}.search-box{flex:1 1 190px;min-width:0}.reader-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;padding:11px 12px 10px}.mobile-back-button{display:flex;gap:5px;align-self:start;height:38px;padding:0 8px 0 4px;color:#176d75;font-size:12px;font-weight:750;border-radius:9px}.mobile-back-button:hover{background:#e8f4f3}.reader-title h2{display:-webkit-box;margin-top:2px;overflow:hidden;font-size:17px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reader-title p{font-size:11px}.sort-control{grid-column:1 / -1}.sort-control>span{display:none}.sort-control>div{display:grid;grid-template-columns:1fr 1fr}.sort-control button{justify-content:center;width:auto}.message-list{padding:10px 8px 48px}.message-summary{grid-template-columns:26px 34px minmax(0,1fr) 18px;gap:5px 7px;padding:10px 9px 10px 7px}.timeline-index{grid-row:1 / 3;width:25px;height:25px}.sender-avatar{grid-row:1 / 3;width:33px;height:33px}.message-who{grid-column:3}.message-when{display:flex;grid-column:3;gap:6px;align-items:center;text-align:left}.message-when time,.message-when small{display:inline;margin:0;font-size:10px}.message-attachment-icon{grid-column:4;grid-row:1}.message-chevron{grid-column:4;grid-row:2}.message-content{padding:4px 12px 18px}.message-frame{min-height:360px}.error-banner{top:8px;right:8px;left:8px}.admin-overlay{padding:0}.admin-panel{min-height:100dvh;padding:16px 12px 36px;border-radius:0}.admin-grid,.admin-form,.member-grid{grid-template-columns:1fr}.filter-row{grid-template-columns:1fr 1fr}.filter-row input{grid-column:1 / -1}.filter-row>button{grid-column:2;grid-row:3;justify-self:end}}@media(max-width:480px){.brand{height:68px;padding:12px 16px}.account-card{margin:12px}.folder-list{padding-right:7px;padding-left:7px}.folder-item{padding:10px 9px}.thread-toolbar h1{max-width:calc(100vw - 76px)}.sync-button span{max-width:106px}.search-box{flex-basis:100%;order:3}.thread-row{padding:13px 12px}.thread-row-top strong,.thread-subject{font-size:13px}.reader-title small{font-size:9px}.mobile-back-button span{display:none}.mobile-back-button{width:36px;padding:0}}