:root{--bg:#0b0d14;--bg-soft:#11141d;--bg-elev:#181c28;--panel:#151823;--panel-2:#1a1e2b;--border:#262b3a;--border-soft:#20242f;--border-strong:#313749;--text:#eef1f7;--text-dim:#9aa3b2;--text-faint:#6b7280;--primary:#6d8cff;--primary-600:#5a78f0;--primary-700:#4a66e6;--primary-soft:#6d8cff24;--primary-glow:#6d8cff59;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--purple:#c084fc;--info:#60a5fa;--grad-brand:linear-gradient(135deg, #6d8cff 0%, #c084fc 100%);--grad-brand-soft:linear-gradient(135deg, #6d8cff2e 0%, #c084fc2e 100%);--grad-sidebar:linear-gradient(180deg, #131622 0%, #0e1019 100%);--grad-topbar:linear-gradient(90deg, #6d8cff0f 0%, #c084fc0a 100%);--grad-bg:radial-gradient(1200px 600px at 80% -10%, #6d8cff14, transparent 60%), radial-gradient(900px 500px at 0% 100%, #c084fc0f, transparent 55%), #0b0d14;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #00000040;--shadow:0 1px 2px #0003, 0 6px 18px #00000047;--shadow-lg:0 2px 4px #00000038, 0 14px 40px #00000061;--shadow-glow:0 0 0 1px #6d8cff40, 0 8px 28px #6d8cff2e;--shadow-card:0 1px 2px #0003, 0 8px 24px #00000038;--shadow-hover:0 2px 6px #00000040, 0 16px 40px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif}.login-screen{place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.login-card{width:min(100%,440px);padding:32px}.login-title{margin:0 0 12px;font-size:28px;line-height:1.2}.login-subtitle{color:var(--text-dim);line-height:1.5}.login-card form{gap:18px;margin-top:24px;display:grid}.login-card a{color:var(--primary);text-underline-offset:3px}.login-card p{line-height:1.5}.login-error{color:var(--danger)}.login-confirmation{border-radius:var(--radius-sm);background:var(--primary-soft);padding:16px}@media (width<=480px){.login-screen{padding:20px 12px}.login-card{padding:24px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--grad-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;font-size:14px;line-height:1.55}a{color:var(--primary);text-decoration:none}::selection{background:var(--primary-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:padding-box}.app{grid-template-columns:268px minmax(0,1fr);height:100dvh;display:grid}.desktop-navigation{min-height:0}.desktop-navigation>.sidebar{height:100%}.mobile-menu-toggle{display:none!important}.mobile-navigation{color:var(--text);border:0;padding:0}.mobile-navigation::backdrop{background:#0000008c}.navigation-button{background:var(--bg-elev);min-width:44px;min-height:44px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;place-items:center;font-size:20px;display:inline-grid}.navigation-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sidebar__brand>.navigation-button{margin-left:auto}.sidebar{background:var(--grad-sidebar);border-right:1px solid var(--border);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";background:linear-gradient(180deg, transparent, var(--primary-glow), transparent);opacity:.4;width:1px;height:100%;position:absolute;top:0;right:0}.sidebar__brand{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#6d8cff0d,#0000);align-items:center;gap:12px;padding:18px;display:flex}.sidebar__logo{background:var(--grad-brand);color:#0b0d12;letter-spacing:-.02em;border-radius:10px;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid;box-shadow:0 4px 14px #6d8cff66,inset 0 1px #ffffff4d}.sidebar__brand-text{letter-spacing:.1px;font-size:14px;font-weight:700}.sidebar__brand-sub{color:var(--text-dim);letter-spacing:.04em;font-size:11px}.workspace-switch{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:calc(100% - 28px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:8px;margin:14px;padding:11px 13px;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex;overflow:hidden}.workspace-switch:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.workspace-switch:active{transform:scale(.99)}.workspace-switch__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.workspace-switch__sub{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.workspace-menu{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin:0 12px 12px;overflow:hidden}.workspace-menu__item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:9px 12px;font-size:13px;transition:background .12s,color .12s;display:flex}.workspace-menu__item:hover{background:var(--primary-soft)}.workspace-menu__item--active{background:var(--primary-soft);color:var(--primary)}.sidebar__nav{flex:1;padding:6px 10px 18px;overflow-y:auto}.nav-group{margin-top:14px}.nav-group__label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.nav-group__icon{background:var(--grad-brand-soft);border:1px solid var(--border);width:22px;height:22px;color:var(--primary);border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;display:grid}.nav-group__text{white-space:nowrap}.nav-group__line{background:linear-gradient(90deg, var(--border) 0%, transparent 100%);flex:1;height:1px}.nav-item{border-radius:var(--radius-sm);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .14s,color .14s,transform .1s;display:flex;position:relative}.nav-item:hover{background:var(--bg-elev);color:var(--text)}.nav-item--active{background:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:inset 0 0 0 1px #6d8cff33}.nav-item--active:before{content:"";background:var(--grad-brand);width:3px;height:18px;box-shadow:0 0 8px var(--primary-glow);border-radius:999px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-item__icon{text-align:center;opacity:.9;width:16px;font-size:13px}.nav-sub{padding-left:28px}.nav-sub .nav-item{padding:6px 12px;font-size:12.5px}.main{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--grad-topbar), var(--bg-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.topbar__crumbs{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-dim);font-size:13px;overflow:hidden}.topbar__right{color:var(--text-dim);align-items:center;gap:14px;font-size:12px;display:flex}.work-indicator{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.work-indicator--loading{color:var(--text-dim);background:var(--bg-elev)}.work-indicator--waiting{color:var(--purple);background:#c084fc1f;border-color:#c084fc40}.work-indicator--attention,.work-indicator--error{color:var(--danger);background:#ef44441a;border-color:#ef444440}.work-indicator--idle{color:var(--success);background:#22c55e1a;border-color:#22c55e40}.openclaw-pill{color:var(--purple);background:#c084fc1f;border:1px solid #c084fc33;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.openclaw-dot{background:var(--purple);width:8px;height:8px;box-shadow:0 0 0 3px #c084fc33, 0 0 10px var(--purple);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content{flex:1;min-width:0;min-height:0;padding:26px 30px 48px;overflow-y:auto}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head__title{letter-spacing:-.01em;background:linear-gradient(135deg, var(--text) 0%, var(--text-dim) 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.page-head__subtitle{color:var(--text-dim);margin:5px 0 0;font-size:13px}.page-head__actions{gap:8px;display:flex}.card{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:16px;transition:box-shadow .18s,border-color .18s,transform .18s}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.card__head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.card__title{margin:0;font-size:14px;font-weight:600}.card__actions{gap:8px;display:flex}.card__body{padding:18px}.grid{gap:16px;display:grid}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid--2{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.grid>*,.card,.card__body{min-width:0}.email-detail-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.mailbox-connection-grid{grid-template-columns:2fr 1fr 1fr;gap:8px;display:grid}.mailbox-credentials-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=980px){.grid--2{grid-template-columns:1fr}}.stat{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;gap:5px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.stat:before{content:"";background:var(--grad-brand);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:translateY(-2px)}.stat__label{color:var(--text-faint);letter-spacing:.02em;font-size:12px;font-weight:500}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat__hint{color:var(--text-dim);font-size:12px}.stat--success .stat__value{color:var(--success)}.stat--warning .stat__value{color:var(--warning)}.stat--danger .stat__value{color:var(--danger)}.stat--info .stat__value{color:var(--info)}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,transform .1s,background .15s;display:inline-flex}.btn:hover{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary-soft)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#0b0d12;border-color:#0000;font-weight:700;box-shadow:0 4px 14px #6d8cff59,inset 0 1px #ffffff40}.btn-primary:hover{filter:brightness(1.05);box-shadow:0 6px 20px #6d8cff73,inset 0 1px #ffffff4d}.btn-primary:active{box-shadow:0 2px 8px #6d8cff4d}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-elev);box-shadow:none}.btn-danger{color:var(--danger);background:#f8717114;border-color:#f8717166}.btn-danger:hover{border-color:var(--danger);background:#f8717124;box-shadow:0 0 0 1px #f8717133}.badge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--neutral{background:var(--bg-elev);color:var(--text-dim);border-color:var(--border)}.badge--info{color:var(--info);background:#60a5fa24;border-color:#60a5fa40}.badge--success{color:var(--success);background:#34d39924;border-color:#34d39940}.badge--warning{color:var(--warning);background:#fbbf2424;border-color:#fbbf2440}.badge--danger{color:var(--danger);background:#f8717124;border-color:#f8717140}.badge--purple{color:var(--purple);background:#c084fc24;border-color:#c084fc40}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--text-dim);font-size:12px;font-weight:500}.input,.select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);width:100%;padding:9px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}textarea.input{resize:vertical;font-family:inherit}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .input{max-width:280px}.table-wrap{max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:#ffffff03;padding:12px 16px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border-soft);padding:13px 16px;transition:background .12s}.table tr:last-child td{border-bottom:none}.table__row--clickable{cursor:pointer}.table__row--clickable:hover td{background:var(--bg-elev)}.table-empty{text-align:center;color:var(--text-faint);padding:32px}.spinner-wrap{color:var(--text-dim);align-items:center;gap:11px;padding:28px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);width:18px;height:18px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;animation:.7s linear infinite spin}.spinner__label{font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-faint);padding:48px 24px}.empty__title{color:var(--text-dim);margin:0 0 6px;font-weight:600}.empty__desc{margin:0 0 16px}.feed{flex-direction:column;display:flex}.feed__item{border-bottom:1px solid var(--border-soft);gap:13px;padding:14px 0;display:flex}.feed__item:last-child{border-bottom:none}.feed__dot{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;display:grid;box-shadow:inset 0 1px #ffffff14}.feed__dot--openclaw{color:var(--purple);background:linear-gradient(135deg,#c084fc38,#c084fc1a);box-shadow:0 0 12px #c084fc33,inset 0 1px #ffffff14}.feed__dot--human{color:var(--info);background:linear-gradient(135deg,#60a5fa38,#60a5fa1a);box-shadow:inset 0 1px #ffffff14}.feed__title{font-size:13px;font-weight:600}.feed__detail{color:var(--text-dim);margin-top:1px;font-size:12.5px}.feed__meta{color:var(--text-faint);align-items:center;gap:8px;margin-top:5px;font-size:11.5px;display:flex}.msg{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:11px;padding:14px 16px;transition:box-shadow .16s,border-color .16s,transform .12s}.msg:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.msg--pending{border-left:3px solid var(--warning)}.msg--done{border-left:3px solid var(--success)}.msg--error{border-left:3px solid var(--danger)}.msg__head{justify-content:space-between;gap:10px;margin-bottom:5px;display:flex}.msg__subject{font-size:13px;font-weight:600}.msg__summary{color:var(--text-dim);font-size:12.5px}.msg__meta{color:var(--text-faint);align-items:center;gap:8px;margin-top:9px;font-size:11.5px;display:flex}.muted{color:var(--text-faint)}.row-gap{flex-direction:column;gap:9px;display:flex}.inline{align-items:center;gap:6px;display:inline-flex}.score{font-variant-numeric:tabular-nums;font-weight:700}.score--high{color:var(--success)}.score--mid{color:var(--warning)}.score--low{color:var(--text-faint)}.mail{grid-template-columns:360px minmax(0,1fr);gap:16px;height:calc(100vh - 180px);min-height:480px;display:grid}.mail__list{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.mail__list-head{border-bottom:1px solid var(--border-soft);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.mail__count{letter-spacing:.06em}.mail__items{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.mail__row{border-radius:var(--radius-sm);cursor:pointer;gap:12px;padding:12px;transition:background .14s,box-shadow .14s;display:flex;position:relative}.mail__row:hover{background:var(--bg-elev)}.mail__row--active{background:var(--primary-soft);box-shadow:inset 0 0 0 1px #6d8cff40}.mail__row--unread:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 6px var(--primary-glow);border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.mail__row--draft{border-left:2px solid var(--info);margin-left:0}.mail__draft-tag{color:var(--info);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle;background:#60a5fa29;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.mail__avatar{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;display:grid;box-shadow:inset 0 1px #ffffff14}.mail__avatar--email{color:var(--info);background:linear-gradient(135deg,#60a5fa38,#60a5fa1a)}.mail__avatar--agent{color:var(--purple);background:linear-gradient(135deg,#c084fc38,#c084fc1a);box-shadow:0 0 10px #c084fc2e,inset 0 1px #ffffff14}.mail__avatar--lg{border-radius:12px;width:44px;height:44px;font-size:18px}.mail__row-main{flex:1;min-width:0}.mail__row-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mail__from{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mail__time{color:var(--text-faint);flex-shrink:0;font-size:11px}.mail__subject{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.mail__subject--unread{color:var(--text);font-weight:700}.mail__preview{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.mail__row-meta{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.mail__empty{flex:1;place-items:center;padding:40px;display:grid}.mail__read{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow-y:auto}.mail__read-head{border-bottom:1px solid var(--border-soft);padding:20px 24px 16px}.mail__read-subject{letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.mail__read-meta{gap:8px;display:flex}.mail__read-from{border-bottom:1px solid var(--border-soft);background:#ffffff04;align-items:center;gap:13px;padding:16px 24px;display:flex}.mail__from-block{flex:1;min-width:0}.mail__from-name{font-size:13px;font-weight:600}.mail__date{color:var(--text-faint);flex-shrink:0;font-size:12px}.mail__body{color:var(--text);flex:1;padding:24px;font-size:14px;line-height:1.65}.mail__body p{margin:0 0 12px}.mail__payload{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);margin:14px 0;padding:14px;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:12px;overflow-x:auto}.mail__actions{border-top:1px solid var(--border-soft);background:#ffffff04;align-items:center;gap:10px;padding:16px 24px;display:flex}@media (width<=980px){.mail{grid-template-columns:1fr;height:auto}.mail__list{max-height:320px}}.theme-toggle{cursor:pointer;color:var(--text-dim);background:0 0;border:none;align-items:center;gap:8px;padding:4px;transition:color .15s;display:inline-flex}.theme-toggle:hover{color:var(--text)}.theme-toggle__track{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;width:36px;height:20px;transition:background .18s,border-color .18s;position:relative}.theme-toggle__thumb{background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .18s,box-shadow .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.theme-toggle__thumb--on{background:var(--primary);box-shadow:0 0 8px var(--primary-glow), 0 1px 3px #0000004d;transform:translate(16px)}.theme-toggle__label{font-size:14px;line-height:1}.detail-grid{flex-direction:column;gap:0;display:flex}.detail-row{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:16px;padding:11px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:12px;font-weight:500}.detail-value{text-align:right;min-width:0;font-size:13px}.detail-value .input,.detail-value .select{text-align:left;min-width:200px}.detail-block{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#ffffff04;padding:14px}.detail-block__head{align-items:center;gap:11px;margin-bottom:4px;display:flex}.detail-block__icon{background:var(--bg-elev);border:1px solid var(--border);width:34px;height:34px;color:var(--text-dim);border-radius:9px;place-items:center;font-size:15px;display:grid}.detail-block__title{font-size:14px;font-weight:600}.conv-date{color:var(--text-faint);margin-top:2px;font-size:11px;display:block}.cat-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.cat-chip{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.cat-chip--filter:hover{border-color:var(--primary);color:var(--text)}.cat-chip--active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.cat-chip__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;place-items:center;animation:.15s modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:420px;max-width:calc(100vw - 32px);padding:24px;animation:.2s cubic-bezier(.34,1.56,.64,1) modal-pop}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__title{margin:0 0 18px;font-size:17px;font-weight:700}.modal__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.color-picker{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;width:100%;height:40px;padding:4px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:5px}.fb-fab{border:1px solid var(--border);cursor:pointer;z-index:1000;background:var(--bg-elev);width:48px;height:48px;color:var(--text-dim);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:20px;transition:transform .18s,box-shadow .18s,color .15s,border-color .15s;display:grid;position:fixed;bottom:24px;right:88px}.fb-fab:hover{color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-glow);transform:scale(1.06)}.fb-fab--open{background:var(--bg-elev);color:var(--text)}.fb-fab__badge{background:var(--warning);color:#1a1d24;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-3px;right:-3px}.fb-popup{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);width:360px;max-width:calc(100vw - 110px);max-height:520px;box-shadow:var(--shadow-lg);z-index:1000;transform-origin:100% 100%;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) chat-pop-in;display:flex;position:fixed;bottom:82px;right:88px;overflow:hidden}.fb-popup__head{border-bottom:1px solid var(--border-soft);background:linear-gradient(90deg,#fbbf240f,#0000);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.fb-popup__title{align-items:center;gap:11px;display:flex}.fb-popup__icon{width:34px;height:34px;color:var(--warning);background:#fbbf2424;border:1px solid #fbbf2440;border-radius:10px;place-items:center;font-size:16px;display:grid}.fb-popup__name{font-size:14px;font-weight:700}.fb-popup__sub{color:var(--text-faint);max-width:220px;font-size:11px}.fb-popup__close{color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:15px;transition:background .12s,color .12s}.fb-popup__close:hover{background:var(--bg-elev);color:var(--text)}.fb-popup__form{border-bottom:1px solid var(--border-soft);padding:14px 16px}.fb-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);resize:vertical;outline:none;min-height:64px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.fb-textarea::placeholder{color:var(--text-faint)}.fb-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.fb-popup__form-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.fb-page-tag{color:var(--text-faint);background:var(--bg-elev);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:160px;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;overflow:hidden}.fb-popup__list{flex:1;padding:8px 12px 12px;overflow-y:auto}.fb-popup__list-head{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;padding:8px 4px;font-size:11px;font-weight:600}.fb-popup__empty{padding:16px 4px;font-size:12.5px}.fb-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-elev);margin-bottom:8px;padding:11px 12px;transition:border-color .14s;position:relative}.fb-item:hover{border-color:var(--border-strong)}.fb-item--done{opacity:.55}.fb-item__text{white-space:pre-wrap;padding-right:20px;font-size:13px;line-height:1.5}.fb-item__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.fb-item__done-tag{text-transform:uppercase;color:var(--success);background:#34d39924;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.fb-item__remove{color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:12px;transition:opacity .12s,color .12s,background .12s;position:absolute;top:8px;right:8px}.fb-item:hover .fb-item__remove{opacity:1}.fb-item__remove:hover{color:var(--danger);background:#f871711a}@media (width<=560px){.fb-popup{width:auto;max-width:none;bottom:76px;left:12px;right:12px}.fb-fab{bottom:16px;right:76px}}.chat-fab{cursor:pointer;z-index:1000;background:var(--grad-brand);color:#0b0d12;border:none;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 20px #6d8cff73,inset 0 1px #ffffff4d}.chat-fab:hover{transform:scale(1.08);box-shadow:0 8px 28px #6d8cff8c,inset 0 1px #ffffff59}.chat-fab:active{transform:scale(.96)}.chat-fab--open{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.chat-fab__badge{background:var(--danger);color:#fff;min-width:20px;height:20px;box-shadow:0 0 0 2px var(--bg);border:1px solid #ffffff26;border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-2px;right:-2px}.chat-popup{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-2) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);z-index:1000;transform-origin:100% 100%;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) chat-pop-in;display:flex;position:fixed;bottom:92px;right:24px;overflow:hidden}@keyframes chat-pop-in{0%{opacity:0;transform:scale(.85)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-popup__head{border-bottom:1px solid var(--border-soft);background:linear-gradient(90deg,#6d8cff14,#c084fc0d);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-popup__title{align-items:center;gap:11px;display:flex}.chat-popup__avatar{background:var(--grad-brand);color:#0b0d12;border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;font-weight:700;display:grid;box-shadow:0 3px 10px #6d8cff59,inset 0 1px #ffffff4d}.chat-popup__name{font-size:14px;font-weight:700}.chat-popup__status{color:var(--success);align-items:center;gap:5px;font-size:11px;display:flex}.chat-popup__dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 6px var(--success);border-radius:50%}.chat-popup__close{color:var(--text-faint);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:16px;transition:background .12s,color .12s}.chat-popup__close:hover{background:var(--bg-elev);color:var(--text)}.chat-popup__body{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{word-wrap:break-word;border-radius:14px;max-width:80%;padding:10px 13px;font-size:13px;line-height:1.5;animation:.18s bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-bubble--human{background:var(--grad-brand);color:#0b0d12;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500;box-shadow:0 2px 8px #6d8cff40}.chat-bubble--openclaw{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble__time{opacity:.6;text-align:right;margin-top:4px;font-size:10px}.chat-bubble--openclaw .chat-bubble__time{text-align:left}.chat-bubble--typing{padding:12px 16px}.chat-typing{align-items:center;gap:4px;display:flex}.chat-typing span{background:var(--text-faint);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-popup__suggestions{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.chat-suggestion{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:11.5px;transition:border-color .12s,color .12s,background .12s}.chat-suggestion:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.chat-popup__input{border-top:1px solid var(--border-soft);background:#ffffff04;gap:8px;padding:12px 16px 14px;display:flex}.chat-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;outline:none;flex:1;padding:9px 13px;font-size:13px;transition:border-color .15s,box-shadow .15s}.chat-input::placeholder{color:var(--text-faint)}.chat-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.chat-popup__input .btn{border-radius:50%;flex-shrink:0;justify-content:center;width:38px;height:38px;padding:0}@media (width<=560px){.chat-popup{width:auto;max-width:none;bottom:84px;left:12px;right:12px}.chat-fab{bottom:16px;right:16px}}[data-theme=light]{--bg:#f4f6fb;--bg-soft:#fff;--bg-elev:#f1f4fa;--panel:#fff;--panel-2:#fbfcfe;--border:#e3e8f0;--border-soft:#eef1f6;--border-strong:#d4dae6;--text:#1a1d24;--text-dim:#5a6473;--text-faint:#9aa3b2;--primary:#4a6cf7;--primary-600:#3b5be0;--primary-700:#2d4ad6;--primary-soft:#4a6cf71a;--primary-glow:#4a6cf740;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--purple:#9333ea;--info:#2563eb;--grad-brand:linear-gradient(135deg, #4a6cf7 0%, #9333ea 100%);--grad-brand-soft:linear-gradient(135deg, #4a6cf71a 0%, #9333ea1a 100%);--grad-sidebar:linear-gradient(180deg, #fff 0%, #f7f9fc 100%);--grad-topbar:linear-gradient(90deg, #4a6cf70a 0%, #9333ea08 100%);--grad-bg:radial-gradient(1200px 600px at 80% -10%, #4a6cf714, transparent 60%), radial-gradient(900px 500px at 0% 100%, #9333ea0f, transparent 55%), #f4f6fb;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 1px 2px #0f172a0a, 0 6px 18px #0f172a0f;--shadow-lg:0 4px 12px #0f172a14, 0 16px 40px #0f172a1a;--shadow-glow:0 0 0 1px #4a6cf72e, 0 8px 28px #4a6cf71f;--shadow-card:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0d;--shadow-hover:0 2px 6px #0f172a0f, 0 16px 40px #0f172a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:var(--grad-bg);background-attachment:fixed}[data-theme=light] .sidebar__logo,[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .page-head__title{background:linear-gradient(135deg,#1a1d24 0%,#5a6473 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .nav-item--active:before{box-shadow:0 0 8px #4a6cf766}[data-theme=light] .feed__dot--openclaw{background:linear-gradient(135deg,#9333ea2e,#9333ea14);box-shadow:0 0 10px #9333ea1f,inset 0 1px #ffffff80}[data-theme=light] .feed__dot--human{background:linear-gradient(135deg,#2563eb2e,#2563eb14);box-shadow:inset 0 1px #ffffff80}[data-theme=light] .input,[data-theme=light] .select,[data-theme=light] .workspace-switch,[data-theme=light] .workspace-menu{background:#fff}[data-theme=light] .msg,[data-theme=light] .stat,[data-theme=light] .card{background:linear-gradient(#fff 0%,#fbfcfe 100%)}[data-theme=light] .table th{background:#0f172a04}[data-theme=light] .table__row--clickable:hover td,[data-theme=light] .nav-item:hover{background:var(--bg-elev)}[data-theme=light] .sidebar:after{background:linear-gradient(#0000,#4a6cf74d,#0000)}[data-theme=light] .openclaw-dot{box-shadow:0 0 0 3px #9333ea26, 0 0 10px var(--purple)}[data-theme=light] .mail__read-from,[data-theme=light] .mail__actions{background:#0f172a04}[data-theme=light] .mail__avatar--email{background:linear-gradient(135deg,#2563eb2e,#2563eb14);box-shadow:inset 0 1px #ffffff80}[data-theme=light] .mail__avatar--agent{background:linear-gradient(135deg,#9333ea2e,#9333ea14);box-shadow:0 0 10px #9333ea1f,inset 0 1px #ffffff80}[data-theme=light] .mail__payload{background:var(--bg-elev)}[data-theme=light] .chat-popup__head,[data-theme=light] .chat-popup__input{background:#0f172a05}[data-theme=light] .chat-bubble--human{color:#fff}[data-theme=light] .chat-fab__badge{box-shadow:0 0 0 2px var(--bg)}[data-theme=light] .detail-block{background:#0f172a05}[data-theme=light] .fb-popup__head{background:linear-gradient(90deg,#d977060d,#0000)}[data-theme=light] .fb-fab__badge{box-shadow:0 0 0 2px var(--bg)}[data-theme=light] .modal-overlay{background:#0f172a4d}[data-theme=light] .nav-group__icon{background:linear-gradient(135deg,#4a6cf71f,#9333ea14);border-color:#4a6cf733}@media (width<=980px){.app{grid-template-columns:minmax(0,1fr)}.desktop-navigation{display:none}.mobile-menu-toggle{display:inline-grid!important}.mobile-navigation[open]{width:min(320px,100vw - 48px);max-width:none;height:100dvh;max-height:none;margin:0;position:fixed;inset:0 auto 0 0}.mobile-navigation>.sidebar{height:100%}.sidebar__nav{overscroll-behavior:contain}.nav-item,.workspace-menu__item{min-height:44px}.main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:64px;padding:8px 12px}.topbar__crumbs{flex:1}.topbar__workspace,.topbar__route{text-overflow:ellipsis;display:block;overflow:hidden}.topbar__right{gap:8px}.topbar__identity{display:none}.topbar .theme-toggle{min-width:44px;min-height:44px}.content{overflow-wrap:anywhere;padding:20px 16px 28px}.page-head,.card__head{flex-wrap:wrap;align-items:flex-start}.page-head>*,.card__head>*{min-width:0}.page-head__actions,.card__actions,.mail__actions,.mail__read-meta{flex-wrap:wrap}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.mail,.email-detail-layout{grid-template-columns:minmax(0,1fr)}.mail__list,.mail__read{min-width:0}.mail__list-head{flex-wrap:wrap;gap:8px}.mail__read-from{flex-wrap:wrap}.mail__date{flex-shrink:1}.table{overflow-wrap:normal;min-width:600px}.table-wrap{overscroll-behavior-x:contain}.shell-widgets:before{content:"";height:calc(72px + env(safe-area-inset-bottom));background:var(--bg-soft);border-top:1px solid var(--border);z-index:999;position:fixed;bottom:0;left:0;right:0}.chat-fab{width:48px;height:48px;bottom:calc(12px + env(safe-area-inset-bottom));right:16px}.chat-popup{bottom:calc(80px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 160px);left:12px;right:12px}.chat-popup__head button{min-width:44px;min-height:44px}.fb-fab{bottom:calc(12px + env(safe-area-inset-bottom));width:48px;height:48px;right:80px}.fb-popup{bottom:calc(80px + env(safe-area-inset-bottom));width:auto;max-width:none;max-height:calc(100dvh - 160px);left:12px;right:12px}}@media (width<=560px){.topbar__right{justify-content:flex-end;width:100%}.topbar__right .work-indicator{white-space:normal;min-width:0;margin-right:auto}.content{padding:16px 12px 24px}.page-head{gap:12px;margin-bottom:16px}.page-head__title{font-size:21px}.card__head,.card__body,.mail__read-head,.mail__read-from,.mail__body,.mail__actions{padding:14px}.mail__empty,.empty{padding:24px 14px}.toolbar{flex-wrap:wrap}.toolbar .input,.toolbar .select{min-width:0;max-width:100%}.mailbox-connection-grid,.mailbox-credentials-grid{grid-template-columns:minmax(0,1fr)}.btn{min-height:44px}.input,.select{min-width:0;font-size:16px}}.mailbox-action-area{min-width:0;scroll-margin-block:16px}.mailbox-action-area [role=status]{overflow-wrap:anywhere;min-height:2.8em;padding:8px 0}