@layer base,layout,components,responsive,theme;
@layer base {
  svg{width:20px;height:20px;flex-shrink:0}
  :root{--bg:#f7f8fb;--paper:#fff;--ink:#202535;--muted:#737b8d;--line:#e7eaf1;--accent:#4356db;--accent-light:#edf0ff;--green:#278368;--radius:12px;--shadow:0 8px 32px #242e4d0b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
  *{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #8d9afb;outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1.1px;line-height:1.25;margin-bottom:10px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;font-weight:650}h3{font-size:15px}small{font-size:12px}strong{font-weight:600}i{font-style:normal}code,.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #dce1ec;border-radius:8px;background:#fff;color:var(--ink)}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:120px}label{display:block;font-weight:550;font-size:13px;margin-bottom:6px}label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}label.check input{margin-top:5px}fieldset{border:0;padding:0;margin:0}legend{font-weight:550;margin-bottom:8px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#f6f7fb;border-radius:9px;padding:20px}::selection{background:#dce1ff}.skip{position:fixed;top:-60px;left:16px;background:#fff;padding:10px;z-index:20}.skip:focus{top:10px}[hidden]{display:none!important}
}
@layer layout {
  .app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}.sidebar{position:fixed;width:252px;height:100dvh;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line);padding:29px 20px 0;z-index:5}.workspace{grid-column:2;min-width:0;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);font-size:18px;font-weight:650;letter-spacing:-.6px;line-height:1.3}.brand:hover{text-decoration:none}.brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.55px;margin-top:5px;color:var(--muted)}.brand-mark{display:grid;place-content:center;background:var(--accent);border-radius:11px;color:#fff;width:38px;height:40px;font-size:27px;font-weight:600;letter-spacing:-4px;padding-right:5px;display:block;text-align:center;line-height:36px}.brand-mark span{color:#bec8ff}.workspace-label{display:flex;gap:11px;align-items:center;margin:35px 0 29px;padding:13px 9px;background:#f7f8fb;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:600}.workspace-label small{display:block;font-size:10px;color:var(--muted);font-weight:400}.workspace-icon{border:1px solid #dce1ec;border-radius:7px;width:29px;height:31px;text-align:center;line-height:29px;background:white;color:#636e97}.nav-label{font-size:9px;letter-spacing:1.4px;font-weight:650;color:#959cac;padding:0 12px;margin-bottom:10px}#navigation{display:flex;flex-direction:column;gap:5px}#navigation a{display:flex;gap:12px;align-items:center;color:#697186;padding:11px 13px;border-radius:7px;font-size:12px;font-weight:500}#navigation a:hover{background:#f8f9fc;text-decoration:none}#navigation a[aria-current=page]{background:var(--accent-light);color:var(--accent)}#navigation svg{width:17px;height:17px;stroke-width:1.6}.nav-divider{height:1px;background:var(--line);margin:14px 10px}.sidebar-note{margin-top:auto;padding:25px 12px;color:var(--muted);font-size:10px}.sidebar-note .note-icon{display:block;color:var(--accent);font-size:22px;margin-bottom:9px}.sidebar-note strong{display:block;color:#5e6880;font-size:11px}.sidebar-note p{margin:5px 0 8px;line-height:1.7}.sidebar-note a{font-size:10px}.account{border-top:1px solid var(--line);margin:0 -20px;padding:18px 20px;display:flex;align-items:center;gap:10px;min-height:78px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ebedf7;color:#65709d;font-weight:600;font-size:12px}.account-name{flex:1;font-size:11px;min-width:0;overflow-wrap:anywhere}.account-name small{display:block;font-size:9px;color:var(--muted)}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffa8;gap:15px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 13px;color:#b4bbca}.breadcrumb strong{color:#4d586e;font-weight:500}.top-actions{display:flex;align-items:center;gap:25px;font-size:10px}.top-actions a{color:var(--muted)}.live-status{display:flex;gap:7px;align-items:center}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}.external{border-left:1px solid var(--line);padding-left:25px}main{width:100%;max-width:1440px;padding:39px 42px 60px;margin:0 auto;flex:1}footer{display:flex;justify-content:space-between;gap:15px;color:#9aa2b2;font-size:10px;padding:20px 42px;border-top:1px solid var(--line)}footer nav{display:flex;gap:20px}footer a{color:#818a9d}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.9px;color:#939bae;margin-bottom:10px}.subtitle{font-size:12px;color:var(--muted);margin:0;max-width:640px}.page-heading .button{margin-top:19px}.grid-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:23px}.stack{display:flex;flex-direction:column;gap:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.form-field{margin-bottom:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--muted)}.tiny{font-size:11px}.copy{white-space:pre-wrap;overflow-wrap:anywhere}.limit{max-width:860px}.spaced{margin-top:24px}.loading{padding:60px 10px;color:var(--muted)}
}
@layer components {
  .button{display:inline-flex;justify-content:center;align-items:center;gap:9px;white-space:nowrap;border:1px solid var(--line);background:#fff;color:#586078;font-size:11px;font-weight:550;border-radius:8px;padding:11px 16px;line-height:1.5}.button:hover{text-decoration:none;background:#f7f8fb}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 6px #4356db16}.button.primary:hover{background:#3546c5}.button.danger{color:#ae4654;border-color:#f0cbd0}.button.small{padding:7px 11px;font-size:10px}.button svg{width:15px;height:15px}.icon-button{border:0;background:transparent;color:var(--muted);padding:6px;font-size:19px;line-height:1}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 3px #26345502;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 17px;border-bottom:1px solid var(--line);gap:12px}.card-head h2{margin:0;font-size:13px}.card-head a{font-size:10px}.card-body{padding:23px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:27px}.stat{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:11px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.stat-top svg{width:15px;height:15px;color:#99a3c0}.stat-value{display:block;font-size:31px;letter-spacing:-1px;font-weight:550;margin:13px 0 7px;line-height:1}.stat-foot{font-size:9px;color:#9aa2b2}.hero{background:#eef1fe;border:1px solid #dce2ff;border-radius:12px;padding:27px 29px;margin-bottom:26px;position:relative;overflow:hidden}.hero h2{font-size:21px;margin:6px 0 10px;letter-spacing:-.6px;position:relative}.hero p{font-size:11px;color:#747f9c;max-width:460px;margin-bottom:20px;position:relative}.hero .eyebrow{font-size:8px;color:#7b88b9}.hero-art{position:absolute;right:27px;top:27px;width:115px;height:115px;border:1px solid #d1d9ff;border-radius:28px;transform:rotate(-12deg);background:#ffffff3a;display:grid;place-items:center}.hero-art svg{width:60px;height:60px;color:#98a9f0;transform:rotate(12deg);stroke-width:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;background:#f0f2f7;color:#727d95;font-size:9px;font-weight:550;white-space:nowrap}.badge.green,.badge.operational,.badge.resolved,.badge.completed,.badge.sent{background:#edf8f3;color:#338669}.badge.blue,.badge.open,.badge.in_progress,.badge.reopened,.badge.monitoring,.badge.queued{background:#edf1ff;color:#6477c9}.badge.orange,.badge.waiting,.badge.maintenance,.badge.scheduled,.badge.pending,.badge.preparing,.badge.degraded,.badge.investigating,.badge.identified{background:#fff6e8;color:#aa8548}.badge.red,.badge.outage,.badge.failed,.badge.uncertain,.badge.urgent,.badge.high{background:#fff0f1;color:#bc6070}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.4px;font-weight:550;color:#929aae;background:#fcfcfe;padding:12px 20px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:17px 20px;border-bottom:1px solid #f0f2f6}tr:last-child td{border-bottom:0}td a{color:var(--ink);font-weight:500}td .sub{font-size:9px;color:#97a0b4;display:block;margin-top:4px}.ticket-title{max-width:300px;overflow:hidden;text-overflow:ellipsis}.service-row{display:flex;align-items:center;gap:11px;padding:15px 23px;border-bottom:1px solid #f0f2f6}.service-row:last-child{border:0}.service-icon{width:33px;height:33px;border:1px solid var(--line);display:grid;place-items:center;border-radius:8px;color:#8591b4;background:#fafbfe;font-weight:600;font-size:12px}.service-info{flex:1;min-width:0}.service-info strong{font-size:11px;display:block}.service-info small{font-size:9px;color:#9ba3b3;display:block}.service-row .badge{font-size:8px}.empty{text-align:center;padding:39px 22px;color:var(--muted)}.empty svg{width:30px;height:30px;color:#b2bdd9;display:block;margin:0 auto 13px}.empty strong{display:block;color:#67728a;font-size:12px;margin-bottom:6px}.empty p{font-size:11px;margin-bottom:16px}.callout{border:1px solid #e3e7f6;background:#f8f9ff;padding:15px 18px;border-radius:9px;font-size:11px;color:#737e9e}.callout.warning{background:#fffaef;border-color:#f3e6c8;color:#927346}.filters{display:flex;align-items:end;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters>div{flex:1;min-width:120px}.filters label{font-size:10px;color:var(--muted);font-weight:400}.filters input,.filters select{font-size:11px;padding:8px 10px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-grid label{border:1px solid var(--line);border-radius:7px;padding:10px;font-size:11px;margin:0}.comment{border-bottom:1px solid var(--line);padding:21px 23px}.comment:last-child{border-bottom:0}.comment.internal{background:#fffcf1;border-left:3px solid #dfc781}.comment-head{display:flex;justify-content:space-between;margin-bottom:9px;font-size:10px;gap:10px}.comment-head span{color:var(--muted)}.comment .copy{font-size:12px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-meta dt{font-size:10px;color:var(--muted)}.detail-meta dd{margin:5px 0 0;font-size:12px}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:11px 0 11px 17px;border-left:1px solid #e2e6f0;position:relative;font-size:10px;color:#69758f}.timeline li:before{content:'';position:absolute;left:-3px;top:19px;width:5px;height:5px;border-radius:50%;background:#b5c0df}.timeline small{display:block;color:#a0a8b8;font-size:9px}.file-row{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:8px;margin-bottom:9px;overflow-wrap:anywhere}.file-row>div{flex:1;font-size:11px}.file-row small{display:block;color:var(--muted);font-size:9px}.operation{padding:21px 23px;border-bottom:1px solid var(--line)}.operation:last-child{border:0}.operation h3{font-size:13px;margin:10px 0 6px}.operation p{font-size:11px;color:var(--muted)}.pagination{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;right:25px;max-width:min(440px,calc(100vw - 32px));background:#263550;color:white;padding:16px 21px;border-radius:11px;box-shadow:var(--shadow);font-size:12px;z-index:40}#toast.error{background:#993e50}dialog{width:min(740px,calc(100vw - 30px));border:1px solid var(--line);border-radius:15px;padding:0;box-shadow:0 25px 90px #121b4740;max-height:90dvh}dialog::backdrop{background:#232b4a65;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 25px}.dialog-heading h2{margin:0}#modal-content{padding:25px}.preview-mail{background:#f8f9fc;padding:20px;border:1px solid var(--line);border-radius:8px;margin:16px 0}.preview-mail pre{padding:0;font-size:12px}.action-card{padding:22px;display:flex;gap:18px;align-items:center}.action-card .service-icon{width:43px;height:43px}.action-card h3{font-size:12px;margin:0 0 5px}.action-card p{margin:0;color:var(--muted);font-size:10px}.action-card>div:nth-child(2){flex:1}.status-banner{display:flex;align-items:center;gap:12px;padding:20px 23px;background:#f0f9f5;border:1px solid #dceddf;border-radius:10px;margin-bottom:23px;color:#43836a;font-size:12px}.status-banner.issue{background:#fff7ec;border-color:#f2e4cd;color:#a5803c}.status-banner .dot{width:8px;height:8px}.status-banner small{margin-left:auto;font-size:9px}.error-panel{padding:30px;border:1px solid #f0d5db;background:#fff6f7;border-radius:12px;color:#9b5061}.heading-back{font-size:10px;display:inline-block;margin-bottom:15px}.privacy{max-width:740px}.privacy h2{margin:30px 0 12px}.privacy p,.privacy li{font-size:13px;color:#717c91;line-height:1.9}.chart-bars{display:flex;gap:4px;margin-top:11px;height:24px;align-items:end}.chart-bars span{flex:1;background:#e4e9fc;border-radius:2px;min-height:4px}
}
@layer responsive {
  @media(min-width:1500px){main{padding-top:49px}.page-heading{margin-bottom:34px}}
  @media(max-width:1150px){.app-shell{grid-template-columns:220px 1fr}.sidebar{width:220px;padding-left:16px;padding-right:16px}.account{margin:0 -16px;padding:18px 16px}main{padding:30px 26px}.topbar{padding:0 26px}.grid-two{grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr)}.stat{padding:17px 15px}.hero-art{opacity:.4;right:15px}.hero p{max-width:80%}.stat-top{font-size:9px}td,th{padding-left:14px;padding-right:14px}.ticket-title{max-width:200px}footer{padding:20px 26px}}
  @media(max-width:900px){.grid-two{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.hero-art{opacity:.8}.sidebar-note{display:none}.account{margin-top:auto}.top-actions .external{display:none}}
  @media(max-width:640px){.app-shell{display:block}.sidebar{position:static;width:auto;height:auto;padding:18px 17px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brand-mark{width:33px;height:35px;line-height:32px;font-size:24px}.brand small{font-size:7px}.workspace-label,.nav-label,.nav-divider{display:none}#navigation{flex-direction:row;overflow-x:auto;margin:16px -17px 0;padding:0 10px 11px;gap:3px}#navigation a{white-space:nowrap;font-size:10px;padding:9px 10px;gap:6px}#navigation a svg{width:14px;height:14px}.account{position:absolute;top:16px;right:17px;margin:0;padding:0;border:0;min-height:0}.account-name{display:none}.account .button{padding:8px 10px;font-size:9px}.account .avatar{width:29px;height:29px;font-size:10px}.topbar{height:53px;padding:0 20px}.breadcrumb{font-size:10px}.top-actions{font-size:9px}main{padding:27px 19px 40px}.page-heading{gap:12px;margin-bottom:23px}h1{font-size:25px}.subtitle{font-size:11px}.page-heading .button{font-size:10px;padding:9px 11px;margin-top:14px}.stats{gap:11px;margin-bottom:20px}.stat{padding:16px}.stat-value{font-size:27px}.grid-two{gap:19px}.hero{padding:23px}.hero h2{font-size:19px}.hero-art{width:83px;height:83px;opacity:.5;top:24px;right:10px}.hero-art svg{width:45px;height:45px}.hero p{max-width:85%}.card-head,.card-body{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.check-grid{grid-template-columns:1fr}.filters{gap:9px;padding:14px}.filters>div{min-width:calc(50% - 9px)}footer{padding:18px 19px;flex-direction:column;gap:8px;font-size:9px}.status-banner{align-items:flex-start;font-size:11px}.status-banner small{display:none}dialog{max-height:92dvh}.dialog-heading,#modal-content{padding:20px}.table-wrap table{min-width:540px}.detail-meta{gap:15px}.row .button{font-size:10px}.service-row{padding:13px 19px}}
  @media(prefers-reduced-motion:no-preference){.button{transition:background .15s,box-shadow .15s}dialog[open]{animation:appear .14s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
}
@layer theme {
  .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);border:1px solid var(--line);background:var(--paper);padding:7px 10px;border-radius:7px;font-size:10px;line-height:1.4;cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:15px;height:15px}.theme-sun{display:none}[data-theme=dark] .theme-moon{display:none}[data-theme=dark] .theme-sun{display:block}
  [data-theme=dark]{--bg:#10131c;--paper:#191e2b;--ink:#e8ecf5;--muted:#a2acc2;--line:#2a3246;--accent:#a2b0ff;--accent-light:#293354;--green:#71c6a5;--shadow:0 8px 32px #0004;color-scheme:dark;background:var(--bg);color:var(--ink)}
  [data-theme=dark] body{background:var(--bg)}[data-theme=dark] .sidebar,[data-theme=dark] .card,[data-theme=dark] .stat,[data-theme=dark] dialog{background:var(--paper);color:var(--ink)}[data-theme=dark] .brand{color:var(--ink)}[data-theme=dark] .brand-mark{background:#6578ee;color:#fff}[data-theme=dark] .brand-mark span{color:#dce1ff}[data-theme=dark] .workspace-label{background:#141925;border-color:var(--line)}[data-theme=dark] .workspace-icon,[data-theme=dark] .service-icon{background:#20283b;border-color:#323e58;color:#bac5e8}[data-theme=dark] #navigation a{color:#a2acc3}[data-theme=dark] #navigation a:hover{background:#222b3d;color:#e5eaff}[data-theme=dark] #navigation a[aria-current=page]{background:#293354;color:#b7c2ff}[data-theme=dark] .nav-label{color:#8995ae}[data-theme=dark] .sidebar-note strong{color:#bdc6de}[data-theme=dark] .avatar{background:#2d3652;color:#c4ceff}[data-theme=dark] .topbar{background:#161b27}[data-theme=dark] .breadcrumb strong{color:#c4cce0}[data-theme=dark] .breadcrumb span{color:#6e7b96}[data-theme=dark] .eyebrow{color:#9daac7}[data-theme=dark] .button{background:#222b3e;border-color:#36425c;color:#c7d0e8}[data-theme=dark] .button:hover{background:#2a3550}[data-theme=dark] .button.primary{background:#6275ed;border-color:#7284f5;color:#fff}[data-theme=dark] .button.primary:hover{background:#7688fa}[data-theme=dark] .button.danger{background:#352331;border-color:#784655;color:#f2abb9}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#121824;border-color:#35415a;color:var(--ink)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#77849e}[data-theme=dark] input[type=checkbox]{accent-color:#899bff}[data-theme=dark] .hero{background:#202a49;border-color:#354775}[data-theme=dark] .hero .eyebrow{color:#b2c0fa}[data-theme=dark] .hero p{color:#b1bddb}[data-theme=dark] .hero-art{border-color:#485c92;background:#bac9ff08}[data-theme=dark] .hero-art svg{color:#9eb2f2}[data-theme=dark] .badge{background:#2c3447;color:#bcc6dd}[data-theme=dark] .badge.green,[data-theme=dark] .badge.operational,[data-theme=dark] .badge.resolved,[data-theme=dark] .badge.completed,[data-theme=dark] .badge.sent{background:#1d3a33;color:#8cddbb}[data-theme=dark] .badge.blue,[data-theme=dark] .badge.open,[data-theme=dark] .badge.in_progress,[data-theme=dark] .badge.reopened,[data-theme=dark] .badge.monitoring,[data-theme=dark] .badge.queued{background:#293658;color:#b3c2ff}[data-theme=dark] .badge.orange,[data-theme=dark] .badge.waiting,[data-theme=dark] .badge.maintenance,[data-theme=dark] .badge.scheduled,[data-theme=dark] .badge.pending,[data-theme=dark] .badge.preparing,[data-theme=dark] .badge.degraded,[data-theme=dark] .badge.investigating,[data-theme=dark] .badge.identified{background:#403527;color:#eac58a}[data-theme=dark] .badge.red,[data-theme=dark] .badge.outage,[data-theme=dark] .badge.failed,[data-theme=dark] .badge.uncertain,[data-theme=dark] .badge.urgent,[data-theme=dark] .badge.high{background:#432b38;color:#f0b1bf}[data-theme=dark] th{background:#151b28;color:#9fabc5}[data-theme=dark] td,[data-theme=dark] .service-row{border-color:#273045}[data-theme=dark] td a{color:var(--ink)}[data-theme=dark] .empty strong{color:#bac6e1}[data-theme=dark] .empty svg{color:#7e90ba}[data-theme=dark] .callout{background:#202a43;border-color:#354564;color:#bdc9e6}[data-theme=dark] .callout.warning{background:#342f24;border-color:#5e4d30;color:#dfc493}[data-theme=dark] .comment.internal{background:#302d24;border-left-color:#a28745}[data-theme=dark] pre,[data-theme=dark] .preview-mail{background:#121925;color:#c5cee3}[data-theme=dark] .preview-mail{border-color:#35415a}[data-theme=dark] .timeline li{border-color:#37445e;color:#bcc9e4}[data-theme=dark] .timeline li:before{background:#7e91c3}[data-theme=dark] .status-banner{background:#1b302d;border-color:#2d5448;color:#98d6b9}[data-theme=dark] .status-banner.issue{background:#342e23;border-color:#5a4a2f;color:#dfc38d}[data-theme=dark] .error-panel{background:#34232f;border-color:#714253;color:#f1b2c1}[data-theme=dark] .privacy p,[data-theme=dark] .privacy li{color:#b4bfd6}[data-theme=dark] .skip{background:var(--paper)}[data-theme=dark] footer{color:#8492ad}[data-theme=dark] footer a{color:#a8b5ce}[data-theme=dark] #toast{background:#d4def7;color:#18233d}[data-theme=dark] #toast.error{background:#71384b;color:#ffe6eb}[data-theme=dark] ::selection{background:#455586;color:#fff}[data-theme=dark] :focus-visible{outline-color:#bac7ff}[data-theme=dark] .chart-bars span{background:#3a4e7e}
  @media(max-width:640px){.theme-toggle{padding:6px}.theme-toggle span{display:none}.top-actions{gap:12px}}
}
@layer components {
 .email-entry{padding:14px 0;border-bottom:1px solid var(--line)}.email-entry:last-child{border-bottom:0}.email-entry summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px}.email-entry summary strong{flex:1;min-width:150px}.email-entry summary small{color:var(--muted);font-size:9px}.report-row{display:grid;grid-template-columns:minmax(85px,1fr) 2fr 35px;gap:12px;align-items:center;margin:14px 0;font-size:11px}.report-row strong{text-align:right}.report-meter{width:100%;height:13px;accent-color:var(--accent)}#report-days{width:auto;min-width:180px}.sidebar{overflow-y:auto}.sidebar #navigation{flex-shrink:0}
}
@layer components {
 .account-picker{position:relative}.account-results{position:absolute;z-index:10;left:0;right:0;top:100%;background:var(--paper);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);max-height:270px;overflow:auto;padding:5px}.account-results>p{padding:12px;margin:0}.account-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 9px;border:0;background:transparent;color:var(--ink);border-radius:6px}.account-option:hover,.account-option:focus-visible{background:var(--accent-light)}.account-option>span:last-child{min-width:0}.account-option strong{font-size:12px;display:block}.account-option small{font-size:10px;color:var(--muted);display:block;overflow-wrap:anywhere}.account-search:invalid:not(:placeholder-shown){border-color:#b78248}
}