*{box-sizing:border-box}html{background:var(--bg);color:var(--fg)}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--link);text-underline-offset:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{background:var(--bg);z-index:10;padding:8px;top:8px;left:16px}main{max-width:1080px;margin:0 auto;padding:24px 16px 48px}main.narrow{max-width:440px}h1{margin:0 0 16px;font-size:1.6rem;line-height:1.25}h2{margin:24px 0 8px;font-size:1.2rem}.muted,.hint{color:var(--muted)}.hint{margin:4px 0 0;font-size:.9rem}code{word-break:break-all}.field{margin:12px 0}.field label,fieldset legend{margin-bottom:4px;font-weight:600;display:block}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--muted);border-radius:6px;width:100%;max-width:440px;padding:8px 10px}input[type=color]{border:1px solid var(--muted);background:var(--bg);border-radius:6px;width:48px;height:40px;padding:2px}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--danger);border-width:2px}.field-error{color:var(--danger);margin:4px 0 0;font-weight:600}.check{align-items:center;gap:8px;margin:12px 0;display:flex}.check input{width:18px;height:18px}fieldset{border:0;margin:0;padding:0}.btn{font:inherit;border:2px solid var(--primary);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px 16px;font-weight:600}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--link);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--primary-soft);color:var(--fg)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn:disabled,select:disabled,input:disabled{opacity:.6;cursor:not-allowed}.notice{border-left:4px solid var(--muted);background:var(--surface);color:var(--fg);border-radius:6px;margin:12px 0;padding:10px 16px}.notice-warning{background:var(--notice);color:var(--notice-fg);border-left-color:var(--notice-fg)}.notice-error{border-left-color:var(--danger);font-weight:600}.notice-ok{border-left-color:var(--ok)}.badge{border-radius:999px;padding:2px 8px;font-size:.85rem;font-weight:600;display:inline-block}.badge-accent{background:var(--accent);color:var(--accent-fg)}.badge-neutral{background:var(--surface);color:var(--fg);border:1px solid var(--line)}.card{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:16px 0;padding:16px}.card>h2:first-child{margin-top:0}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.page-actions{flex-wrap:wrap;gap:8px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{font-weight:600}.table-wrap{overflow-x:auto}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline .field{margin:0}.inline select,.inline input:not([type=checkbox]){width:auto}.inline .btn{margin-top:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--bg)}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:8px 16px;display:flex}.brand{color:var(--fg);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand img{max-width:160px;max-height:32px}.nav{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--fg);border-radius:6px;padding:6px 10px;text-decoration:none;display:inline-block}.nav a:hover{background:var(--primary-soft)}.nav a[aria-current=page]{background:var(--primary);color:var(--primary-fg)}.topbar-end{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.logo-light-only{display:inline}.logo-dark-only,:root[data-theme=dark] .logo-light-only{display:none}:root[data-theme=dark] .logo-dark-only{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-light-only{display:none}:root:not([data-theme=light]) .logo-dark-only{display:inline}}.text-error{color:var(--danger);font-weight:600}.text-ok{color:var(--ok);font-weight:600}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:8px 0 16px;display:flex}.filters .field{margin:0}.filters input,.filters select{width:auto;min-width:140px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.timeline{border-left:2px solid var(--line);margin:0;padding:0 0 0 12px;list-style:none}.timeline li{padding:4px 0 12px 8px}.board{grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.board-col{background:var(--surface);border-radius:8px;min-height:120px;padding:8px}.board-col h2{margin:4px 4px 8px;font-size:1rem}.board-col ol{margin:0;padding:0;list-style:none}.deal-card{background:var(--bg);border:1px solid var(--line);border-radius:6px;margin:0 0 8px;padding:8px}.deal-card .inline select{max-width:150px}dl.details{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;display:grid}dl.details dt{font-weight:600}dl.details dd{margin:0}.task-list{margin:0;padding:0;list-style:none}.task-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.task-list li.task-done strong{color:var(--muted);text-decoration:line-through}textarea{font:inherit}main:has(.mail-app){max-width:none;padding:0}.mail-app{grid-template-columns:220px minmax(300px,400px) minmax(0,1fr);height:calc(100dvh - 58px);min-height:480px;display:grid}.mail-folders,.mail-list,.mail-pane{min-height:0;overflow-y:auto}.mail-folders{border-right:1px solid var(--line);background:var(--surface);padding:12px 8px}.mail-folders ul{margin:0;padding:0;list-style:none}.mail-compose{text-align:center;width:100%;margin:0 0 12px;text-decoration:none;display:block}.mail-folders-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 8px 4px;font-size:.75rem}.mail-folder{color:var(--fg);overflow-wrap:anywhere;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 10px;text-decoration:none;display:flex}.mail-folder:hover,.mail-folder[aria-current=page]{background:var(--primary-soft)}.mail-folder[aria-current=page]{font-weight:700}.mail-count{font-size:.85rem;font-weight:700}.mail-list{border-right:1px solid var(--line)}.mail-list-head{z-index:1;background:var(--bg);border-bottom:1px solid var(--line);padding:12px 12px 8px;position:sticky;top:0}.mail-list-head h1{margin:0 0 8px;font-size:1.15rem}.mail-search input{width:100%}.mail-empty{padding:16px}.mail-rows{margin:0;padding:0;list-style:none}.mail-row{border-bottom:1px solid var(--line);color:var(--fg);border-left:3px solid #0000;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.mail-row:hover{background:var(--surface)}.mail-row.unread{border-left-color:var(--primary)}.mail-row[aria-current=true]{background:var(--primary-soft);border-left-color:var(--primary)}.mail-row.unread .mail-from,.mail-row.unread .mail-subject,.mail-row.unread .mail-date{color:var(--fg);font-weight:700}.mail-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--fg);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.mail-row-main{flex-direction:column;flex:1;min-width:0;display:flex}.mail-row-top{justify-content:space-between;gap:8px;display:flex}.mail-from,.mail-subject,.mail-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-date{color:var(--muted);flex:none;font-size:.85rem}.mail-n{color:var(--muted);font-size:.85rem;font-weight:400}.mail-subject{font-size:.95rem}.mail-snippet{color:var(--muted);font-size:.85rem}.mail-clip{margin-right:4px}.mail-tags{flex-wrap:wrap;gap:4px;display:flex}.mail-tags:empty{display:none}.mail-tag{border:1px solid var(--line);color:var(--fg);background:var(--bg);border-radius:999px;margin-top:4px;padding:1px 8px;font-size:.75rem;display:inline-block}.mail-pages{justify-content:center;gap:12px;padding:12px;display:flex}.mail-placeholder{justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.mail-thread{max-width:980px;padding:16px 24px 32px}.mail-back{margin:0 0 8px;display:none}.mail-thread-title{margin:0 0 6px;font-size:1.35rem}.mail-thread-meta{flex-wrap:wrap;align-items:center;gap:12px;font-size:.9rem;display:flex}.mail-thread-meta .mail-tag{margin-top:0}.mail-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0;padding:8px 0;display:flex}.mail-tool{align-items:center;gap:6px;display:flex}.mail-tool label{color:var(--muted);font-size:.85rem}.mail-tool select{max-width:220px}.mail-images{font-size:.9rem}.mail-conversation{margin:12px 0;padding:0;list-style:none}.mail-message{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:0 0 8px}.mail-message-head{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;list-style:none;display:flex}.mail-message-head::-webkit-details-marker{display:none}.mail-message-who{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;display:flex}.mail-message-to,.mail-message-snippet{font-size:.85rem}.mail-message-snippet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}details[open]>.mail-message-head .mail-message-snippet,details:not([open])>.mail-message-head .mail-message-to{display:none}.mail-message-date{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:baseline;gap:6px;font-size:.85rem;display:flex}.mail-message-body{padding:0 12px 12px 58px}.message-frame{background:#fff;border:0;border-radius:4px;width:100%;height:160px;display:block}.mail-files{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.mail-file{border:1px solid var(--line);border-radius:6px;flex-direction:column;min-width:160px;max-width:260px;padding:8px 12px;text-decoration:none;display:inline-flex}.mail-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-note{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--notice);color:var(--notice-fg);border-radius:8px;margin:0 0 8px;padding:8px 12px}.mail-note-head{margin:0;font-size:.85rem}.mail-note-body{white-space:pre-wrap;margin:4px 0 0}.mail-actions{flex-wrap:wrap;gap:8px;margin:12px 0 0;display:flex}.mail-composer{border:1px solid var(--line);border-radius:8px;margin:12px 0 0;padding:12px 16px;box-shadow:0 1px 4px #00000014}.mail-composer textarea{width:100%}.mail-composer-note{border-left:4px solid var(--accent)}.mail-recipients{overflow-wrap:anywhere;margin:0 0 8px}.mail-more{margin:4px 0}.mail-more>summary{cursor:pointer;color:var(--link)}@media (max-width:1100px){.mail-app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.mail-folders{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 12px;display:flex;overflow:visible}.mail-folders ul{flex-wrap:wrap;gap:4px;display:flex}.mail-folders-heading{display:none}.mail-compose{width:auto;margin:0}}@media (max-width:760px){.mail-app{grid-template-columns:1fr;height:auto}.mail-list,.mail-pane{border-right:0;overflow:visible}.mail-app.has-selection .mail-list,.mail-app.has-selection .mail-folders,.mail-app:not(.has-selection) .mail-pane{display:none}.mail-back{display:block}.mail-thread{padding:12px}.mail-message-body{padding-left:12px}}fieldset{border:1px solid var(--line);border-radius:8px;margin:12px 0;padding:8px 16px}.topbar-inner{flex-wrap:nowrap;max-width:none;min-height:56px}.nav-wrap{min-width:0}.nav{flex-wrap:nowrap}.nav a{white-space:nowrap}.nav-toggle{display:none}.topbar-end{white-space:nowrap;flex-wrap:nowrap}@media (max-width:1200px){.topbar-email{display:none}}@media (max-width:900px){.topbar-inner{flex-wrap:wrap}.nav-toggle{display:inline-block}.nav{flex-direction:column;width:100%;display:none}.nav.open{display:flex}.nav-wrap{order:3;width:100%}.topbar-end{flex-wrap:wrap}}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.settings-card{border:1px solid var(--line);height:100%;color:var(--fg);border-radius:8px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.settings-card:hover{border-color:var(--primary);background:var(--primary-soft)}.mail-app>*{min-width:0}.mail-tool .btn,.mail-actions .btn{min-height:0;padding:4px 12px}.mail-icon{vertical-align:-2px;flex:none;width:14px;height:14px;margin-right:4px}@media (max-width:760px){.mail-folders{flex-wrap:nowrap;overflow-x:auto}.mail-folders ul{flex-wrap:nowrap}.mail-folder{white-space:nowrap}}.mail-composer textarea,.mail-composer input:not([type=checkbox]):not([type=file]){width:100%;max-width:none}.mail-tool select{min-height:0;padding:4px 8px}.mail-compose{white-space:nowrap}@media (max-width:900px){.nav-wrap{order:2;width:auto;margin-left:auto}.nav.open{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px;position:absolute;top:56px;left:0;right:0}.topbar{position:relative}.topbar-end{order:3;justify-content:flex-end;width:100%;font-size:.9rem}}.mail-signature{margin:4px 0 8px}.mail-signature pre{border-left:3px solid var(--line);color:var(--muted);font:inherit;white-space:pre-wrap;margin:4px 0 0;padding:8px 12px;font-size:.9rem}.bell-wrap{align-items:center;gap:6px;display:inline-flex}.bell{color:var(--fg);border-radius:6px;padding:6px;display:inline-flex;position:relative}.bell:hover{background:var(--primary-soft)}.bell-count{background:var(--primary);min-width:18px;height:18px;color:var(--primary-fg);text-align:center;border-radius:9px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:-2px;right:-4px}.bell-enable{color:var(--link);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.mail-list-title{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.mail-list-title h1{margin:0}.mail-refresh{min-height:0;padding:4px 10px;font-size:.9rem}