@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aFTU7PB1QTsUX8KYthSQBK6PYK3EXw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/aFTU7PB1QTsUX8KYthqQBK6PYK0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/aFTR7PB1QTsUX8KYvumzEY2tbYf-Vlh3uA.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/aFTR7PB1QTsUX8KYvumzEYOtbYf-Vlg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKK58UfivUw4aw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/rP2Wp2ywxg089UriCZaSExdy3sGt9zz86GPwyKy58UfivUw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZ2IHTWEBlwu8Q.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rP2Hp2ywxg089UriCZOIHTWEBlw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f2ea;--surface:#fff;--surface2:#ede9df;--border:#d4cebc;--accent:#9b7218;--accent2:#c9a84c;--accent-glow:#9b72182e;--text:#1a1408;--text2:#4a4228;--text3:#8a806a;--success:#16a34a;--error:#dc2626;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--radius:14px;--shadow:0 4px 24px #503c0a1f}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px}.loading-screen{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.top-nav,.admin-nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#f5f2eaf2;justify-content:space-between;align-items:center;height:68px;padding:0 40px;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent);font-size:22px}.nav-brand-logo{object-fit:contain;width:auto;height:46px;filter:var(--logo-filter)}.nav-brand-text{flex-direction:column;gap:1px;display:flex}.logo-text{letter-spacing:.4px;color:var(--text);text-transform:uppercase;font-size:17px;font-weight:700}.logo-text em{color:var(--accent);font-style:normal}.logo-tagline{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:500;font-family:var(--mono);opacity:.8}.nav-right{align-items:center;gap:14px;min-width:0;display:flex}.nav-tabs{align-items:center;gap:4px;display:flex;overflow:hidden}.nav-avatar{border:2px solid var(--border);border-radius:50%;width:34px;height:34px}.nav-avatar-initials{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;width:34px;height:34px;font-size:12px;font-weight:700;font-family:var(--font);border:2px solid var(--border);letter-spacing:.5px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-avatar-sm-initials{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;font-size:11px;font-weight:700;font-family:var(--font);letter-spacing:.5px;justify-content:center;align-items:center;display:flex}.admin-badge{color:var(--accent);font-size:12px;font-weight:500;font-family:var(--mono);background:#9b72181f;border:1px solid #9b721847;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;display:flex}.sign-out-btn{border:1px solid var(--border);color:var(--text2);font-size:14px;font-family:var(--font);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 18px;transition:all .15s;display:flex;box-shadow:0 1px 4px #503c0a0f}.sign-out-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--text3)}.user-menu-wrap{position:relative}.user-menu-trigger{border:1px solid var(--border);cursor:pointer;font-family:var(--font);color:var(--text);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:14px;transition:background .15s,border-color .15s;display:flex}.user-menu-trigger:hover{background:var(--surface2);border-color:var(--text3)}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:500;overflow:hidden}.user-menu-chevron{color:var(--text3);transition:transform .15s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{border:1px solid var(--border);z-index:200;background:#fff;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 20px #503c0a1f}.user-menu-item{width:100%;font-family:var(--font);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:10px 14px;font-size:14px;transition:background .12s;display:flex}.user-menu-item:hover{background:var(--surface2)}.user-menu-signout{color:var(--error)}.user-menu-signout:hover{background:#dc26260f}.user-menu-divider{background:var(--border);height:1px;margin:0}.user-menu-themes{padding:10px 14px 8px}.user-menu-themes-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.user-menu-swatches{gap:8px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s,border-color .12s}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch.active{border-color:var(--text);box-shadow:0 0 0 1px var(--surface), 0 0 0 3px var(--accent);transform:scale(1.1)}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.bg-orb{filter:blur(90px);opacity:.22;border-radius:50%;position:absolute}.orb1{background:radial-gradient(circle,#c9a84c,#0000);width:560px;height:560px;animation:8s ease-in-out infinite float;top:-120px;right:-120px}.orb2{background:radial-gradient(circle,#8b6914,#0000);width:460px;height:460px;animation:10s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.orb3{background:radial-gradient(circle,#e8c870,#0000);width:360px;height:360px;animation:12s ease-in-out infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float3{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 20px))}}.orb3{animation-name:float3}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:480px;box-shadow:0 0 0 1px #9b72181a, 0 2px 60px #9b721814, var(--shadow);background:#fffffff5;border:1px solid #9b72182e;border-radius:24px;padding:52px 48px;animation:.5s ease-out slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{align-items:center;gap:14px;margin-bottom:36px;display:flex}.login-logo .logo-icon{font-size:26px}.login-logo .logo-text{font-size:20px;font-weight:700}.login-brand-logo{object-fit:contain;width:auto;height:62px;filter:var(--logo-filter)}.login-card h1{letter-spacing:-.5px;margin-bottom:8px;font-size:30px;font-weight:600}.login-sub{color:var(--text2);margin-bottom:32px;font-size:15px;line-height:1.5}.onboarding-page{background:var(--bg);min-height:100vh}.onboarding-main{max-width:740px;margin:0 auto;padding:24px 32px}.onboarding-header{margin-bottom:36px}.step-pill{color:var(--accent);font-size:13px;font-weight:500;font-family:var(--mono);background:#9b72181a;border:1px solid #9b721833;border-radius:20px;margin-bottom:18px;padding:5px 14px;display:inline-flex}.onboarding-header h1{letter-spacing:-.5px;margin-bottom:10px;font-size:34px;font-weight:600}.onboarding-header p{color:var(--text2);font-size:16px}.form-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:40px}.complete-banner{color:var(--success);background:#16a34a14;border:1px solid #16a34a33;border-radius:10px;align-items:center;gap:8px;margin-bottom:28px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.status-banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 18px;font-size:14px;line-height:1.5;display:flex}.status-banner svg{flex-shrink:0}.status-banner-new{color:#007aff;background:#007aff14;border:1px solid #007aff38}.status-banner-pending,.status-banner-onboarding{color:#ff9500;background:#ff950014;border:1px solid #ff950040}.status-banner-offboarded{color:#ff3b30;background:#ff3b3014;border:1px solid #ff3b3038}.account-id-bar{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.account-id-label{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.account-id-value{font-family:var(--mono);color:var(--accent);letter-spacing:.05em;font-size:14px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field-group{flex-direction:column;gap:7px;margin-bottom:24px;display:flex}.field-group label{color:var(--text2);font-size:14px;font-weight:500}.input-wrap{position:relative}.field-icon{color:var(--text3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);font-size:15px;font-family:var(--font);border-radius:10px;outline:none;padding:13px 14px 13px 42px;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:var(--text3)}.input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#fff}.input-wrap input:disabled{color:var(--text3);cursor:not-allowed;opacity:.85;padding-right:38px}.field-lock{color:var(--text3);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.has-error .input-wrap input{border-color:var(--error)}.has-error .input-wrap input:focus{box-shadow:0 0 0 3px #dc262626}.field-error{color:var(--error);font-size:13px}.field-hint{color:var(--text3);margin-top:-2px;font-size:12px}.submit-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;width:100%;font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:15px 24px;transition:all .2s;display:flex;box-shadow:0 4px 16px #9b72184d}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 22px #9b72186b}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.submit-btn.saved{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 16px #16a34a47}.admin-page{background:var(--bg);min-height:100vh}.admin-main{max-width:1480px;margin:0 auto;padding:24px 28px}.admin-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.admin-header h1{letter-spacing:-.5px;margin-bottom:4px;font-size:30px;font-weight:600}.admin-sub{color:var(--text2);font-size:15px}.refresh-btn{border:1px solid var(--border);color:var(--text2);font-size:14px;font-family:var(--font);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;transition:all .15s;display:flex;box-shadow:0 1px 4px #503c0a0f}.refresh-btn:hover{background:var(--surface2);color:var(--text)}.stats-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:24px 28px}.stat-card.accent{background:#9b72180f;border-color:#9b721859}.stat-card.red{background:#0ea5e90f;border-color:#0ea5e947}.stat-card-btn{text-align:left;cursor:pointer;font-family:var(--font);transition:all .15s}.stat-card-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #503c0a1a}.stat-card-btn.stat-card-active{border-color:var(--accent);box-shadow:0 0 0 2px #9b72182e}.stat-num{letter-spacing:-1px;font-size:36px;font-weight:600;font-family:var(--mono);color:var(--text)}.stat-card.accent .stat-num{color:var(--accent)}.stat-card.red .stat-num{color:#0284c7}.stat-label{color:var(--text2);margin-top:6px;font-size:14px}.table-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.search-wrap{position:relative}.search-icon{color:var(--text3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);font-size:14px;font-family:var(--font);border-radius:10px;outline:none;width:260px;padding:10px 14px 10px 36px;transition:border-color .15s}.search-input:focus{border-color:var(--accent);background:#fff}.search-input::placeholder{color:var(--text3)}.table-count{color:var(--text3);font-size:13px;font-family:var(--mono)}.table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table thead th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);background:var(--surface2);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.users-table tbody tr:hover{background:#9b72180d}.users-table tbody tr:last-child{border-bottom:none}.users-table td{color:var(--text);vertical-align:middle;white-space:nowrap;padding:10px 12px}.user-cell{align-items:center;gap:10px;display:flex}.user-avatar-sm{border:1.5px solid var(--border);border-radius:50%;width:30px;height:30px}.user-id{font-family:var(--mono);color:var(--text);font-size:13px}.empty-val{color:var(--text3)}.status-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.status-pill.complete{color:var(--success);background:#16a34a1a;border:1px solid #16a34a38}.status-pill.incomplete{color:var(--error);background:#dc262614;border:1px solid #dc26262e}.status-pill.active{color:var(--success);background:#16a34a1a;border:1px solid #16a34a38}.status-pill.inactive{color:#64748b;background:#64748b1a;border:1px solid #64748b40}.status-pill.new{color:#007aff;background:#007aff1a;border:1px solid #007aff40}.status-pill.pending,.status-pill.onboarding{color:#ff9500;background:#ff95001a;border:1px solid #ff950047}.status-pill.onboarded{color:#34c759;background:#34c7591a;border:1px solid #34c75940}.status-pill.offboarded{color:#ff3b30;background:#ff3b3014;border:1px solid #ff3b3038}.date-cell{color:var(--text2);font-size:12px;font-family:var(--mono);white-space:nowrap}.empty-row{text-align:center;color:var(--text3);padding:48px!important}.table-footer{color:var(--text3);border-top:1px solid var(--border);font-size:12px;font-family:var(--mono);background:var(--surface2);padding:12px 24px}.add-user-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent2));font-size:14px;font-weight:500;font-family:var(--font);border:none;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;transition:all .15s;display:flex;box-shadow:0 2px 10px #9b721847}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #9b721866}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}.sort-icon{opacity:.9;margin-left:4px;font-size:11px}.sort-icon.inactive{opacity:.3}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140e0480;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;gap:20px;width:480px;max-width:calc(100vw - 32px);padding:36px;animation:.2s ease-out slideUp;display:flex;box-shadow:0 24px 64px #503c0a2e}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-header h2{align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.modal-close{border:1px solid var(--border);background:var(--surface2);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--border);color:var(--text)}.modal-input{background:var(--surface2);border:1.5px solid var(--border);width:100%;color:var(--text);font-size:14px;font-family:var(--font);border-radius:10px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#fff}.modal-select{cursor:pointer}.modal-actions{gap:10px;margin-top:4px;display:flex}.modal-actions .secondary-btn{flex:none}.modal-wide{width:640px}.modal-sub{color:var(--text2);margin-top:-12px;font-size:13px}.history-table-wrap{border:1px solid var(--border);border-radius:10px;max-height:380px;overflow-y:auto}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table thead th{background:var(--surface2);text-align:left;color:var(--text2);text-transform:uppercase;letter-spacing:.04em;padding:9px 14px;font-size:12px;font-weight:600;position:sticky;top:0}.history-table tbody tr{border-top:1px solid var(--border)}.history-table tbody tr:hover{background:var(--surface2)}.history-table tbody td{color:var(--text);padding:10px 14px}.history-num{color:var(--text2);width:32px;font-size:12px}.history-ip{font-family:var(--mono);color:var(--text2);font-size:12px}.history-device{color:var(--text2);font-size:12px}.history-empty{text-align:center;color:var(--text2);padding:24px 0;font-size:14px}.table-input{border:1.5px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-family:var(--font);border-radius:7px;outline:none;width:100%;min-width:110px;padding:6px 10px;transition:border-color .15s,box-shadow .15s}.table-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);background:#fff}.table-select{border:1.5px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;border-radius:7px;outline:none;padding:6px 10px;transition:border-color .15s}.table-select:focus{border-color:var(--accent)}.row-actions{gap:6px;display:flex}.action-btn{border:1px solid var(--border);background:var(--surface2);width:30px;height:30px;color:var(--text2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .15s;display:flex}.action-btn:hover{background:#fff}.action-btn.edit:hover{color:var(--accent);border-color:var(--accent)}.action-btn.save{color:var(--success);background:#16a34a12;border-color:#16a34a4d}.action-btn.save:hover{background:#16a34a24}.action-btn.cancel{color:var(--error);background:#dc262612;border-color:#dc26264d}.action-btn.cancel:hover{background:#dc262624}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.deactivate:hover{color:var(--error);background:#dc262612;border-color:#dc26264d}.action-btn.activate:hover{color:var(--success);background:#16a34a12;border-color:#16a34a4d}.action-btn.history:hover{color:var(--accent);background:#b48c3c12;border-color:#b48c3c4d}.action-btn.unlock{color:#d97706}.action-btn.unlock:hover{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b59}.action-btn.onboarding-step:hover{color:var(--accent);background:#9b721812;border-color:#9b72184d}.role-pill{border-radius:20px;align-items:center;gap:4px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.role-pill.admin{color:#0284c7;background:#0ea5e91a;border:1px solid #0ea5e947}.role-pill.user{background:var(--surface2);color:var(--text3);border:1px solid var(--border)}.admin-row{background:#0ea5e90a!important}.inactive-row{opacity:.6}.auth-tabs{background:var(--surface2);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;display:grid;position:relative;overflow:hidden}.auth-tab{z-index:1;color:var(--text2);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px;transition:color .2s;position:relative}.auth-tab.active{color:var(--text)}.tab-slider{border:1px solid var(--border);z-index:0;background:#fff;border-radius:9px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #503c0a12}.auth-notice{color:var(--success);background:#16a34a14;border:1px solid #16a34a33;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.auth-error{color:var(--error);background:#dc262612;border:1px solid #dc26262e;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:18px;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.auth-resend{color:var(--muted);margin-bottom:16px;font-size:13px}.resend-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.resend-link:disabled{color:var(--muted);cursor:default;text-decoration:none}.toggle-pass{color:var(--text3);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-pass:hover{color:var(--text2)}.label-hint{color:var(--text3);font-size:12px;font-weight:400}.nav-link-btn{color:var(--text2);font-size:14px;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;display:flex}.nav-link-btn:hover{background:var(--surface2);color:var(--text)}.nav-link-btn.active{background:var(--surface2);color:var(--accent);font-weight:600}.nav-unread-badge{background:var(--error);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--mono);border-radius:20px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:inline-flex}.icon-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;align-items:center;padding:6px 10px;display:flex}.icon-btn:hover{background:var(--surface2);color:var(--text)}.db-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:12px;font-family:var(--mono);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;display:flex}.spin{animation:1s linear infinite spin}.section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);font-size:12px;font-weight:600;font-family:var(--mono);margin-bottom:14px}.mfa-step-header{text-align:center;margin-bottom:32px}.mfa-step-icon{width:60px;height:60px;color:var(--accent);background:#dc26261a;border:1px solid #9b721838;border-radius:18px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.mfa-step-header h2{letter-spacing:-.3px;margin-bottom:8px;font-size:22px;font-weight:600}.mfa-step-header p{color:var(--text2);font-size:14px;line-height:1.6}.otp-wrap{flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.otp-label{color:var(--text3);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600;font-family:var(--mono)}.otp-input{text-align:center;letter-spacing:12px;width:196px;font-size:26px;font-family:var(--mono);background:var(--surface2);border:2px solid var(--border);color:var(--text);border-radius:14px;outline:none;padding:16px 12px;font-weight:500;transition:border-color .15s,box-shadow .15s}.otp-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#fff}.otp-input::placeholder{letter-spacing:8px;color:var(--text3);font-size:18px}.mfa-back-btn{width:100%;color:var(--text3);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:20px;padding:9px;transition:all .15s;display:flex}.mfa-back-btn:hover{color:var(--text2);background:var(--surface2)}.settings-page{background:var(--bg);min-height:100vh}.settings-main{max-width:640px;margin:0 auto;padding:24px 32px}.settings-header{margin-bottom:36px}.settings-header h1{letter-spacing:-.5px;margin-bottom:10px;font-size:34px;font-weight:600}.settings-header p{color:var(--text2);font-size:15px}.mfa-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.mfa-section-title{color:var(--text2);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600;font-family:var(--mono);align-items:center;gap:8px;display:flex}.mfa-badge{font-size:12px;font-weight:600;font-family:var(--mono);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;display:inline-flex}.mfa-badge.on{color:var(--success);background:#16a34a1a;border:1px solid #16a34a40}.mfa-badge.off{background:var(--surface2);border:1px solid var(--border);color:var(--text3)}.mfa-description{color:var(--text2);margin-bottom:24px;font-size:14px;line-height:1.65}.danger-btn{color:var(--error);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:#dc262612;border:1px solid #dc26264d;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;transition:all .15s;display:flex}.danger-btn:hover{background:#dc262621;border-color:#dc262680}.secondary-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:12px 20px;transition:all .15s;display:flex}.secondary-btn:hover{background:var(--border);color:var(--text)}.danger-btn{color:#fff;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 20px;transition:opacity .15s;display:flex}.danger-btn:hover:not(:disabled){opacity:.88}.danger-btn:disabled{opacity:.38;cursor:not-allowed}.accent-outline-btn{color:var(--accent);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:#9b721812;border:1px solid #9b721859;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;transition:all .15s;display:flex}.accent-outline-btn:hover{background:#9b721821;border-color:#9b721880}.accent-outline-btn:disabled{opacity:.55;cursor:not-allowed}.deactivate-warning{color:var(--text2);margin-bottom:14px;font-size:14px;line-height:1.5}.deactivate-prompt{color:var(--text2);margin-bottom:10px;font-size:13px}.inv-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.inv-card-header{border-bottom:1px solid var(--border);background:var(--surface2);color:var(--text2);align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;display:flex}.inv-card form{flex-direction:column;gap:20px;padding:24px;display:flex}.inv-row{align-items:flex-start;gap:16px;display:flex}.inv-textarea{resize:vertical;min-height:72px;font-family:var(--font)}.inv-submit-btn{flex:none;width:auto;margin-top:0;padding:11px 22px;font-size:14px}.inv-alert{border-radius:8px;align-items:center;gap:8px;margin:0 24px;padding:10px 16px;font-size:13px;display:flex}.inv-alert:first-of-type{margin-top:16px}.inv-alert-error{color:var(--error);background:#dc262612;border:1px solid #dc26262e}.inv-alert-success{color:var(--success);background:#16a34a14;border:1px solid #16a34a38}.inv-combo{position:relative}.inv-combo-input{padding-right:34px!important}.inv-combo-arrow{color:var(--text3);pointer-events:none;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.inv-dropdown{z-index:200;border:1px solid var(--border);background:#fff;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #14142b1f}.inv-drop-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;transition:background .1s;display:flex}.inv-drop-item:hover{background:var(--surface2)}.inv-drop-id{font-family:var(--mono);color:var(--accent);min-width:90px;font-size:12px;font-weight:600}.inv-drop-name{color:var(--text);flex:1;font-size:13px}.inv-drop-email{color:var(--text3);font-size:12px}.inv-drop-empty{color:var(--text3);text-align:center;padding:12px 14px;font-size:13px}.doc-account-card{overflow:visible}.doc-account-card .inv-card-header{border-radius:16px 16px 0 0}.doc-selected-account{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.doc-selected-name{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600}.doc-selected-meta{color:var(--text3);font-size:12px}.doc-selected-meta.mono{font-family:var(--mono);color:var(--accent);margin-top:2px}.doc-admin-layout{align-items:flex-start;gap:24px;display:flex}.doc-admin-sidebar{flex-shrink:0;width:300px}.doc-admin-content{flex:1;min-width:0}@media (width<=900px){.doc-admin-layout{flex-direction:column}.doc-admin-sidebar{width:100%}}.inv-customer-chip{background:#9b72181a;border:1px solid #9b721838;border-radius:20px;align-items:center;gap:8px;margin-top:-8px;padding:5px 14px;display:inline-flex}.inv-customer-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.inv-customer-name{color:var(--accent);font-size:13px;font-weight:500}.inv-empty{color:var(--text3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;font-size:14px;display:flex}.inv-date-readonly{cursor:default;background:var(--surface2)!important;color:var(--text3)!important}.inv-desc-cell{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--text2);font-size:12px;overflow:hidden}.inv-amount-cell{white-space:nowrap;font-weight:600}.li-section{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.li-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);font-size:11px;font-weight:600;font-family:var(--mono);margin-bottom:12px}.li-add-row{align-items:flex-end;gap:10px;display:flex}.li-add-row .modal-input{margin-bottom:0}.li-add-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:10px 18px;transition:opacity .15s,transform .12s;display:inline-flex}.li-add-btn:hover{opacity:.9;transform:translateY(-1px)}.li-grid{border:1px solid var(--border);border-radius:10px;margin-top:14px;overflow:hidden}.li-grid table{border-collapse:collapse;width:100%;font-size:13px}.li-grid thead th{background:var(--surface2);text-transform:uppercase;letter-spacing:.05em;color:var(--text3);border-bottom:1px solid var(--border);text-align:left;padding:8px 12px;font-size:11px;font-weight:600}.li-grid tbody tr{border-bottom:1px solid var(--border)}.li-grid tbody tr:last-child{border-bottom:none}.li-grid tbody td{color:var(--text);vertical-align:middle;padding:9px 12px}.li-idx{color:var(--text3);font-size:12px;font-family:var(--mono)}.li-service{font-weight:500}.li-desc{color:var(--text2);font-size:12px}.li-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;font-family:var(--mono);text-align:right!important}.li-remove-btn{width:26px;height:26px;color:var(--text3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.li-remove-btn:hover{color:#dc2626;background:#dc262614;border-color:#dc262633}.li-totals-section{border-top:1px solid var(--border)}.li-subtotal-row{color:var(--text2);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.li-discount-row{color:var(--text2);border-bottom:1px dashed var(--border);background:#f59e0b0a;justify-content:space-between;align-items:center;padding:7px 12px;font-size:13px;display:flex}.li-discount-label{color:var(--text2);align-items:center;gap:10px;font-size:13px;display:flex}.li-discount-pct-wrap{align-items:center;gap:2px;display:flex}.li-discount-input{border:1px solid var(--border);width:56px;font-size:12px;font-family:var(--mono);color:var(--text);text-align:right;background:#fff;border-radius:6px;padding:3px 6px}.li-discount-input:focus{border-color:var(--accent);outline:none}.li-pct-sign{color:var(--text3);font-size:12px;font-family:var(--mono)}.li-discount-amount{color:#d97706;font-family:var(--mono);font-weight:600}.li-total-row{background:var(--surface2);color:var(--text2);justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.li-total-amount{color:#b91c1c;font-family:var(--mono);font-size:14px}.mfa-setup-flow{margin-top:24px}.setup-instructions{color:var(--text2);margin-bottom:24px;font-size:14px;line-height:1.6}.qr-section{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-image{border:1px solid var(--border);background:#fff;border-radius:12px;width:180px;height:180px;padding:8px}.secret-row{width:100%}.secret-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;font-family:var(--mono);margin-bottom:6px;display:block}.secret-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.secret-text{font-family:var(--mono);color:var(--text);word-break:break-all;flex:1;font-size:13px}.copy-btn{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.copy-btn:hover{background:var(--border);color:var(--text)}.billing-page{background:var(--bg);min-height:100vh}.billing-main{max-width:860px;margin:0 auto;padding:24px 32px}.billing-header{margin-bottom:36px}.billing-header h1{letter-spacing:-.5px;margin-bottom:10px;font-size:34px;font-weight:600}.billing-header p{color:var(--text2);font-size:15px}.billing-loading{justify-content:center;padding:80px 0;display:flex}.billing-tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:4px;margin-bottom:28px;display:flex;overflow-x:auto}.billing-tabs::-webkit-scrollbar{height:3px}.billing-tabs::-webkit-scrollbar-track{background:0 0}.billing-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.billing-tab{font-family:var(--font);color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 18px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.billing-tab:hover{color:var(--text)}.billing-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{background:var(--surface2);min-width:20px;height:18px;color:var(--text3);font-size:11px;font-weight:600;font-family:var(--mono);border-radius:20px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.billing-tab.active .tab-count{color:var(--accent);background:#9b72181f}.inv-history-tabs{border-bottom:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:4px;padding:0 24px;display:flex;overflow-x:auto}.inv-history-tabs::-webkit-scrollbar{height:3px}.inv-history-tabs::-webkit-scrollbar-track{background:0 0}.inv-history-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.billing-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);font-size:13px;font-weight:600;font-family:var(--mono);margin-bottom:20px}.current-plan-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:20px 28px;display:flex}.current-plan-left{flex-direction:column;gap:6px;display:flex}.current-plan-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500;font-family:var(--mono)}.current-plan-name{align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.current-plan-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.current-plan-right span{color:var(--text2);font-size:14px}.current-plan-price{color:var(--text);font-size:20px;font-weight:600;font-family:var(--mono)}.price-per{color:var(--text3);font-size:14px;font-weight:400}.cycle-badge{text-transform:capitalize;font-size:12px;font-weight:500;font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:20px;padding:3px 10px}.status-badge{text-transform:capitalize;font-size:12px;font-weight:500;font-family:var(--mono);border-radius:20px;padding:3px 10px}.status-active{color:var(--success);background:#16a34a1a;border:1px solid #16a34a38}.status-cancelled{color:var(--error);background:#dc262614;border:1px solid #dc26262e}.status-past_due{color:#c9a84c;background:#eab3081a;border:1px solid #eab30840}.cycle-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:10px;gap:0;margin-bottom:28px;padding:3px;display:inline-flex}.cycle-btn{color:var(--text2);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 20px;transition:all .15s;display:flex}.cycle-btn.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #503c0a1a}.save-badge{color:var(--success);background:#16a34a1f;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:600}.plans-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.plan-card{border:1.5px solid var(--border);background:var(--surface2);border-radius:16px;flex-direction:column;gap:0;padding:28px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.plan-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #dc26261a}.plan-card.plan-current{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#9b72180d}.plan-card.plan-pro{border-color:#9b721840}.plan-card.plan-pro:hover{border-color:var(--accent2)}.plan-card.plan-pro.plan-current{border-color:var(--accent2);box-shadow:0 0 0 3px #c9a84c29}.plan-card.plan-locked{opacity:.55;pointer-events:none}.plan-lock-notice{color:#92400e;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.plan-confirm-note{color:#92400e;background:#f59e0b12;border:1px solid #f59e0b38;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.plan-name{color:var(--text3);text-transform:uppercase;letter-spacing:.6px;font-size:13px;font-weight:600;font-family:var(--mono);margin-bottom:10px}.plan-price{letter-spacing:-1.5px;color:var(--text);font-size:38px;font-weight:700;font-family:var(--mono);line-height:1}.plan-price-per{color:var(--text3);letter-spacing:0;font-size:16px;font-weight:400}.plan-monthly-equiv{color:var(--text3);margin-top:6px;margin-bottom:4px;font-size:13px}.plan-features{flex-direction:column;gap:10px;margin:24px 0 28px;list-style:none;display:flex}.plan-features li{color:var(--text2);align-items:center;gap:9px;font-size:14px;display:flex}.plan-features li svg{color:var(--success);flex-shrink:0}.plan-select-btn{width:100%;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;margin-top:auto;padding:12px;transition:all .15s}.plan-select-btn:disabled{opacity:.6;cursor:default}.plan-select-current{color:var(--accent);background:#dc26261a;border:1.5px solid #9b721847}.plan-select-pro{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 4px 14px #9b721859}.plan-select-pro:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #9b72187a}.plan-select-basic{color:var(--text2);border:1.5px solid var(--border);background:#fff}.plan-select-basic:hover:not(:disabled){background:var(--surface2);color:var(--text)}@media (width<=640px){.billing-main{padding:20px}.plans-grid{grid-template-columns:1fr}.current-plan-card{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.login-card{width:calc(100% - 32px);padding:36px 28px}.onboarding-main{padding:20px}.admin-main{padding:32px 16px}.top-nav,.admin-nav{padding:0 20px}}.oq-form{flex-direction:column;gap:0;padding:0;display:flex}.oq-section{border-bottom:1px solid var(--border);padding:28px 40px}.oq-section:last-of-type{border-bottom:none}.oq-section-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.oq-section-icon{color:var(--accent);flex-shrink:0}.oq-section-label{color:var(--text);font-size:15px;font-weight:600}.oq-section-hint{color:var(--text3);margin:0 0 14px;font-size:13px;line-height:1.5}.oq-textarea{resize:vertical;min-height:110px;line-height:1.6}.oq-option-group{flex-wrap:wrap;gap:10px;display:flex}.oq-yesno .oq-option-btn{min-width:100px}.oq-option-btn{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;min-width:130px;color:var(--text2);font-family:var(--font);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 20px;transition:all .15s;display:flex}.oq-option-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:#9b72180f}.oq-option-btn.selected{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#9b72181a}.oq-option-btn:disabled{opacity:.65;cursor:not-allowed}.oq-opt-label{font-size:14px;font-weight:600}.oq-opt-sub{color:inherit;opacity:.7;font-size:11px;font-weight:400}.input-error{border-color:var(--error)!important}.oq-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 40px;display:flex}.oq-lock-notice{color:var(--text3);align-items:center;gap:6px;font-size:13px;display:flex}.oq-lock-notice svg{color:var(--accent);flex-shrink:0}.oq-submitted-banner{color:var(--success);background:#16a34a12;border:1px solid #16a34a40;border-radius:14px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:18px 24px;display:flex}.oq-submitted-banner svg{flex-shrink:0;margin-top:2px}.oq-submitted-date{opacity:.8;font-weight:400}.oq-confirm-key{color:var(--text2);min-width:70px;margin-right:6px;font-weight:600;display:inline-block}.oq-grid-row{cursor:pointer}.oq-grid-row:hover td{background:#9b72180a}.oq-detail-modal{max-height:88vh;overflow-y:auto}.oq-detail-client{background:var(--surface2);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;font-size:14px;display:flex}.oq-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.oq-detail-full{grid-column:1/-1}.oq-detail-item{background:var(--surface2);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.oq-detail-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.oq-detail-key{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:4px;font-size:11px;font-weight:600}.oq-detail-val{color:var(--text);font-size:14px;font-weight:500}.oq-detail-text{white-space:pre-wrap;font-weight:400;line-height:1.6}@media (width<=640px){.oq-section{padding:22px 20px}.oq-form-footer{flex-direction:column;align-items:stretch;padding:20px}.oq-option-btn{flex:1;min-width:auto}.oq-detail-grid{grid-template-columns:1fr}}.doc-browser{flex-direction:column;min-height:max(480px,100vh - 280px);display:flex;overflow:visible}.doc-layout{flex:1;align-items:stretch;min-height:0;display:flex}.doc-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doc-sidebar{background:var(--surface2);border-right:1px solid var(--border);border-radius:15px 0 0 15px;flex-direction:column;flex-shrink:0;width:300px;display:flex}.doc-sidebar-top{border-bottom:1px solid var(--border)}.doc-sidebar-account{padding:14px 14px 16px}.doc-sidebar-account-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.doc-sidebar-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:14px 16px 8px;font-size:11px;font-weight:600}.doc-tree{flex:1;min-height:160px;padding:0 8px 12px;overflow-y:auto}.doc-tree-row{border-radius:8px;align-items:center;gap:2px;margin:1px 0;display:flex}.doc-tree-row.active{background:#9b72181f}.doc-tree-row.active .doc-tree-label{color:var(--accent);font-weight:600}.doc-tree-toggle{width:20px;height:30px;color:var(--text3);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.doc-tree-toggle:disabled{cursor:default}.doc-tree-label{cursor:pointer;min-width:0;font-family:var(--font);color:var(--text2);text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 8px 6px 2px;font-size:13px;transition:color .15s;display:flex}.doc-tree-label:hover{color:var(--text)}.doc-tree-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-sidebar-footer{border-top:1px solid var(--border);color:var(--text3);font-size:12px;font-family:var(--mono);align-items:center;gap:7px;padding:12px 16px;display:flex}@media (width<=760px){.doc-layout{flex-direction:column}.doc-sidebar{border-right:none;border-bottom:1px solid var(--border);border-radius:15px 15px 0 0;width:100%}.doc-tree{max-height:180px}}.doc-toolbar-actions{flex-shrink:0;gap:8px;display:flex}.doc-toolbar-actions .secondary-btn,.doc-toolbar-actions .add-user-btn{padding:7px 12px;font-size:13px}.doc-toolbar-actions button:disabled{opacity:.55;cursor:not-allowed}.doc-browser .search-wrap{flex:1;min-width:0;max-width:280px}.doc-browser .search-input{box-sizing:border-box;width:100%}.doc-breadcrumbs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:12px 24px;display:flex}.doc-crumb-group{align-items:center;gap:2px;display:flex}.doc-crumb-sep{color:var(--text3);margin:0 2px}.doc-crumb{color:var(--text2);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;transition:all .15s;display:flex}.doc-crumb:hover{background:var(--surface2);color:var(--text)}.doc-crumb.current{color:var(--text);cursor:default;font-weight:600}.doc-crumb.current:hover{background:0 0}.doc-action-error{margin:16px 24px 0}.doc-dropzone{flex-direction:column;flex:1;min-height:160px;display:flex;position:relative}.doc-dropzone.drag-over{background:#9b72180a}.doc-dropzone .inv-empty,.doc-dropzone .table-wrap{flex:1}.doc-dropzone-overlay{z-index:5;border:2px dashed var(--accent);color:var(--accent);pointer-events:none;background:#9b72180f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;position:absolute;inset:8px}.doc-name-cell{width:100%;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin:0;padding:0;font-size:13px;display:flex}.doc-name-cell:hover{color:var(--accent);text-decoration:underline}.doc-icon{color:var(--text3);flex-shrink:0}.doc-icon-folder{color:var(--accent)}.doc-upload-panel{border:1px solid var(--border);border-radius:var(--radius);width:320px;max-height:360px;box-shadow:var(--shadow);z-index:300;background:#fff;flex-direction:column;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.doc-upload-panel-header{color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.doc-upload-panel-header .modal-close{border:none;width:24px;height:24px}.doc-upload-progress-bar{background:var(--surface2);height:3px}.doc-upload-progress-fill{background:var(--accent);height:100%;transition:width .2s}.doc-upload-list{max-height:240px;margin:0;padding:6px;list-style:none;overflow-y:auto}.doc-upload-item{color:var(--text2);border-radius:8px;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.doc-upload-item-icon{color:var(--text3);flex-shrink:0;align-items:center;display:flex}.doc-upload-name-group{flex-direction:column;flex:1;min-width:0;display:flex}.doc-upload-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);overflow:hidden}.doc-upload-error{color:var(--error);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.doc-upload-item.done .doc-upload-item-icon{color:var(--success)}.doc-upload-item.error .doc-upload-item-icon,.doc-upload-item.error .doc-upload-name{color:var(--error)}.doc-upload-item.skipped{color:var(--text3)}.doc-upload-item.pending .doc-upload-item-icon{opacity:.35}.msg-app{border:1px solid var(--border);height:max(540px,100vh - 260px);box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:stretch;display:flex;overflow:hidden}.msg-sidebar{background:var(--surface2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex}.msg-sidebar-search{border-bottom:1px solid var(--border);padding:14px}.msg-search-input{width:100%}.msg-contact-list{flex:1;overflow-y:auto}.msg-empty-list{text-align:center;color:var(--text3);padding:24px 16px;font-size:13px}.msg-contact-row{border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;font-family:var(--font);background:0 0;border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;transition:background .1s,border-color .1s;display:flex}.msg-contact-row:hover{background:#9b72180d}.msg-contact-row.active{border-left-color:var(--accent);background:#9b72181f}.msg-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;width:40px;height:40px;font-size:14px;font-weight:600;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-contact-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.msg-contact-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.msg-contact-row.active .msg-contact-name{color:var(--accent)}.msg-contact-preview{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.msg-contact-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.msg-contact-date{color:var(--text3);font-size:11px;font-family:var(--mono);white-space:nowrap}.msg-unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;align-self:flex-end;width:8px;height:8px}.msg-thread{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.msg-main-empty{min-width:0;color:var(--text3);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px;font-size:14px;display:flex}.msg-thread-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px 24px;display:flex}.msg-thread-header .msg-avatar{width:44px;height:44px;font-size:15px}.msg-thread-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.msg-thread-header-text h2{color:var(--text);font-size:16px;font-weight:600}.msg-thread-subtitle{color:var(--text3);font-size:12px;font-family:var(--mono)}.msg-bubble-list{flex-direction:column;flex:1;gap:12px;min-height:0;padding:24px;display:flex;overflow-y:auto}.msg-bubble-list-center{justify-content:center;align-items:center}.msg-empty-history{color:var(--text3);text-align:center;padding:40px;font-size:13px}.msg-bubble{border-radius:14px;flex-direction:column;gap:4px;max-width:65%;padding:10px 14px;display:flex}.msg-bubble.theirs{background:#22c55e24;border:1px solid #22c55e47;border-bottom-left-radius:4px;align-self:flex-start}.msg-bubble.mine{background:#3b82f624;border:1px solid #3b82f647;border-bottom-right-radius:4px;align-self:flex-end}.msg-bubble-body{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}.msg-bubble-meta{color:var(--text3);align-items:center;gap:8px;font-size:11px;display:flex}.msg-bubble-sender{color:var(--text2);font-weight:600}.msg-bubble.mine .msg-bubble-meta{align-self:flex-end}.msg-reply-box{border-top:1px solid var(--border);align-items:flex-end;gap:10px;padding:16px 24px;display:flex}.msg-reply-box textarea{resize:none;border:1.5px solid var(--border);background:var(--surface2);min-height:44px;max-height:160px;color:var(--text);font-family:var(--font);border-radius:22px;outline:none;flex:1;padding:11px 16px;font-size:14px;transition:border-color .15s}.msg-reply-box textarea:focus{border-color:var(--accent);background:#fff}.msg-send-btn{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#1a1005;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .1s,box-shadow .15s;display:flex}.msg-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #9b721866}.msg-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.msg-app{flex-direction:column;height:auto}.msg-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:280px}.msg-bubble{max-width:85%}}.stat-cards-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card-icon{width:36px;height:36px;color:var(--accent);background:#9b72181a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.stat-card-value{color:var(--text);margin-bottom:4px;font-size:26px;font-weight:700;line-height:1}.stat-card-label{color:var(--text2);font-size:12px;font-weight:500}.stat-card-sub{color:var(--text2);margin-top:2px;font-size:11px}.filter-btn{border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;font-family:var(--font);cursor:pointer;border-radius:8px;padding:6px 14px;transition:all .15s}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{border-color:var(--accent);color:var(--accent);background:#9b721814;font-weight:600}@media (width<=700px){.stat-cards-row{grid-template-columns:1fr 1fr}}