*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#0f0f0f;--surface2:#161616;--surface3:#1e1e1e;--border:#1f1f1f;--text:#f2f2f2;--text-2:#a3a3a3;--muted:#555;--accent:#146ef5;--accent-hover:#0055d4;--accent-subtle:#146ef51f;--green:#22c55e;--green-subtle:#22c55e1f;--amber:#f59e0b;--amber-subtle:#f59e0b1f;--red:#ef4444;--red-subtle:#ef44441f;--font:"Plus Jakarta Sans", sans-serif;--sidebar-w:15rem;--sidebar-w-collapsed:4rem;--topbar-h:3.75rem;--row-py:.875rem;--row-px:1rem;--row-font:.875rem;--t-fast:.12s ease;--t-base:.2s ease}*{scrollbar-width:thin;scrollbar-color:var(--surface3) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::-webkit-scrollbar-corner{background:0 0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:.9375rem;line-height:1.5}.layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;transition:width var(--t-base);flex-direction:column;flex-shrink:0;display:flex}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-header{height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .875rem 0 1rem;display:flex}.sidebar-logo{align-items:center;gap:.625rem;min-width:0;display:flex;overflow:hidden}.logo-icon{flex-shrink:0;width:1.875rem;height:1.875rem}.logo-text{letter-spacing:-.02em;color:var(--text);white-space:nowrap;transition:opacity var(--t-fast);font-size:.9rem;font-weight:700}.sidebar.collapsed .logo-text{opacity:0;pointer-events:none}.sidebar-toggle{color:var(--muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;padding:.3125rem;display:flex}.sidebar-toggle:hover{color:var(--text-2);background:var(--surface2)}.sidebar-toggle svg{transition:transform var(--t-base)}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:.625rem .5rem;display:flex;overflow:hidden auto}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;transition:opacity var(--t-fast);padding:.625rem .625rem .25rem;font-size:.68rem;font-weight:600}.sidebar.collapsed .nav-section-label{opacity:0}.nav-item{color:var(--text-2);white-space:nowrap;transition:color var(--t-fast), background var(--t-fast);border-radius:.4375rem;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);background:var(--accent-subtle);pointer-events:none}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:flex}.nav-label{transition:opacity var(--t-fast)}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:.5rem .5rem .75rem}.main-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;align-items:center;gap:.625rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.mobile-menu-btn{color:var(--text-2);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.3125rem;display:none}.mobile-menu-btn:hover{color:var(--text);background:var(--surface2)}.topbar-search{flex:1;max-width:21.25rem;position:relative}.topbar-search .search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.topbar-search input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font);transition:border-color var(--t-fast);border-radius:.5rem;outline:none;padding:.5rem .75rem .5rem 2.125rem;font-size:.875rem}.topbar-search input:focus{border-color:var(--accent)}.topbar-search input::placeholder{color:var(--muted)}.topbar-right{align-items:center;gap:.375rem;margin-left:auto;display:flex}.topbar-divider{background:var(--border);flex-shrink:0;width:1px;height:1.25rem;margin:0 .125rem}.sidebar-user{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-width:0;transition:color var(--t-fast), background var(--t-fast);border-radius:.4375rem;align-items:center;gap:.625rem;padding:.375rem .5rem;display:flex;position:relative}.sidebar-user:hover{color:var(--text);background:var(--surface2)}.sidebar-user-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sidebar-user .nav-label{text-overflow:ellipsis;min-width:0;font-size:.75rem;overflow:hidden}.nav-plan-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--t-fast);font-size:.65rem;overflow:hidden}.sidebar.collapsed .nav-plan-label{opacity:0;pointer-events:none}.user-avatar{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.72rem;font-weight:700;display:flex}.user-menu{background:var(--surface2);border:1px solid var(--border);z-index:200;border-radius:.625rem;min-width:13.875rem;max-width:13.875rem;padding:.3125rem;display:none;position:absolute;bottom:calc(100% + .5rem);left:0;box-shadow:0 .5rem 2rem #00000080}.user-menu.open{display:block}.user-menu-email{color:var(--muted);border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;padding:.5rem .625rem .625rem;font-size:.75rem;overflow:hidden}.user-menu-divider{background:var(--border);height:1px;margin:.25rem 0}.user-menu-item{color:var(--text-2);cursor:pointer;text-align:left;width:100%;font-size:.85rem;font-weight:500;font-family:var(--font);transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.user-menu-item>span:first-of-type{flex:1}.user-menu-item:hover{color:var(--text);background:var(--surface3)}.user-menu-item.danger{color:var(--red)}.user-menu-item.danger:hover{background:var(--red-subtle)}.user-menu-shortcut{color:var(--muted);margin-left:auto;font-size:.75rem}.user-menu-chevron{color:var(--muted);flex-shrink:0;margin-left:auto}.content{flex:1;min-width:0;min-height:0;padding:1.75rem 1.5rem 3rem;overflow-y:auto}.page-header{margin-bottom:1.5rem}.page-header h1{letter-spacing:-.03em;margin-bottom:.1875rem;font-size:1.4rem;font-weight:700}.page-header h1 span{color:var(--accent)}.topbar-title{letter-spacing:-.02em;color:var(--text);white-space:nowrap;font-size:.9rem;font-weight:600}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font);transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);white-space:nowrap;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.375rem;padding:.4375rem .8125rem;text-decoration:none;display:inline-flex}.btn:hover{color:var(--text);background:var(--surface2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn.ghost{border-color:#0000}.btn.ghost:hover{background:var(--surface2);border-color:#0000}.btn.danger{background:var(--red-subtle);color:var(--red);border-color:#0000}.btn.danger:hover{background:var(--red);color:#fff}.btn.danger:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn.icon-btn{border-color:#0000;justify-content:center;width:1.75rem;height:1.75rem;padding:.3125rem}.table-toolbar{flex-shrink:0;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.table-toolbar .topbar-search{flex:1;max-width:none}.content-fixed{flex-direction:column;padding-bottom:0;display:flex;overflow:hidden}.content-fixed .table-wrap,.content-fixed .templates-scroll{flex:1;margin-bottom:1.5rem;padding-right:.25rem;overflow:hidden auto}.table-wrap{overflow:hidden}table{border-collapse:collapse;width:100%;font-size:var(--row-font);table-layout:auto}thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:.625rem var(--row-px);border-bottom:1px solid var(--border);white-space:nowrap;font-size:.72rem;font-weight:600;position:relative;overflow:hidden}thead th.col-narrow{width:6rem}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover{color:var(--text)}.sort-indicator{float:right;flex-direction:column;align-items:center;gap:1px;margin-left:.4em;line-height:1;display:flex}.sort-arrow{color:var(--muted);font-size:.55em;line-height:1}.sort-arrow.active{color:#fff}tbody tr{border-bottom:1px solid var(--border)}tbody tr:hover{background:var(--surface)}tbody td{padding:var(--row-py) var(--row-px);color:var(--text);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:0;overflow:hidden}tbody td:last-child{max-width:none}tbody td.col-status{white-space:normal;width:10rem;max-width:none}tbody td .clamp2{white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;display:block;overflow:hidden}td input,td select{color:var(--text);font-family:var(--font);font-size:var(--row-font);background:0 0;border:none;outline:none;width:100%}td input:focus,td select:focus{background:var(--surface2);border-radius:.25rem}td select option{background:var(--surface3)}.status-date{color:var(--muted);margin-top:.1875rem;font-size:.68rem}.status-badge{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1.25rem;align-items:center;gap:.3125rem;padding:.1875rem .5rem .1875rem .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.td-status-wrap{display:inline-block;position:relative}.status-dropdown{background:var(--surface2);border:1px solid var(--border);z-index:500;border-radius:.625rem;min-width:9.875rem;padding:.25rem;display:none;position:absolute;box-shadow:0 .5rem 1.75rem #00000080}.status-dropdown.open{display:block}.status-opt{cursor:pointer;color:var(--text-2);text-align:left;width:100%;font-size:.78rem;font-weight:500;font-family:var(--font);white-space:nowrap;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:.4375rem;align-items:center;gap:.4375rem;padding:.4375rem .5625rem;display:flex}.status-opt:hover{background:var(--surface3);color:var(--text)}.status-opt-new.active{color:var(--text-2);background:var(--surface3)}.status-opt-sent.active{color:var(--accent);background:var(--accent-subtle)}.status-opt-replied.active{color:var(--amber);background:var(--amber-subtle)}.status-opt-confirmed.active{color:var(--green);background:var(--green-subtle)}.status-opt-declined.active{color:var(--red);background:var(--red-subtle)}.s-new{background:var(--surface3);color:var(--text-2)}.s-sent{background:var(--accent-subtle);color:var(--accent)}.s-replied{background:var(--amber-subtle);color:var(--amber)}.s-confirmed{background:var(--green-subtle);color:var(--green)}.s-declined{background:var(--red-subtle);color:var(--red)}.td-mono{color:var(--accent);font-family:monospace;font-size:.8rem}.td-small{color:var(--text-2);font-size:.8rem}.td-muted{color:var(--muted);font-size:.8rem}.email-cell-inner{align-items:flex-start;gap:.25rem;min-width:0;display:flex}.email-cell-inner .clamp2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:block;overflow:hidden}.copy-email-btn{cursor:pointer;color:var(--muted);opacity:0;transition:opacity var(--t-fast), color var(--t-fast);background:0 0;border:none;border-radius:.25rem;flex-shrink:0;align-items:center;padding:.125rem;display:flex}.email-cell:hover .copy-email-btn{opacity:1}.copy-email-btn:hover{color:var(--accent)}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.empty-state{text-align:center;color:var(--muted);padding:4rem 1.5rem}.empty-state-icon{color:var(--surface3);justify-content:center;margin-bottom:.875rem;display:flex}.empty-state p{margin-bottom:.25rem;font-size:.875rem}.empty-state .empty-sub{color:var(--muted);opacity:.7;font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;opacity:0;pointer-events:none;transition:opacity var(--t-base);background:#000000b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:37.5rem;max-height:90vh;transition:transform var(--t-base);border-radius:.875rem;flex-direction:column;display:flex;transform:translateY(.625rem)}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.125rem 1.375rem;display:flex}.modal-header h2{letter-spacing:-.02em;font-size:1rem;font-weight:600}.modal-close{color:var(--muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;display:flex}.modal-close:hover{color:var(--text-2);background:var(--surface2)}.modal-body{flex:1;padding:1.25rem 1.375rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.875rem 1.375rem 1.875rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}.form-field label{color:var(--text-2);margin-bottom:.375rem;font-size:.78rem;font-weight:600;display:block}.form-input,.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);font-family:var(--font);transition:border-color var(--t-fast);border-radius:.5rem;outline:none;padding:.5625rem .6875rem;font-size:.875rem}.form-input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent)}.form-input::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted)}.form-input:disabled,.form-field input:disabled{opacity:.5;cursor:not-allowed}.form-field textarea{resize:vertical;min-height:4.5rem;line-height:1.5}.form-field select option{background:var(--surface3)}.form-field.full{grid-column:1/-1}.form-label{color:var(--text-2);margin-bottom:.375rem;font-size:.78rem;font-weight:600;display:block}.sidebar-backdrop{z-index:99;background:#0000008c;display:none;position:fixed;inset:0}.analytics-filter{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-presets{gap:1rem;display:flex}.filter-date-range{align-items:center;gap:.25rem;display:flex}.filter-btn.active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent)}.filter-sep{color:var(--muted);padding:0 .125rem;font-size:.875rem}.date-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font);cursor:pointer;border-radius:.4375rem;height:2.125rem;padding:.375rem .625rem;font-size:.85rem}.date-input:focus{border-color:var(--accent);outline:none}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:.625rem;padding:1.25rem 1.5rem}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.625rem;font-size:.75rem;font-weight:600}.stat-value{letter-spacing:-.03em;color:var(--text);font-size:2rem;font-weight:700;line-height:1}.chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.625rem;padding:1.5rem}.chart-title{color:var(--text);margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.chart-inner{max-width:21.25rem;margin:0 auto}.settings-layout{gap:2.5rem;display:flex}.settings-nav{flex-shrink:0;width:11rem}.settings-nav-item{width:100%;color:var(--text-2);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font);text-align:left;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:.4375rem;align-items:center;padding:.5rem .75rem;display:flex}.settings-nav-item:hover,.settings-nav-item.active{color:var(--text);background:var(--surface2)}.settings-body{flex:1;min-width:0}.settings-back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:1.25rem;padding:0;font-size:.875rem;font-weight:500;display:none}.settings-back-btn:hover{opacity:.75}.settings-panel{display:none}.settings-panel.active{display:block}.settings-section{max-width:46rem}.settings-section+.settings-section{margin-top:2rem;padding-top:2rem}.settings-section-title{letter-spacing:-.02em;color:var(--text);border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:600}.settings-empty{color:var(--muted);font-size:.875rem}.io-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.io-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.io-card-icon{background:var(--surface2);border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-2);border-radius:.625rem;justify-content:center;align-items:center;display:flex}.io-card-title{color:var(--text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.io-card-desc{color:var(--text-2);font-size:.8125rem;line-height:1.6}.io-card .btn{align-self:flex-start;margin-top:auto}.dialog-overlay{z-index:400}.dialog-modal{max-width:24rem;transition:transform var(--t-base);transform:translateY(.5rem)scale(.98)}.modal-overlay.open .dialog-modal{transform:translateY(0)scale(1)}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.125rem 1.25rem;display:flex}.dialog-title{letter-spacing:-.02em;color:var(--text);flex:1;font-size:.9375rem;font-weight:600}.dialog-body{padding:.875rem 1.25rem 0}.dialog-message{color:var(--text-2);font-size:.875rem;line-height:1.6}.dialog-footer{justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem 1.25rem 1.25rem;display:flex}.dialog-upgrade{max-width:26rem;position:relative}.dialog-close-abs{position:absolute;top:.875rem;right:.875rem}.dialog-upgrade-top{text-align:center;flex-direction:column;align-items:center;gap:.625rem;padding:1.75rem 1.5rem .75rem;display:flex}.dialog-upgrade-icon{background:var(--accent-subtle);width:3.25rem;height:3.25rem;color:var(--accent);border:1px solid #146ef533;border-radius:.875rem;justify-content:center;align-items:center;margin-bottom:.125rem;display:flex}.dialog-badge{background:var(--accent-subtle);color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:.175rem .5rem;font-size:.6875rem;font-weight:700;display:inline-flex}.dialog-upgrade .dialog-title{letter-spacing:-.025em;font-size:1.0625rem;font-weight:700}.dialog-upgrade .dialog-body{text-align:center}.dialog-upgrade-features{background:var(--surface2);border:1px solid var(--border);text-align:left;border-radius:.625rem;flex-direction:column;gap:.4rem;margin-top:.875rem;padding:.75rem .875rem;list-style:none;display:flex}.dialog-upgrade-features li{color:var(--text-2);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.dialog-upgrade-features li svg{color:var(--green);flex-shrink:0}.dialog-upgrade .dialog-footer{flex-direction:column}.dialog-upgrade-cta{justify-content:center;width:100%}.btn.danger{background:var(--red-subtle);color:var(--red);border:1px solid #ef444440}.btn.danger:hover{background:#ef444433}.templates-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-title{letter-spacing:-.02em;color:var(--text);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.page-subtitle{color:var(--text-2);font-size:.875rem}.templates-empty{color:var(--muted);font-size:.875rem}.templates-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.templates-empty-icon{background:var(--surface2);border:1px solid var(--border);width:3.5rem;height:3.5rem;color:var(--muted);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.templates-empty-title{color:var(--text);font-size:1rem;font-weight:600}.templates-empty-desc{color:var(--text-2);max-width:28rem;font-size:.875rem}.templates-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);transition:border-color var(--t-fast);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.template-card:hover{border-color:var(--muted)}.template-card-body{flex-direction:column;flex:1;gap:.5rem;display:flex}.template-card-name{color:var(--text);font-size:.9375rem;font-weight:600}.template-card-subject{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.template-card-preview{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.6;display:-webkit-box;overflow:hidden}.template-tags{flex-wrap:wrap;gap:.375rem;margin-top:.25rem;display:flex}.template-tag{background:var(--accent-subtle);color:var(--accent);border-radius:99px;padding:.1875rem .5rem;font-size:.6875rem;font-weight:500}.template-card-actions{border-top:1px solid var(--border);gap:.5rem;padding-top:.75rem;display:flex}.template-card-btn{border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:var(--font);transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);background:0 0;border-radius:.4375rem;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex}.template-card-btn:hover{color:var(--text);background:var(--surface2);border-color:var(--muted)}.template-card-btn.danger:hover{color:var(--red);border-color:var(--red);background:var(--red-subtle)}.form-textarea{resize:vertical;min-height:12rem;line-height:1.6;font-family:var(--font)}.form-required{color:var(--red)}.form-error{color:var(--red);font-size:.8125rem}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.settings-row{align-items:flex-start;gap:2rem;display:flex}.settings-row-label{flex:1}.settings-row-control{flex-shrink:0;width:18rem}.settings-label{color:var(--text);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.settings-hint{color:var(--text-2);font-size:.8125rem;line-height:1.5}.settings-form-footer{justify-content:flex-end;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.settings-saved{color:var(--green);font-size:.875rem}.badge{letter-spacing:.01em;border-radius:99px;align-items:center;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge.muted{background:var(--surface3);color:var(--text-2)}.badge.accent{background:var(--accent-subtle);color:var(--accent)}.connected-accounts{flex-direction:column;gap:.5rem;display:flex}.connected-account-row{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.connected-account-info{color:var(--text-2);align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;display:flex}.settings-section+.settings-section.danger-zone{border-top:1px solid var(--red-subtle);padding-top:1.5rem}.danger-title{color:var(--red)}.delete-confirm{flex-direction:column;gap:.875rem;display:flex}.delete-confirm-text{color:var(--text-2);font-size:.875rem;line-height:1.6}.delete-confirm-actions{gap:.75rem;display:flex}.billing-plan-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem 1.5rem}.billing-plan-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.billing-plan-name{color:var(--text);margin-bottom:.125rem;font-size:1rem;font-weight:700}.billing-plan-price{color:var(--text-2);font-size:.875rem}.billing-plan-features{flex-direction:column;gap:.5rem;list-style:none;display:flex}.billing-plan-features li{color:var(--text-2);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.billing-plan-features svg{color:var(--green);flex-shrink:0}.billing-usage{flex-direction:column;gap:.5rem;display:flex}.billing-usage-row{color:var(--text-2);justify-content:space-between;font-size:.875rem;display:flex}.billing-usage-bar{background:var(--surface3);border-radius:99px;height:.375rem;overflow:hidden}.billing-usage-fill{background:var(--accent);height:100%;transition:width var(--t-base);border-radius:99px}.billing-usage-reset{color:var(--muted);margin-top:.375rem;font-size:.75rem}.settings-info{color:var(--text-2);font-size:.875rem;line-height:1.5}.pro-gate{text-align:center;flex-direction:column;align-items:center;gap:.875rem;max-width:26rem;margin:5rem auto 0;display:flex}.pro-gate-icon{background:var(--accent-subtle);width:4rem;height:4rem;color:var(--accent);border:1px solid #146ef533;border-radius:1.125rem;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.pro-gate-badge{background:var(--accent-subtle);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;padding:.2rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.pro-gate-title{letter-spacing:-.03em;color:var(--text);font-size:1.375rem;font-weight:700}.pro-gate-desc{color:var(--text-2);font-size:.875rem;line-height:1.6}.pro-gate-features{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;align-self:stretch;gap:.5rem;margin:.25rem 0;padding:1rem 1.125rem;list-style:none;display:flex}.pro-gate-features li{color:var(--text-2);align-items:center;gap:.625rem;font-size:.875rem;display:flex}.pro-gate-features li svg{color:var(--green);flex-shrink:0}.pro-gate-cta{justify-content:center;align-self:stretch;padding:.75rem 1.5rem;font-size:.9375rem}.pro-gate-footnote{color:var(--muted);font-size:.8125rem}.nav-pro-badge{letter-spacing:.04em;color:var(--accent);background:var(--accent-subtle);opacity:1;transition:opacity var(--t-fast);border-radius:99px;margin-left:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.sidebar.collapsed .nav-pro-badge{opacity:0;pointer-events:none}.upgrade-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.upgrade-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.upgrade-card.current{border-color:var(--accent)}.upgrade-card-header{flex-direction:column;gap:.375rem;display:flex}.upgrade-card-name{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.upgrade-card-active-badge{letter-spacing:.04em;color:var(--green);background:var(--green-subtle);text-transform:uppercase;border-radius:99px;padding:.125rem .5rem;font-size:.6875rem;font-weight:700}.upgrade-card-price{color:var(--text);letter-spacing:-.03em;font-size:1.75rem;font-weight:700}.upgrade-card-period{color:var(--text-2);font-size:.875rem;font-weight:400}.upgrade-card-desc{color:var(--text-2);font-size:.8125rem;line-height:1.5}.upgrade-features{flex-direction:column;flex:1;gap:.625rem;list-style:none;display:flex}.upgrade-features li{color:var(--text-2);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.upgrade-features svg{color:var(--green);flex-shrink:0}.upgrade-cta{justify-content:center;width:100%}@media (width<=1150px){.col-hide-sm{display:none}}@media (width<=1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.analytics-filter{flex-direction:column;align-items:stretch}.filter-presets{width:100%}.filter-presets .filter-btn{flex:1}.filter-date-range{width:100%}.filter-date-range .date-input{flex:1}}@media (width<=900px){.sidebar{transition:transform var(--t-base);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:var(--sidebar-w)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.sidebar-backdrop.visible{display:block}.sidebar.collapsed .logo-text{opacity:1;pointer-events:auto}.sidebar.collapsed .nav-section-label{opacity:1}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-plan-label{opacity:1;pointer-events:auto}.mobile-menu-btn{display:flex}.content{padding:1.25rem 1rem 2.5rem}.content-fixed{padding-bottom:0}.topbar{gap:.5rem;padding:0 .875rem}}@media (width<=1200px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.templates-grid,.upgrade-grid{grid-template-columns:repeat(2,1fr)}.settings-row{flex-direction:column;gap:.75rem}.settings-row-control{width:100%}}@media (width<=600px){.col-hide-xs{display:none}.form-grid{grid-template-columns:1fr}.topbar-search{max-width:none}.btn .btn-text{display:none}.btn.primary .btn-text{display:inline}.settings-layout{flex-direction:column;gap:1rem}.settings-nav{width:100%}.settings-back-btn{display:flex}.settings-layout.mobile-nav .settings-body,.settings-layout.mobile-body .settings-nav{display:none}.io-grid,.templates-grid,.upgrade-grid{grid-template-columns:1fr}}.analytics-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.125rem;padding:0 1.5rem;display:flex}.analytics-tab{color:var(--text-2);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font);transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.375rem;margin-bottom:-1px;padding:.625rem .875rem;display:inline-flex}.analytics-tab:hover{color:var(--text)}.analytics-tab.active{color:var(--text);border-bottom-color:var(--accent)}.analytics-tab-pro-badge{letter-spacing:.04em;color:var(--accent);background:var(--accent-subtle);border-radius:99px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.advanced-analytics-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.advanced-analytics-title{letter-spacing:-.02em;color:var(--text);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.advanced-analytics-subtitle{color:var(--text-2);font-size:.875rem}.advanced-analytics-grid{flex-direction:column;gap:1.25rem;display:flex}.analysis-usage{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}.analysis-usage-count{letter-spacing:-.01em;color:var(--text);font-size:.9375rem;font-weight:600}.analysis-usage-label{color:var(--text-2);font-size:.75rem}.analysis-usage--warning .analysis-usage-count,.analysis-usage--warning .analysis-usage-label{color:var(--red)}.report-section{background:var(--surface);border:1px solid var(--border);border-radius:.875rem;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.report-section-header{align-items:flex-start;gap:.875rem;display:flex}.report-section-toggle{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:0}.report-section-chevron{color:var(--muted);flex-shrink:0;margin-top:.125rem;transition:transform .2s}.report-section-chevron--open{transform:rotate(180deg)}.report-section-icon{background:var(--accent-subtle);width:2.5rem;height:2.5rem;color:var(--accent);border:1px solid #146ef526;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.report-section-meta{flex:1}.report-section-title{letter-spacing:-.01em;color:var(--text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.report-section-desc{color:var(--text-2);font-size:.8125rem;line-height:1.5}.report-section-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.report-section-error{color:var(--red);background:var(--red-subtle);border:1px solid #ef444433;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.report-content{border-top:1px solid var(--border);padding-top:1rem}.report-timestamp{color:var(--muted);margin-bottom:1rem;font-size:.75rem}.report-body{color:var(--text-2);font-size:.875rem;line-height:1.65}.report-h1{letter-spacing:-.02em;color:var(--text);margin:1.25rem 0 .5rem;font-size:1.125rem;font-weight:700}.report-h1:first-child{margin-top:0}.report-h2{letter-spacing:-.01em;color:var(--text);margin:1.125rem 0 .375rem;font-size:.9375rem;font-weight:600}.report-h2:first-child{margin-top:0}.report-h3{color:var(--text);margin:.875rem 0 .25rem;font-size:.875rem;font-weight:600}.report-p{margin-bottom:.5rem}.report-li{margin-bottom:.25rem;padding-left:1rem;list-style:none;position:relative}.report-li:before{content:"–";color:var(--muted);position:absolute;left:0}.report-code{background:var(--surface2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:.5rem;margin:.75rem 0;padding:.875rem 1rem;font-size:.8125rem;overflow-x:auto}.report-inline-code{background:var(--surface3);border-radius:.25rem;padding:.1em .3em;font-size:.85em}.audience-fit-input{flex-direction:column;gap:.375rem;display:flex}.audience-fit-label{color:var(--text-2);font-size:.8125rem;font-weight:500}.audience-fit-textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font);resize:vertical;transition:border-color var(--t-fast);border-radius:.5rem;width:100%;padding:.625rem .75rem;font-size:.875rem;line-height:1.5}.audience-fit-textarea:focus{border-color:var(--accent);outline:none}.audience-fit-textarea::placeholder{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.7s linear infinite spin}@media (width<=768px){.analytics-tabs{padding:0 1rem}.report-section{padding:1rem}.report-section-actions{flex-wrap:wrap}}body{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-wrap{width:100%;max-width:400px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px 32px}.login-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-logo-icon{background:var(--accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-logo-text{letter-spacing:-.02em;color:var(--text);font-size:.9375rem;font-weight:700}.login-title{letter-spacing:-.03em;color:var(--text);margin-bottom:6px;font-size:1.375rem;font-weight:700}.login-subtitle{color:var(--muted);margin-bottom:24px;font-size:.875rem;line-height:1.5}.login-field{margin-bottom:14px}.login-field label{color:var(--text-2);margin-bottom:7px;font-size:.8rem;font-weight:600;display:block}.login-field input{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text);font-family:var(--font);transition:border-color var(--t-fast);border-radius:9px;outline:none;padding:10px 13px;font-size:.9375rem}.login-field input:focus{border-color:var(--accent)}.login-field input::placeholder{color:var(--muted)}.login-submit{border-radius:9px;justify-content:center;width:100%;margin-top:4px;padding:11px 16px;font-size:.9375rem}.login-error{color:var(--red);margin-top:12px;font-size:.825rem;line-height:1.5;display:none}.login-confirm{text-align:center;flex-direction:column;align-items:center;padding:8px 0 4px;display:flex}.confirm-icon{background:var(--accent-subtle);width:60px;height:60px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.confirm-title{letter-spacing:-.02em;color:var(--text);margin-bottom:10px;font-size:1.125rem;font-weight:700}.confirm-text{color:var(--text-2);margin-bottom:12px;font-size:.9rem;line-height:1.6}.confirm-text strong{color:var(--text);font-weight:600}.confirm-note{color:var(--muted);font-size:.8rem;line-height:1.6}