:root{--bg:#071019;--bg-2:#0a141e;--surface:#0d1823;--surface-2:#111f2c;--surface-3:#162735;--line:#213443;--line-soft:#182a38;--text:#e9f1f5;--muted:#8ea3b1;--faint:#607785;--cyan:#6a9a93;--cyan-2:#4d7a74;--blue:#55a5ff;--green:#5ed49a;--yellow:#f2c66d;--orange:#ef9c63;--red:#f47575;--purple:#ad8bfa;--shadow:0 20px 60px rgba(0,0,0,.35);--radius:14px;--topbar:72px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:radial-gradient(circle at 75% -20%,rgba(58,104,100),.12),transparent 35%),var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
button,a{outline:none}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.035em;margin-bottom:10px}
h2{font-size:18px;letter-spacing:-.015em}
h3{font-size:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:999;left:16px;top:-60px;background:var(--cyan);color:#041114;padding:10px 16px;border-radius:8px;font-weight:700}.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.topbar{height:var(--topbar);border-bottom:1px solid var(--line-soft);display:flex;align-items:center;padding:0 28px;gap:30px;position:sticky;top:0;z-index:50;background:rgba(7,16,25,.92);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;min-width:190px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:17px;letter-spacing:.01em}.brand small{color:var(--muted);font-size:8px;letter-spacing:.18em;font-weight:700}
.brand-mark{width:32px;height:32px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border:1px solid rgba(106,154,147),.28);background:rgba(106,154,147),.08);border-radius:8px;padding:7px}.brand-mark i{display:block;width:3px;background:var(--cyan);border-radius:2px}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}
.primary-nav{display:flex;height:100%;align-items:center;gap:4px}.primary-nav a{height:100%;padding:0 14px;display:flex;align-items:center;color:var(--muted);position:relative;font-weight:600}.primary-nav a:hover,.primary-nav a.active{color:var(--text)}.primary-nav a.active:after{content:"";position:absolute;height:2px;background:var(--cyan);left:12px;right:12px;bottom:0}
.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:transparent;border-radius:9px;display:inline-grid;place-items:center}.icon-button:hover{background:var(--surface-2);border-color:#345063}.nav-toggle{display:none}
.global-search{width:min(300px,23vw);height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--faint);position:relative;background:rgba(10,20,30,.7)}.global-search:focus-within{border-color:var(--cyan-2);box-shadow:0 0 0 3px rgba(106,154,147),.08)}.global-search input{border:0;outline:0;background:transparent;min-width:0;width:100%}.global-search kbd{font-size:10px;border:1px solid var(--line);padding:2px 5px;border-radius:4px}.search-results{position:absolute;top:46px;left:0;right:0;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);max-height:360px;overflow:auto;padding:6px}.search-result{display:block;padding:10px;border-radius:7px}.search-result:hover,.search-result:focus{background:var(--surface-3)}.search-result strong,.search-result small{display:block}.search-result small{color:var(--muted)}
.account-chip{display:flex;align-items:center;gap:9px;padding:4px 8px;border-radius:9px}.account-chip:hover{background:var(--surface-2)}.avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#3a6562,#2a4a4d);display:inline-grid;place-items:center;font-size:11px;font-weight:800}.avatar-large{width:52px;height:52px;font-size:16px}.account-chip-copy{display:flex;flex-direction:column}.account-chip-copy strong{font-size:12px}.account-chip-copy small{font-size:10px;color:var(--muted)}
.page-shell{max-width:1540px;margin:0 auto;padding:42px 34px 64px}.narrow-shell{max-width:1250px}.page-heading{margin-bottom:28px}.page-heading p{color:var(--muted);font-size:15px;margin:0}.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.heading-actions{display:flex;gap:9px}.section-kicker{color:var(--cyan);font-size:10px;letter-spacing:.18em;font-weight:800;display:block;margin-bottom:8px}
.button{min-height:40px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);padding:0 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{filter:brightness(1.15)}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#042124}.button.ghost{background:transparent}.button.danger{background:var(--red);border-color:var(--red);color:#1c0808}.ghost-danger{background:transparent;color:var(--red);border:1px solid rgba(244,117,117,.4)}.text-button{min-height:32px;background:transparent;padding:0 10px}.wide{width:100%}
.panel{background:linear-gradient(145deg,rgba(17,31,44,.9),rgba(10,20,30,.94));border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:0 12px 30px rgba(0,0,0,.12)}.panel-header{min-height:65px;padding:16px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-header h2{margin:0}.month-controls{display:flex;align-items:center;gap:10px}.month-controls h2{min-width:140px;text-align:center}.month-controls .icon-button{width:32px;height:32px}
.metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.metric{padding:18px 20px;background:rgba(13,24,35,.75);border:1px solid var(--line-soft);border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:center}.metric>span{color:var(--muted);font-weight:600}.metric strong{font-size:27px;color:var(--cyan);grid-row:span 2}.metric small{color:var(--faint)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.dashboard-rail{display:flex;flex-direction:column;gap:16px}.compact-panel .panel-header{border:0;padding-bottom:8px}.compact-panel .panel-header .section-kicker{margin-bottom:2px}.event-list,.people-list{padding:0 14px 14px}.event-list:empty:after,.people-list:empty:after{content:"Nothing scheduled";display:block;color:var(--faint);padding:18px 4px}.list-event,.person-row{display:flex;gap:11px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line-soft)}.list-event:last-child,.person-row:last-child{border:0}.date-badge{width:40px;text-align:center;background:var(--surface-3);border-radius:8px;padding:4px}.date-badge strong,.date-badge small{display:block}.date-badge small{font-size:8px;color:var(--muted)}.list-copy{min-width:0;flex:1}.list-copy strong,.list-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-copy span{font-size:11px;color:var(--muted)}.person-row .avatar{border-radius:50%}.person-row>span:last-child{margin-left:auto;color:var(--muted);font-size:11px}.accent-panel{border-color:rgba(106,154,147),.25);background:linear-gradient(145deg,rgba(17,51,56,.72),rgba(10,20,30,.95))}
.legend{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:11px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i,.event-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.user-color-0{--event-color:#6a9a93}.user-color-1{--event-color:#55a5ff}.user-color-2{--event-color:#ad8bfa}.user-color-3{--event-color:#f2c66d}.user-color-4{--event-color:#ef9c63}.user-color-5{--event-color:#5ed49a}.user-color-6{--event-color:#f47575}
.avatar.user-color-0,.legend .user-color-0{background:#6a9a93}.avatar.user-color-1,.legend .user-color-1{background:#55a5ff}.avatar.user-color-2,.legend .user-color-2{background:#ad8bfa}.avatar.user-color-3,.legend .user-color-3{background:#f2c66d}.avatar.user-color-4,.legend .user-color-4{background:#ef9c63}.avatar.user-color-5,.legend .user-color-5{background:#5ed49a}.avatar.user-color-6,.legend .user-color-6{background:#f47575}
.month-calendar{padding:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(104px,1fr);min-height:660px}.cal-weekday{min-height:auto;padding:7px 9px;color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.12em}.cal-day{border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft);padding:7px;min-width:0;position:relative}.cal-day:nth-child(7n+1){border-left:0}.cal-day.other-month{opacity:.35}.cal-day.today .day-number{background:var(--cyan);color:#042124}.day-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;margin-bottom:5px}.cal-event{display:block;border:0;border-left:2px solid var(--event-color,var(--cyan));background:color-mix(in srgb,var(--event-color,var(--cyan)) 13%,transparent);border-radius:3px;padding:3px 5px;color:var(--text);font-size:10px;margin:2px 0;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event:hover{filter:brightness(1.3)}.more-events{color:var(--muted);font-size:9px;padding:3px 4px}.event-dot.appointment{background:var(--blue)}.event-dot.client_meeting{background:var(--cyan)}.event-dot.vacation{background:var(--yellow)}.event-dot.blocked{background:var(--red)}.event-dot.on_call{background:var(--purple)}
.cal-event.appointment{--event-color:var(--blue)}.cal-event.client_meeting{--event-color:var(--cyan)}.cal-event.vacation{--event-color:var(--yellow)}.cal-event.blocked{--event-color:var(--red)}.cal-event.on_call{--event-color:var(--purple)}
.form-dialog,.confirm-dialog{padding:0;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);width:min(620px,calc(100vw - 30px))}.form-dialog::backdrop,.confirm-dialog::backdrop{background:rgba(1,6,10,.76);backdrop-filter:blur(4px)}.form-dialog>form{padding:22px}.form-dialog header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.form-dialog header h2{font-size:22px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12px}.field input,.field select,.field textarea,.inline-form input,.copy-field input{border:1px solid var(--line);background:#09141e;border-radius:8px;padding:10px 11px;outline:0;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus{border-color:var(--cyan-2);box-shadow:0 0 0 3px rgba(106,154,147),.08)}.field textarea{resize:vertical}.check-row{display:flex;gap:8px;color:var(--muted);align-items:center}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog-actions.between{display:grid;grid-template-columns:auto 1fr auto auto}.conflict-warning{margin-top:15px;padding:11px;background:rgba(242,198,109,.08);border:1px solid rgba(242,198,109,.28);border-radius:8px;color:var(--yellow)}.conflict-warning strong,.conflict-warning span{display:block}.conflict-warning span{font-size:11px}.confirm-dialog form{padding:24px;text-align:center}.dialog-icon{margin:0 auto 12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.dialog-icon.warning{background:rgba(244,117,117,.12);color:var(--red)}.confirm-dialog p{color:var(--muted)}.small-dialog{width:min(410px,calc(100vw - 30px))}
.toast-region{position:fixed;z-index:200;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{background:#142634;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;padding:11px 14px;min-width:240px;animation:toast-in .18s ease}.toast.error{border-color:rgba(244,117,117,.5)}@keyframes toast-in{from{transform:translateY(8px);opacity:0}}

/* Login */
.login-page{background:#050b11}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(430px,.85fr)}.login-shell-simple{grid-template-columns:1fr}.login-visual{position:relative;overflow:hidden;padding:42px 56px;display:flex;flex-direction:column;background:radial-gradient(circle at 60% 40%,rgba(77,122,116),.18),transparent 30%),linear-gradient(140deg,#07131c,#091c27)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(82,157,165,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(82,157,165,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.login-brand{z-index:1}.visual-copy{margin:auto 0;z-index:1;max-width:640px}.login-host{color:var(--cyan);font-size:13px;letter-spacing:.12em;font-weight:700;text-transform:lowercase;margin:0 0 16px}.visual-copy h1{font-size:clamp(28px,3.4vw,42px);margin:0 0 18px;letter-spacing:-.03em}.visual-copy p{max-width:510px;color:var(--muted);font-size:16px;margin:0}.visual-status{z-index:1;display:flex;border-top:1px solid var(--line);padding-top:20px;gap:45px}.visual-status div{display:flex;flex-direction:column}.visual-status span{font-size:8px;color:var(--faint);letter-spacing:.15em}.visual-status strong{font-size:11px;color:var(--green)}.login-panel{display:grid;place-items:center;padding:45px;background:#071019}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-card h2{font-size:32px;margin:7px 0}.muted{color:var(--muted)}.stack-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.input-wrap{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#09141e;padding:0 10px;color:var(--faint)}.input-wrap:focus-within{border-color:var(--cyan-2);box-shadow:0 0 0 3px rgba(106,154,147),.08)}.input-wrap input{height:46px;flex:1;border:0;background:transparent;outline:0;min-width:0;padding:0 10px}.reveal-button,.back-button,.copy-secret{border:0;background:transparent;color:var(--cyan);font-size:11px}.field-error{color:var(--red);min-height:1em}.form-alert{padding:10px;border-radius:7px}.form-alert.error{background:rgba(244,117,117,.1);color:var(--red);border:1px solid rgba(244,117,117,.25)}.otp-input{height:58px;text-align:center;font-size:25px;letter-spacing:.35em;border:1px solid var(--line);background:#09141e;border-radius:9px}.field-hint{color:var(--muted);font-weight:400}.login-footer{display:flex;gap:8px;justify-content:center;color:var(--faint);font-size:10px;margin-top:40px}.login-divider{display:flex;align-items:center;gap:12px;margin:22px 0 10px;color:var(--faint);font-size:10px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line-soft)}.login-email-link{margin-top:4px}.login-email-link .text-button{width:100%;justify-content:center;color:var(--cyan)}.login-email-link .stack-form{margin-top:16px}.form-alert:not(.error){background:rgba(106,154,147,.1);color:var(--cyan);border:1px solid rgba(106,154,147,.22)}

/* Notes */
.notes-page{overflow:hidden}.notes-page .topbar{position:relative}.notes-page #main-content{height:calc(100vh - var(--topbar));overflow:hidden}.notes-app{height:100%;display:grid;grid-template-columns:230px 330px minmax(400px,1fr);background:#0b141d}.notes-sidebar{background:#0a1620;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.notes-sidebar-head{padding:18px 15px 10px;display:flex;align-items:center;justify-content:space-between;font-size:18px}.notes-sidebar-head .icon-button{width:28px;height:28px}.notes-search{margin:0 12px 12px;height:32px;border:1px solid var(--line);background:#07111a;border-radius:7px;display:flex;align-items:center;padding:0 8px;color:var(--faint)}.notes-search input{background:transparent;border:0;outline:0;width:100%;padding:0 6px}.folder-list{overflow:auto;padding:0 8px;flex:1}.folder-item{width:100%;height:34px;border:0;background:transparent;border-radius:6px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;text-align:left;color:var(--muted);padding:0 8px}.folder-item:hover{background:var(--surface-2)}.folder-item.active{background:#183849;color:var(--text)}.folder-item b{font-size:10px;color:var(--faint)}.folder-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 8px 5px;color:var(--faint);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.folder-heading button{border:0;background:transparent;color:var(--muted);font-size:17px}.folder-custom{position:relative}.folder-custom .folder-item{padding-right:33px}.folder-menu{position:absolute;right:4px;top:3px;width:26px;height:28px;border:0;background:transparent;color:var(--faint);opacity:0}.folder-custom:hover .folder-menu,.folder-menu:focus{opacity:1}.trash-item{margin-top:10px}.notes-sidebar footer{border-top:1px solid var(--line-soft);height:42px;display:flex;align-items:center;padding:0 16px;color:var(--faint);font-size:10px;gap:7px}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.sync-dot.syncing{background:var(--yellow)}.sync-dot.error{background:var(--red)}
.note-list-pane{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#0e1923}.note-list-head{height:72px;padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.note-list-head h1{font-size:18px;margin:0}.note-list-head span{font-size:10px;color:var(--muted)}.compose-button{width:34px;height:34px;border:0;background:transparent;color:var(--cyan);font-size:22px;position:relative}.compose-button i{position:absolute;font-style:normal;font-size:14px;right:0;bottom:0}.note-list{overflow:auto;flex:1;padding:5px 8px}.note-group-title{padding:12px 10px 4px;color:var(--faint);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.note-row{padding:12px;border-radius:8px;cursor:pointer;border-bottom:1px solid var(--line-soft);min-height:83px}.note-row:hover{background:rgba(24,56,73,.38)}.note-row.active{background:#183849}.note-row.dragging{opacity:.4}.note-row-title{display:flex;justify-content:space-between;gap:10px}.note-row-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row-title span{font-size:10px;color:var(--yellow)}.note-preview{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.note-meta{font-size:9px;color:var(--faint);display:flex;justify-content:space-between}.note-empty{color:var(--faint);text-align:center;padding:60px 20px}
.note-editor-pane{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#101c27,#0c1721)}.editor-toolbar{height:52px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px}.editor-toolbar button{width:30px;height:30px;border:0;border-radius:5px;background:transparent;color:var(--muted)}.editor-toolbar button:hover{background:var(--surface-3);color:var(--text)}.editor-nav [data-mobile-back]{display:none}.format-tools{display:flex;align-items:center}.tool-separator{height:18px;width:1px;background:var(--line);margin:0 4px}.editor-actions{justify-self:end;display:flex}.danger-text{color:var(--red)!important}.editor-empty{margin:auto;text-align:center;color:var(--muted)}.empty-glyph{font-size:35px;color:var(--faint)}.editor-empty h2{margin:9px 0 2px}.note-editor{width:min(800px,calc(100% - 80px));margin:0 auto;overflow:auto;padding:46px 0 100px;flex:1}.note-date{text-align:center;color:var(--faint);font-size:10px;margin-bottom:25px}.note-title-input{display:block;border:0;outline:0;background:transparent;width:100%;font-size:29px;font-weight:750;letter-spacing:-.03em;padding:0;margin-bottom:18px}.note-content{min-height:calc(100vh - 300px);outline:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65;color:#dce7eb}.note-content:empty:before{content:attr(data-placeholder);color:var(--faint)}.note-content ul,.note-content ol{padding-left:24px}.checklist{list-style:none;padding-left:0!important}.checklist li{display:flex;gap:8px;align-items:flex-start}.checklist input{margin-top:6px;accent-color:var(--cyan)}.checklist li.checked span{text-decoration:line-through;color:var(--faint)}

/* Settings and clients */
.settings-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.settings-nav{position:sticky;top:98px;height:max-content;display:flex;flex-direction:column;border-left:1px solid var(--line)}.settings-nav a{padding:9px 15px;color:var(--muted)}.settings-nav a:hover{color:var(--cyan);border-left:2px solid var(--cyan);margin-left:-1px}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-card{padding:22px}.settings-card>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line-soft);margin:-2px 0 20px;padding-bottom:16px}.settings-card h2{margin-bottom:3px}.settings-card header p{color:var(--muted);margin:0}.form-actions{display:flex;justify-content:flex-end}.status-pill{height:26px;padding:3px 9px;border-radius:20px;background:rgba(142,163,177,.1);color:var(--muted);font-size:10px;font-weight:800}.status-pill.enabled{color:var(--green);background:rgba(94,212,154,.1)}.mfa-enrollment{display:grid;grid-template-columns:170px 1fr;gap:22px}.qr-frame{background:#fff;border-radius:8px;width:170px;height:170px;display:grid;place-items:center;overflow:hidden}.qr-frame img,.qr-frame svg{width:100%;height:100%}.inline-form{display:flex;gap:8px}.inline-form input{max-width:220px}.success-copy{color:var(--green)}.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.backup-codes span{font-family:ui-monospace,monospace;background:#09141e;padding:6px;border-radius:5px}.copy-field{display:flex;margin-bottom:10px}.copy-field input{border-radius:8px 0 0 8px}.copy-field button{border:1px solid var(--line);background:var(--surface-3);border-radius:0 8px 8px 0}.session-list{display:flex;flex-direction:column}.session-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.session-row:last-child{border:0}.device-icon{width:36px;height:36px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center}.session-row strong,.session-row small{display:block}.session-row small{color:var(--muted)}.current-label{color:var(--green);font-size:10px}
.directory-panel{overflow:hidden}.directory-tools{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line-soft)}.table-search{width:min(440px,100%);height:39px;border:1px solid var(--line);border-radius:8px;background:#09141e;display:flex;align-items:center;padding:0 10px;color:var(--faint)}.table-search input{border:0;outline:0;background:transparent;flex:1;padding:0 8px}.select-label{margin-left:auto;color:var(--muted);font-size:11px}.select-label select{margin-left:6px;border:1px solid var(--line);background:#09141e;border-radius:7px;padding:8px}.result-count{color:var(--faint);font-size:11px;min-width:60px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:left;padding:11px 16px;color:var(--faint);font-size:9px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--line)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--line-soft)}.data-table tbody tr:hover{background:rgba(24,56,73,.2)}.client-name{display:flex;gap:10px;align-items:center}.client-logo{width:34px;height:34px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;color:var(--cyan);font-weight:800}.client-name strong,.client-name small,.contact-cell strong,.contact-cell small{display:block}.client-name small,.contact-cell small{color:var(--muted)}.status-tag{padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase}.status-tag.active{background:rgba(94,212,154,.1);color:var(--green)}.status-tag.onboarding{background:rgba(85,165,255,.1);color:var(--blue)}.status-tag.paused{background:rgba(242,198,109,.1);color:var(--yellow)}.status-tag.archived{background:rgba(142,163,177,.1);color:var(--muted)}.row-actions{display:flex;justify-content:flex-end}.empty-state{text-align:center;padding:60px;color:var(--muted)}

.status-tag.prospect{background:rgba(85,165,255,.1);color:var(--blue)}.status-tag.closed{background:rgba(142,163,177,.1);color:var(--muted)}.qr-fallback{color:#162735;text-align:center;font-size:11px;font-weight:700}
@media(max-width:1050px){.primary-nav a{padding:0 8px}.account-chip-copy{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{display:grid;grid-template-columns:repeat(3,1fr)}.notes-app{grid-template-columns:190px 290px minmax(360px,1fr)}.global-search{width:210px}}
@media(max-width:800px){:root{--topbar:62px}.topbar{padding:0 14px;gap:8px}.brand{min-width:0}.brand>span:last-child{display:none}.nav-toggle{display:grid}.primary-nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--surface);height:auto;flex-direction:column;align-items:stretch;padding:8px;border-bottom:1px solid var(--line)}.primary-nav.open{display:flex}.primary-nav a{height:42px}.global-search{width:160px}.global-search kbd{display:none}.account-chip{display:none}.page-shell{padding:28px 16px 50px}.split-heading{align-items:flex-start}.metrics-row{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:1fr}.month-calendar{overflow:auto;grid-template-columns:repeat(7,minmax(105px,1fr))}.calendar-panel{overflow:hidden}.legend{display:none}.settings-grid{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow:auto;border-left:0;border-bottom:1px solid var(--line)}.settings-nav a{white-space:nowrap}.recovery-grid{grid-template-columns:1fr}.notes-page .topbar{display:none}.notes-page #main-content{height:100vh}.notes-app{grid-template-columns:210px 1fr}.note-editor-pane{position:absolute;inset:0;z-index:4;display:none}.notes-app.editor-open .note-editor-pane{display:flex}.editor-nav [data-mobile-back]{display:block}.note-editor{width:calc(100% - 40px)}}
@media(max-width:560px){.global-search{display:none}.topbar-actions{margin-left:auto}.split-heading{display:block}.heading-actions,.split-heading>.button{margin-top:18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.dialog-actions.between{display:flex;flex-wrap:wrap}.month-calendar{min-height:590px}.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px 22px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:55px}.login-footer{flex-wrap:wrap}.notes-app{grid-template-columns:1fr}.notes-sidebar{position:absolute;z-index:3;inset:0 22% 0 0;box-shadow:var(--shadow);transform:translateX(-105%);transition:transform .2s}.notes-app.folders-open .notes-sidebar{transform:none}.note-list-pane{grid-column:1}.note-list-head:before{content:"☰";margin-right:8px;color:var(--muted)}.editor-toolbar{grid-template-columns:42px 1fr auto}.format-tools{overflow:auto}.format-tools button{flex:0 0 auto}.settings-card{padding:16px}.mfa-enrollment{grid-template-columns:1fr}.directory-tools{flex-wrap:wrap}.select-label{margin-left:0}.visual-copy h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.form-dialog>article{padding:22px}.detail-list{display:grid;gap:14px;margin:0}.detail-list div{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-list dd{margin:0;white-space:pre-wrap}.event-detail-dialog footer{margin-top:22px}

/* Notes intentionally follows the familiar macOS Notes light workspace. */
.notes-page{background:#f5f5f7;color:#1d1d1f}.notes-page .notes-app{background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}.notes-page .notes-sidebar{background:linear-gradient(180deg,#ececef,#e4e4e8);border-color:#c9c9cd}.notes-page .notes-sidebar-head{color:#242426}.notes-page .notes-search{background:rgba(255,255,255,.72);border-color:#c9c9cd;color:#75757a}.notes-page .notes-search input{color:#1d1d1f}.notes-page .folder-item{color:#3a3a3e}.notes-page .folder-item:hover{background:rgba(255,255,255,.55)}.notes-page .folder-item.active{background:#f2c94c;color:#26230f;box-shadow:inset 0 0 0 1px rgba(139,105,0,.18)}.notes-page .folder-item b,.notes-page .folder-heading,.notes-page .folder-menu{color:#76767c}.notes-page .notes-sidebar footer{border-color:#c9c9cd;color:#6e6e73}.notes-page .note-list-pane{background:#fafafa;border-color:#d5d5d8}.notes-page .note-list-head{border-color:#dedee1}.notes-page .note-list-head h1{color:#1d1d1f}.notes-page .note-list-head span,.notes-page .note-preview,.notes-page .note-meta{color:#737378}.notes-page .note-group-title{color:#77777d}.notes-page .note-row{border-color:#e4e4e7;color:#1d1d1f}.notes-page .note-row:hover{background:#f2f2f4}.notes-page .note-row.active{background:#f7d765;color:#1d1d1f}.notes-page .note-row.active .note-preview,.notes-page .note-row.active .note-meta{color:#625929}.notes-page .note-editor-pane{background:linear-gradient(90deg,#fffefb,#fff);color:#1d1d1f}.notes-page .editor-toolbar{background:rgba(249,249,249,.96);border-color:#d9d9dc}.notes-page .editor-toolbar button{color:#4c4c50}.notes-page .editor-toolbar button:hover{background:#e8e8eb;color:#111}.notes-page .tool-separator{background:#d0d0d3}.notes-page .editor-empty{color:#818187}.notes-page .note-editor{background:#fffefb}.notes-page .note-date{color:#8b8b90}.notes-page .note-title-input{color:#1d1d1f}.notes-page .note-content{color:#242426}.notes-page .note-content:empty:before{color:#aaaab0}.notes-page .sync-dot{background:#2ea66d}.notes-page .sync-dot.syncing{background:#d69e15}.notes-page .sync-dot.error{background:#d94c4c}.notes-page .compose-button,.notes-page .folder-heading button{color:#b38400}.notes-page .checklist input{accent-color:#c39412}
