:root{--bg:#fafaf8;--bg2:#fff;--bg3:#f4f2ed;--bg4:#ecead4;--border:#00000014;--border2:#00000024;--text:#111110;--text2:#5a5852;--text3:#9a9790;--accent:#e8510a;--accent-hover:#d4470a;--accent-lt:#fff0e8;--accent-bd:#e8510a38;--good:#1a7a40;--good-lt:#e6f4ec;--warning:#b45309;--warning-lt:#fef3c7;--critical:#dc2626;--critical-lt:#fee2e2;--red:#dc2626;--red-lt:#fee2e2;--nav-w:232px;--radius:10px;--rsm:7px;--rlg:14px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 14px #00000017, 0 2px 4px #0000000d;--ease:.15s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0d0d;--bg2:#1a1a19;--bg3:#232322;--bg4:#2b2b29;--border:#ffffff1a;--border2:#ffffff29;--text:#fff;--text2:#c3c2b7;--text3:#898781;--accent-hover:#ff6b2e;--accent-lt:#e8510a29;--accent-bd:#e8510a66;--good:#34d399;--good-lt:#1a7a4038;--warning:#f59e0b;--warning-lt:#b4530940;--critical:#f87171;--critical-lt:#dc262633;--red:#f87171;--red-lt:#dc262633;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 4px 20px #00000080, 0 2px 4px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d0d0d;--bg2:#1a1a19;--bg3:#232322;--bg4:#2b2b29;--border:#ffffff1a;--border2:#ffffff29;--text:#fff;--text2:#c3c2b7;--text3:#898781;--accent-hover:#ff6b2e;--accent-lt:#e8510a29;--accent-bd:#e8510a66;--good:#34d399;--good-lt:#1a7a4038;--warning:#f59e0b;--warning-lt:#b4530940;--critical:#f87171;--critical-lt:#dc262633;--red:#f87171;--red-lt:#dc262633;--shadow-sm:0 1px 3px #00000059, 0 1px 2px #00000040;--shadow-md:0 4px 20px #00000080, 0 2px 4px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);transition:background-color var(--ease), color var(--ease);margin:0}h1,h2,h3{letter-spacing:-.01em;font-weight:700}.auth-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);width:400px;max-width:92vw;box-shadow:var(--shadow-md);padding:32px 36px}.auth-box h1{margin:0 0 6px;font-size:20px}.auth-sub{color:var(--text2);margin:0 0 20px;font-size:13px}.field{margin-bottom:14px}.field label{color:var(--text2);margin-bottom:4px;font-size:12.5px;font-weight:500;display:block}.field input,.field select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);transition:border-color var(--ease);border-radius:7px;padding:8px 11px;font-size:13.5px}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.account-type-toggle{gap:8px;display:flex}.toggle-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text2);transition:all var(--ease);border-radius:7px;flex:1;padding:10px 8px;font-size:12.5px}.toggle-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-lt);font-weight:500}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;width:100%;transition:background-color var(--ease), transform var(--ease);border:none;border-radius:7px;padding:10px;font-size:14px;font-weight:500}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none}.btn-ghost{border:1px solid var(--border);cursor:pointer;color:var(--text2);transition:all var(--ease);background:0 0;border-radius:7px;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-block}.btn-ghost:hover{background:var(--bg3);color:var(--text);border-color:var(--text3)}.auth-error{background:var(--red-lt);color:var(--critical);border-radius:7px;margin-bottom:14px;padding:9px 12px;font-size:13px}.banner-success{background:var(--good-lt);color:var(--good);border-radius:7px;margin-bottom:14px;padding:9px 12px;font-size:13px}.auth-footer{color:var(--text2);text-align:center;margin-top:18px;font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease), border-color var(--ease);margin-top:16px;padding:16px 20px}.card-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:13.5px;display:flex}.card-row:last-child{border-bottom:none}.card-row span{color:var(--text2)}.dashboard-note{color:var(--text2);margin-top:20px;font-size:13px}.full-page-loading{min-height:100vh;color:var(--text2);justify-content:center;align-items:center;display:flex}.websites-section{margin-top:32px}.sec-header h2{margin:0 0 12px;font-size:15px}.website-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.website-card{margin-top:0}.website-card:hover{box-shadow:var(--shadow-md);border-color:var(--text3)}.website-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.website-card-name{flex:160px;min-width:0}.website-card-name .website-domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-stats{flex-wrap:wrap;gap:20px;margin-top:12px;display:flex}.mini-stat{flex-direction:column;display:flex}.mini-stat-value{color:var(--text);font-size:17px;font-weight:700}.mini-stat-label{color:var(--text2);font-size:11px}.website-card-bottom{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.selected-sources{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.selected-sources .badge{white-space:normal;overflow-wrap:anywhere;max-width:100%}.property-picker{max-width:360px}.website-domain{color:var(--text2);margin-top:2px;font-size:12.5px}.badge{background:var(--bg3);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:500}.badge-good{background:var(--good-lt);color:var(--good);border-color:#0000}.badge-warning{background:var(--warning-lt);color:#9a6a00;border-color:#0000}.badge-critical{background:var(--critical-lt);color:var(--critical);border-color:#0000}.team-member-list{flex-direction:column;gap:4px;display:flex}.team-member-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.team-member-row:last-child{border-bottom:none}.team-member-email{color:var(--text);margin-bottom:4px;font-size:13.5px}.toggle-row{color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:13.5px;display:inline-flex}.toggle-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.uptime-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.uptime-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.uptime-up{background:var(--good-lt);color:var(--good)}.uptime-up .uptime-dot{background:var(--good)}.uptime-down{background:var(--critical-lt);color:var(--critical)}.uptime-down .uptime-dot{background:var(--critical);animation:1.6s ease-in-out infinite uptime-pulse}@keyframes uptime-pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 4px #dc262600}}.uptime-unknown{background:var(--bg3);border:1px solid var(--border);color:var(--text3)}.add-website-wrap{margin-top:14px}.form-actions{gap:8px;margin-top:4px;display:flex}.form-actions .btn-primary{flex:1;width:auto}.website-card-actions{flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;display:flex}.connect-google{flex-direction:column;align-items:flex-end;display:flex}.connect-error{color:var(--critical);text-align:right;max-width:220px;margin-top:4px;font-size:11.5px}.website-name-link{color:inherit;text-decoration:none}.website-name-link:hover strong{color:var(--accent)}.refresh-button{flex-direction:column;align-items:flex-end;display:flex}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.detail-header h1{margin:0;font-size:24px}.page-tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:24px;display:flex}.page-tab{color:var(--text2);cursor:pointer;transition:color var(--ease);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13.5px;text-decoration:none;position:relative;top:1px}.page-tab:hover{color:var(--text)}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-tile{background:var(--bg2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--rlg);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease), transform var(--ease);padding:14px 16px}.stat-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{color:var(--text);font-size:24px;font-weight:700}.bar-list{margin-bottom:28px}.bar-row{grid-template-columns:160px 1fr 60px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.bar-label{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.bar-track{background:var(--bg3);border-radius:4px;height:16px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:0 4px 4px 0;min-width:2px;height:100%;transition:width .3s}.bar-value{font-variant-numeric:tabular-nums;text-align:right;color:var(--text);font-size:12.5px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--nav-w);background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-inner{flex:1;padding:18px 14px;overflow-y:auto}.sidebar-logo{margin-bottom:22px;padding:0 4px;font-size:15px;font-weight:700}.sidebar-logo a{color:var(--text);text-decoration:none}.logo-lockup{align-items:center;gap:7px;display:inline-flex}.logo-accent{color:var(--accent)}.sidebar-section{margin-bottom:18px}.sidebar-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-bottom:8px;padding:0 8px;font-size:10.5px;font-weight:600;display:block}.website-nav-list{flex-direction:column;gap:1px;display:flex}.website-nav-item{color:var(--text2);transition:background-color var(--ease), color var(--ease);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;align-items:center;gap:8px;padding:8px;font-size:13px;text-decoration:none;display:flex;overflow:hidden}.website-nav-item:hover{background:var(--bg3);color:var(--text)}.website-nav-item.active{background:var(--accent-lt);color:var(--accent);font-weight:500}.website-nav-dot{background:var(--text3);border-radius:50%;flex-shrink:0;width:6px;height:6px}.website-nav-item.active .website-nav-dot{background:var(--accent)}.website-nav-dot.connected{background:var(--good)}.sidebar-nav-item{color:var(--text2);transition:background-color var(--ease), color var(--ease);border-radius:7px;padding:8px;font-size:13.5px;font-weight:500;text-decoration:none;display:block}.sidebar-nav-item:hover{background:var(--bg3);color:var(--text)}.sidebar-nav-item.active{background:var(--accent-lt);color:var(--accent)}.sidebar-manage-link{color:var(--text2);padding:6px 8px;font-size:12px;text-decoration:none;display:block}.sidebar-manage-link:hover{color:var(--accent)}.sidebar-footer{border-top:1px solid var(--border);padding:12px 14px}.sidebar-user-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sidebar-user-name{color:var(--text);font-size:12.5px;font-weight:500}.sidebar-user-email{color:var(--text2);word-break:break-all;font-size:11px}.sidebar-footer-actions{gap:6px;display:flex}.sidebar-footer-actions .btn-ghost{text-align:center;flex:1;text-decoration:none}.theme-toggle{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text2);transition:all var(--ease);background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg3);color:var(--text)}.app-main{margin-left:var(--nav-w);flex:1;min-width:0}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-account{color:var(--text);font-size:13px;font-weight:500}.topbar-email{color:var(--text2);font-size:11px}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-logout{width:auto;padding:7px 16px}.notification-bell-wrap{position:relative}.notification-bell-btn{border-radius:var(--rsm);border:1px solid var(--border);background:var(--bg2);width:34px;height:34px;color:var(--text2);cursor:pointer;transition:border-color var(--ease), color var(--ease);justify-content:center;align-items:center;display:flex;position:relative}.notification-bell-btn:hover{border-color:var(--accent);color:var(--accent)}.notification-bell-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.notification-panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);width:360px;max-height:440px;box-shadow:var(--shadow-md);z-index:30;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.notification-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:500}.notification-list{overflow-y:auto}.notification-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;width:100%;transition:background var(--ease);background:0 0;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg3)}.notification-item.unread{background:var(--accent-lt)}.notification-item.unread:hover{background:var(--accent-lt);filter:brightness(.97)}.notification-icon{flex-shrink:0;font-size:15px;line-height:1.4}.notification-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notification-title{color:var(--text);font-size:13px;font-weight:600}.notification-message{color:var(--text2);font-size:12px}.notification-time{color:var(--text3);margin-top:2px;font-size:10.5px}.page-content{max-width:1200px;padding:32px 40px}.page-content-wide{max-width:1200px}.line-chart{margin-bottom:8px;position:relative}.line-chart-svg{width:100%;height:auto;display:block}.chart-gridline{stroke:var(--border);stroke-width:1px}.chart-axis-label{fill:var(--text2);font-size:10px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-end-dot,.chart-hover-dot{fill:var(--accent);stroke:var(--bg2);stroke-width:2px}.chart-crosshair{stroke:var(--border);stroke-width:1px}.chart-annotation-line{stroke:var(--text3);stroke-width:1px;stroke-dasharray:3 3}.chart-annotation-dot{fill:var(--text2);stroke:var(--bg2);stroke-width:1.5px;cursor:pointer}.annotation-manager{margin-top:12px;margin-bottom:16px}.annotation-toggle{width:auto;padding:6px 12px;font-size:12.5px}.annotation-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.annotation-form input[type=date],.annotation-form input[type=text],.annotation-form input[type=email]{border-radius:var(--rsm);border:1px solid var(--border2);background:var(--bg);color:var(--text);padding:7px 10px;font-family:inherit;font-size:13px}.annotation-form input[type=text],.annotation-form input[type=email]{flex:1;min-width:200px}.annotation-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.annotation-chip{color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 10px;font-size:12px;display:inline-flex}.annotation-chip button{color:var(--text3);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;line-height:1}.annotation-chip button:hover{color:var(--critical)}.chart-tooltip{background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;border-radius:7px;padding:6px 10px;position:absolute;top:0;transform:translate(-50%,-100%)}.chart-tooltip-value{color:var(--text);font-size:14px;font-weight:600}.chart-tooltip-date{color:var(--text2);font-size:11px}.chart-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:20px 24px}.data-table{border-collapse:collapse;width:100%;margin-bottom:28px;font-size:12.5px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--text2);border-bottom:1px solid var(--border);padding:0 10px 8px 0;font-size:10.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:7px 10px 7px 0}.data-table tr{transition:background-color var(--ease)}.data-table tbody tr:hover{background:var(--bg3)}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table td.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.grid-2col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:24px;display:grid}.grid-2col:first-child{margin-top:0}.overview-link{margin-top:4px;margin-right:10px;text-decoration:none;display:inline-block}.vitals-strategy-toggle{gap:8px;margin-bottom:20px;display:flex}.score-ring-row{flex-wrap:wrap;gap:24px;margin-bottom:28px;display:flex}.score-ring-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);min-width:140px;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.score-ring{width:96px;height:96px}.score-ring-value{font-size:26px;font-weight:700}.score-ring-label{color:var(--text2);text-align:center;font-size:12px}.cwv-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px;display:grid}.cwv-tile{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);box-shadow:var(--shadow-sm);padding:14px 16px}.cwv-tile-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin-bottom:6px;font-size:11px;font-weight:500}.cwv-tile-value{margin-bottom:6px;font-size:20px;font-weight:700}.settings-section{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);max-width:480px;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:20px 24px}.settings-section h2{margin:0 0 4px;font-size:15px}.settings-section .section-sub{color:var(--text2);margin:0 0 16px;font-size:12.5px}.settings-overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-overview-item{flex-direction:column;gap:5px;display:flex}.settings-overview-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text3);font-size:10.5px;font-weight:600}.settings-overview-value{color:var(--text);font-size:13.5px;font-weight:500}.settings-overview-item .badge{width:fit-content}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.skeleton{background:var(--bg3);border-radius:4px;animation:1.3s ease-in-out infinite skeleton-pulse}.table-search{max-width:280px;margin-bottom:12px}.table-search input{border:1px solid var(--border);border-radius:var(--rsm);background:var(--bg);width:100%;color:var(--text);padding:7px 11px;font-size:12.5px}.table-search input:focus{border-color:var(--accent);outline:none}.delete-website-btn{color:var(--critical)}.delete-website-btn:hover{background:var(--critical-lt);border-color:var(--critical)}.confirm-delete-box{background:var(--critical-lt);border:1px solid var(--critical);border-radius:var(--rsm);margin-top:10px;padding:10px 12px;font-size:12.5px}.confirm-delete-actions{gap:8px;margin-top:8px;display:flex}.stat-delta{margin-top:4px;font-size:11.5px;font-weight:500}.stat-delta.up{color:var(--good)}.stat-delta.down{color:var(--critical)}.stat-delta.flat{color:var(--text2)}.range-toggle{background:var(--bg3);border-radius:var(--rsm);gap:2px;width:fit-content;margin-bottom:16px;padding:2px;display:flex}.range-toggle-btn{color:var(--text2);cursor:pointer;transition:all var(--ease);background:0 0;border:none;border-radius:5px;padding:5px 11px;font-size:12px}.range-toggle-btn:hover{color:var(--text)}.range-toggle-btn.active{background:var(--bg2);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:500}.section-card{margin-top:0;padding:20px 22px;overflow-x:auto}.section-card .data-table{min-width:420px}.section-card .data-table,.section-card .bar-list{margin-bottom:0}.section-card .table-search{max-width:none}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:24px;display:grid}.hub-tile{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rlg);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease), transform var(--ease), border-color var(--ease);padding:20px;text-decoration:none;display:block}.hub-tile:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-1px)}.hub-tile-title{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.hub-tile-sub{color:var(--text2);font-size:12.5px}.hub-tile-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quicklinks-row{flex-wrap:wrap;gap:10px;display:flex}.field textarea{border:1px solid var(--border);border-radius:var(--rsm);background:var(--bg);width:100%;color:var(--text);resize:vertical;padding:10px 12px;font-family:inherit;font-size:13.5px}.field textarea:focus{border-color:var(--accent);outline:none}.note-compose{margin-top:0;margin-bottom:20px}.note-compose-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.note-visibility-toggle{color:var(--text2);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.note-visibility-toggle input{cursor:pointer}.notes-list{flex-direction:column;gap:10px;display:flex}.note-card{margin-top:0}.note-content{color:var(--text);white-space:pre-wrap;margin:0 0 12px;font-size:13.5px}.note-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:10px;display:flex}.note-date{color:var(--text3);font-size:11.5px}.note-actions{align-items:center;gap:14px;display:flex}.portal-status-row{align-items:center;gap:10px;display:flex}.portal-status-email{color:var(--text2);font-size:13px}.invite-link-box{margin-top:4px}.invite-link-row{gap:8px;display:flex}.invite-link-row input{border:1px solid var(--border);border-radius:var(--rsm);background:var(--bg);color:var(--text2);flex:1;padding:8px 11px;font-size:12.5px}.overview-section-spacer{margin-top:20px}.portal-shell{min-height:100vh}.portal-header{background:var(--bg2);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.portal-brand{color:var(--text);font-size:15px;font-weight:700}.portal-header-logo{object-fit:contain;max-width:180px;height:28px}.portal-header-right{align-items:center;gap:10px;display:flex}.portal-login-logo{object-fit:contain;max-width:220px;max-height:48px;margin-bottom:16px}.logo-upload{align-items:center;gap:16px;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--border);border-radius:var(--rsm);background:var(--bg);max-width:160px;height:48px;padding:6px}