:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Avenir Next,Segoe UI,system-ui,sans-serif;line-height:1.5;--glass-bg: rgba(255, 255, 255, .62);--glass-bg-heavy: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .45);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .08);--glass-shadow-elevated: 0 12px 48px rgba(31, 38, 135, .12);--glass-blur: blur(40px);--glass-blur-light: blur(20px);--bg: #f0f2f8;--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--surface-elevated: rgba(255, 255, 255, .92);--text: #0f172a;--text-muted: #64748b;--text-tertiary: #94a3b8;--line: rgba(148, 163, 184, .18);--line-strong: rgba(148, 163, 184, .3);--primary: #2563eb;--primary-strong: #1d4ed8;--primary-tint: rgba(37, 99, 235, .12);--primary-glow: rgba(37, 99, 235, .25);--success-bg: rgba(16, 185, 129, .1);--success-text: #059669;--error-bg: rgba(239, 68, 68, .08);--error-text: #dc2626;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-elastic: .4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=dark]{color-scheme:dark;--glass-bg: rgba(15, 23, 42, .82);--glass-bg-heavy: rgba(15, 23, 42, .92);--glass-border: rgba(51, 65, 85, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-elevated: 0 12px 48px rgba(0, 0, 0, .5);--bg: #0b1120;--surface: rgba(15, 23, 42, .9);--surface-solid: #151d2e;--surface-elevated: rgba(15, 23, 42, .95);--text: #f1f5f9;--text-muted: #94a3b8;--text-tertiary: #64748b;--line: rgba(51, 65, 85, .5);--line-strong: rgba(71, 85, 105, .5);--primary: #3b82f6;--primary-strong: #60a5fa;--primary-tint: rgba(59, 130, 246, .12);--primary-glow: rgba(59, 130, 246, .25);--success-bg: rgba(16, 185, 129, .15);--success-text: #34d399;--error-bg: rgba(239, 68, 68, .15);--error-text: #f87171}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 0% 0%,#e0e7ff 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,#dbeafe 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,#ede9fe 0%,transparent 50%),var(--bg)}.identity-page{min-height:100vh;display:flex;flex-direction:column}.top-nav{width:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 1px #ffffff80 inset,0 4px 24px #1f26870f;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:50}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-home-link{color:inherit;text-decoration:none}.brand-icon{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);padding:4px}.top-nav h1,.top-nav h2{margin:0;line-height:1.2}.top-nav h1{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.top-nav p,.auth-panel-header p,.tenant-list li span{margin:3px 0 0;color:var(--text-muted);font-size:.9rem}.top-nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:flex-end}.user-menu{position:relative}.user-menu-trigger{list-style:none;width:38px;height:38px;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);display:grid;place-items:center;cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background:#ffffffe6;box-shadow:0 2px 12px #2563eb1a}.user-menu-trigger::-webkit-details-marker{display:none}.user-menu-trigger svg{width:20px;height:20px;fill:var(--text-muted)}.user-menu-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:10;min-width:220px;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--surface-elevated);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow-elevated);padding:12px;display:grid;gap:8px;animation:popover-rise .2s var(--transition-elastic)}@keyframes popover-rise{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-menu-popover button{width:100%;text-align:left}.admin-cog-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast);text-decoration:none}.admin-cog-link svg{width:20px;height:20px}.admin-cog-link:hover{color:var(--primary);background:var(--glass-bg)}.user-menu-item{background:transparent;color:var(--text);box-shadow:none;padding:8px 12px;border-radius:var(--radius-sm);font-weight:500}.user-menu-item:hover:not(:disabled){background:var(--glass-bg);box-shadow:none;transform:none}.user-menu-popover p{margin:0;color:var(--text-muted);font-size:.88rem}.identity-content{flex:1;display:grid;place-items:center;padding:24px}.identity-content-auth{display:block;width:100%;padding:0}.auth-panel,.identity-card{width:min(520px,100%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);background:var(--surface-elevated);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);box-shadow:var(--glass-shadow-elevated),0 1px #ffffff80 inset;padding:20px;display:flex;flex-direction:column;gap:14px}.identity-card{width:100%}.auth-panel-header{display:flex;align-items:center;gap:10px}.auth-form-panel{display:flex;flex-direction:column;gap:12px}.auth-switch-link{margin:0;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-switch-link a{color:var(--primary);text-decoration:none;font-weight:600}.auth-switch-link a:hover{color:var(--primary-strong);text-decoration:none}label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--text-muted)}input,select,button{font:inherit}input,select{border:1px solid rgba(148,163,184,.25);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;transition:all var(--transition-fast)}input:hover,select:hover{border-color:#2563eb40}input:focus,select:focus{outline:none;border-color:#2563eb66;box-shadow:0 0 0 3px #2563eb1a,0 0 16px #2563eb0f}.form-grid{display:grid;gap:10px}.action-row{display:flex;gap:10px}button{border:0;border-radius:var(--radius-sm);background:var(--primary);color:#fff;padding:10px 16px;cursor:pointer;font-weight:600;transition:all var(--transition-base);box-shadow:0 2px 12px var(--primary-glow),0 1px #ffffff26 inset}button:hover:not(:disabled):not(.product-card):not(.sidebar-link){background:var(--primary-strong);box-shadow:0 6px 24px #2563eb59,0 1px #fff3 inset;transform:translateY(-1px)}button:active:not(:disabled):not(.product-card):not(.sidebar-link){transform:translateY(0);box-shadow:0 2px 8px var(--primary-glow)}button.secondary{background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);color:var(--text);box-shadow:0 1px #ffffff80 inset}button.secondary:hover:not(:disabled){background:#ffffffe6;border-color:#2563eb33;box-shadow:0 4px 16px #1f268714,0 1px #fff9 inset}button.secondary:active:not(:disabled){background:#ffffffd9;transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.45}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-md);border:1px solid transparent;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);box-shadow:var(--glass-shadow-elevated);pointer-events:auto;animation:toast-materialize .4s cubic-bezier(.34,1.56,.64,1);max-width:480px;font-size:.92rem}@keyframes toast-materialize{0%{opacity:0;transform:translateY(-12px) scale(.95);filter:blur(8px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.toast-ok{background:#ecfdf5d9;color:var(--success-text);border-color:#a7f3d080}.toast-error{background:#fef2f2d9;color:var(--error-text);border-color:#fca5a580}.toast-close{background:none;border:none;color:inherit;font-size:1.2rem;padding:0 2px;cursor:pointer;opacity:.5;font-weight:400;line-height:1;box-shadow:none;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1;background:none;box-shadow:none;transform:none}.tenant-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}.tenant-list li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 1px #ffffff80 inset;transition:all var(--transition-fast)}.tenant-list li:hover{background:#ffffffe0;box-shadow:0 4px 16px #1f268714,0 1px #fff9 inset}.tenant-info{display:flex;flex-direction:column}.tenant-list-clickable{cursor:pointer}.tenant-role{font-size:.8rem;font-weight:500;padding:3px 10px;border-radius:var(--radius-pill);background:#94a3b81f;color:var(--text-muted)}.tenant-role-admin{background:var(--primary-tint);color:var(--primary);font-weight:600}.tenant-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tenant-chevron{width:18px;height:18px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.tenant-list-clickable:hover .tenant-chevron{color:var(--primary);transform:translate(2px)}.icon-button{width:34px;min-width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:var(--radius-sm)}.icon-button svg{width:18px;height:18px;fill:currentColor}.profile-layout{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start}.profile-sidenav{display:flex;flex-direction:column;gap:2px;position:sticky;top:80px}.profile-sidenav-item{background:transparent;border:none;box-shadow:none;color:var(--text-muted);text-align:left;padding:10px 14px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.profile-sidenav-item:hover:not(:disabled){background:var(--glass-bg);color:var(--text);box-shadow:none;transform:none}.profile-sidenav-item.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.profile-sidenav-item.active:hover:not(:disabled){background:var(--primary-strong);color:#fff;box-shadow:0 4px 16px var(--primary-glow);transform:none}.profile-page{display:grid;gap:14px}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-content{min-width:0}.admin-content h2{margin:0 0 1rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--text-muted);border-bottom:2px solid var(--line);white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--line)}.admin-table tbody tr:hover{background:var(--glass-bg)}.admin-table code{background:var(--glass-bg-heavy);padding:2px 6px;border-radius:4px;font-size:.85em}.admin-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.78rem;font-weight:600}.badge-ok{background:#22c55e1f;color:#16a34a}.badge-inactive{background:#94a3b826;color:var(--text-muted)}.empty-message{color:var(--text-muted);font-style:italic}@media(max-width:700px){.profile-layout{grid-template-columns:1fr}.profile-sidenav{flex-direction:row;position:static;overflow-x:auto}.profile-form-row{grid-template-columns:1fr}}.profile-section{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px;display:grid;gap:10px;box-shadow:0 1px #ffffff80 inset}.profile-section h3{margin:0;font-size:1rem;font-weight:600}.profile-language-select{max-width:280px}input:disabled{background:#f1f5f9b3;color:var(--text-muted)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.user-menu-trigger:focus-visible,.icon-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb4d,0 0 20px #2563eb1a}.skip-to-content{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--primary);color:#fff;padding:8px 18px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 4px 16px var(--primary-glow)}.skip-to-content:focus{left:16px}@media(max-width:900px){.top-nav{padding:10px 14px;flex-direction:column;align-items:stretch}.top-nav-actions{flex-wrap:wrap;justify-content:space-between}.identity-content{padding:14px}}@media(max-width:640px){.action-row{flex-direction:column}.top-nav-actions{flex-direction:column;align-items:stretch}}.app-layout{width:100%;padding:24px}.app-layout-full{max-width:none}.app-layout-with-sidebar{max-width:none;padding:0;display:grid;grid-template-columns:240px 1fr;gap:0;min-height:calc(100vh - 60px)}.sidebar{border-right:1px solid var(--line);background:var(--surface-elevated);padding:16px 0;display:flex;flex-direction:column;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.sidebar-tenant{padding:4px 20px 16px;border-bottom:1px solid var(--line);margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.sidebar-tenant strong{font-size:.95rem}.sidebar-tenant span{font-size:.82rem;color:var(--text-muted)}.sidebar-nav{display:flex;flex-direction:column;padding:4px 8px;gap:2px;flex:1}.sidebar-bottom{border-top:1px solid var(--line);padding:8px 8px 0;margin-top:8px}button.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-weight:500;font-size:.9rem;box-shadow:none;border:none;cursor:pointer;transition:all var(--transition-fast)}button.sidebar-link:hover{background:var(--primary-tint);color:var(--primary-strong);box-shadow:none;transform:none}button.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.6}button.sidebar-link-active{background:var(--primary-tint);color:var(--primary);font-weight:600;box-shadow:none}button.sidebar-link-active svg{opacity:1;color:var(--primary)}.main-content{padding:28px 32px;min-width:0}.billing-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.billing-full-width{grid-column:1 / -1}@media(max-width:900px){.app-layout-with-sidebar{grid-template-columns:1fr}.sidebar{position:static;border-right:none;border-bottom:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:none;flex-direction:row;flex-wrap:wrap;padding:12px;gap:4px}.sidebar-tenant{width:100%;padding:0 8px 10px;flex-direction:row;align-items:center;gap:8px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:0;flex:none}.sidebar-bottom{border-top:none;border-left:1px solid var(--line);padding:0 0 0 8px;margin-top:0;margin-left:auto}.main-content{padding:16px}.billing-form-grid{grid-template-columns:1fr}}.products-page{display:grid;gap:14px}.products-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.products-header h2{margin:0}.products-toolbar{display:flex;gap:10px}.products-empty{text-align:center;padding:32px 16px;color:var(--text-muted)}.products-empty button{margin-top:12px}.products-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.products-table{width:100%;border-collapse:collapse;font-size:.9rem}.products-table th,.products-table td{padding:12px 14px;text-align:left;white-space:nowrap}.products-table th{font-weight:600;color:var(--text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);background:#fff6}.products-table tbody tr{transition:background var(--transition-fast)}.products-table tbody tr:hover{background:#ffffff80}.products-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--line)}.product-name-cell{display:flex;align-items:center;gap:10px}.product-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff;flex-shrink:0;background:var(--primary)}.product-icon-hr{background:#059669}.product-icon-crm{background:#2563eb}.product-icon-lms{background:#7c3aed}.product-icon-accounting{background:#d97706}.product-icon-pms{background:#0891b2}.product-icon-pos{background:#e11d48}.product-icon-wms{background:#4f46e5}.status-badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.status-active{background:var(--success-bg);color:var(--success-text)}.status-trial{background:#2563eb1a;color:#2563eb}.status-suspended{background:#f59e0b1a;color:#b45309}.status-cancelled,.status-expired{background:var(--error-bg);color:var(--error-text)}.catalog-grid{display:grid;gap:14px}.catalog-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px;display:grid;gap:14px;box-shadow:0 1px #ffffff80 inset}.catalog-card-header{display:flex;align-items:flex-start;gap:12px}.catalog-card-header h3{margin:0;font-size:1.05rem}.catalog-card-header p{margin:4px 0 0;color:var(--text-muted);font-size:.88rem}.catalog-plans{display:grid;gap:10px}.catalog-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff6}.catalog-plan-info{display:flex;flex-direction:column;gap:2px}.catalog-price{color:var(--text-muted);font-size:.88rem}.catalog-trial{font-size:.8rem;color:#2563eb;font-weight:500}@media(max-width:640px){.products-header{flex-direction:column;align-items:stretch}.products-table th,.products-table td{padding:10px;font-size:.85rem}.catalog-plan{flex-direction:column;align-items:stretch}}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--text-tertiary);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-buttons{display:grid;gap:10px}button.oauth-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);color:var(--text);box-shadow:0 1px #ffffff80 inset;font-weight:500;padding:10px 16px}button.oauth-button:hover:not(:disabled){background:#ffffffe6;border-color:#2563eb33;box-shadow:0 4px 16px #1f268714,0 1px #fff9 inset}button.oauth-button:active:not(:disabled){background:#ffffffd9;transform:translateY(0)}button.oauth-button svg{width:20px;height:20px;flex-shrink:0}.modal-overlay{position:fixed;inset:0;z-index:80;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;animation:modal-fade-in .2s ease-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{width:min(480px,100%);background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow-elevated);padding:24px;display:flex;flex-direction:column;gap:12px;animation:modal-rise .25s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-rise{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-theme=dark] body{background:radial-gradient(ellipse at 0% 0%,rgba(30,27,75,.4) 0%,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(23,37,84,.4) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(30,27,75,.3) 0%,transparent 50%),var(--bg)}[data-theme=dark] .top-nav{box-shadow:0 1px #ffffff0d inset,0 4px 24px #0003}[data-theme=dark] .user-menu-trigger:hover{background:#1e293bf2;box-shadow:0 2px 12px #3b82f626}[data-theme=dark] button.secondary:hover:not(:disabled){background:#1e293bf2;border-color:#47556999;box-shadow:0 4px 16px #0000004d,0 1px #ffffff0d inset}[data-theme=dark] button.secondary:active:not(:disabled){background:#1e293be6}[data-theme=dark] button.secondary,[data-theme=dark] button.oauth-button{box-shadow:0 1px #ffffff0d inset}[data-theme=dark] button:hover:not(:disabled):not(.secondary):not(.sidebar-link):not(.toast-close):not(.oauth-button):not(.product-card){box-shadow:0 6px 24px #3b82f659,0 1px #ffffff1a inset}[data-theme=dark] button:not(:disabled):not(.secondary):not(.sidebar-link):not(.toast-close):not(.oauth-button):not(.product-card){box-shadow:0 2px 12px var(--primary-glow),0 1px #ffffff14 inset}[data-theme=dark] input,[data-theme=dark] select{border-color:#64748b59}[data-theme=dark] input:disabled{background:#0f172ab3}[data-theme=dark] .auth-panel,[data-theme=dark] .identity-card{box-shadow:var(--glass-shadow-elevated),0 1px #ffffff0d inset}[data-theme=dark] .toast-ok{background:#064e3bb3;border-color:#10b9814d}[data-theme=dark] .toast-error{background:#7f1d1db3;border-color:#ef44444d}[data-theme=dark] .tenant-list li{box-shadow:0 1px #ffffff08 inset}[data-theme=dark] .tenant-list li:hover{background:#1e293bf2;box-shadow:0 4px 16px #0000004d,0 1px #ffffff0d inset}[data-theme=dark] .profile-section,[data-theme=dark] .catalog-card{box-shadow:0 1px #ffffff08 inset}[data-theme=dark] .products-table th{background:#0f172a99}[data-theme=dark] .products-table tbody tr:hover{background:#1e293b80}[data-theme=dark] .catalog-plan{background:#0f172a80}[data-theme=dark] .status-trial{color:#60a5fa}[data-theme=dark] .status-suspended{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .catalog-trial{color:#60a5fa}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] button.oauth-button:hover:not(:disabled){background:#1e293bf2;border-color:#47556999;box-shadow:0 4px 16px #0000004d,0 1px #ffffff0d inset}[data-theme=dark] button.oauth-button:active:not(:disabled){background:#1e293be6}[data-theme=dark] .product-card{background:var(--surface-solid);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}[data-theme=dark] .product-card:hover:not(:disabled){box-shadow:var(--glass-shadow-elevated);border-color:#3b82f64d}[data-theme=dark] .product-card-desc{color:var(--text-muted)}[data-theme=dark] .product-card-accounts{color:var(--text-tertiary)}.theme-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);box-shadow:none;font-weight:400}.theme-toggle:hover{color:var(--text);background:none;box-shadow:none;transform:none}.theme-toggle:active{transform:none;box-shadow:none}.theme-toggle-track{position:relative;width:40px;height:22px;background:var(--line-strong);border-radius:var(--radius-pill);transition:background var(--transition-fast)}[data-theme=dark] .theme-toggle-track{background:var(--primary)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--surface-solid);border-radius:50%;transition:transform var(--transition-fast);display:grid;place-items:center}[data-theme=dark] .theme-toggle-thumb{transform:translate(18px)}.theme-toggle-thumb svg{width:12px;height:12px;fill:var(--text-muted)}@media(prefers-reduced-transparency:reduce){.top-nav,.auth-panel,.identity-card,.toast,.tenant-list li,.profile-section,.user-menu-trigger,.user-menu-popover{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface-solid)}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.product-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:left;width:100%;font:inherit;color:inherit}.product-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--glass-shadow-elevated);border-color:var(--primary-glow)}.product-card:disabled{opacity:.5;cursor:not-allowed}.product-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.product-card-info strong{font-size:1.05rem;font-weight:600}.product-card-desc{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-accounts{font-size:.78rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-arrow{width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.product-card:hover:not(:disabled) .product-card-arrow{color:var(--primary)}.language-select{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--glass-bg);color:var(--text);font-size:.85rem;cursor:pointer}.product-card-available{opacity:.75;border-style:dashed}.product-card-available:hover:not(:disabled){opacity:1}.product-card-expired{opacity:.5;cursor:default;background:var(--glass-bg)}.product-card-status-expired{font-size:.78rem;font-weight:600;color:var(--danger, #ef4444)}.product-status-icon{width:22px;height:22px;flex-shrink:0}.product-status-icon.status-ok{color:#22c55e}.product-status-icon.status-warn{color:#f59e0b}.product-status-icon.clickable{cursor:pointer;border-radius:4px;padding:2px;transition:background var(--transition-fast)}.product-status-icon.clickable:hover{background:#f59e0b1f}.product-status-icon.clickable svg{width:22px;height:22px;display:block}.dialog-backdrop{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--surface-solid, #fff);border-radius:var(--radius, 12px);box-shadow:var(--glass-shadow-elevated);width:90%;max-width:460px;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.dialog-header h3{margin:0;font-size:1rem}.dialog-close{background:none;border:none;font-size:1.4rem;color:var(--text-muted);cursor:pointer;padding:0 4px;box-shadow:none}.dialog-close:hover{color:var(--text);background:none;box-shadow:none;transform:none}.dialog-body{padding:1.25rem}.status-table{width:100%;border-collapse:collapse}.status-table td{padding:6px 0}.status-table td:first-child{color:var(--text-muted);padding-right:1rem}.status-table td:last-child{text-align:right;font-weight:600}.status-val-ok{color:#22c55e}.status-val-fail{color:#ef4444}.status-unreachable{color:var(--text-muted);font-style:italic}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 1.25rem 1.25rem}.product-card-plans{font-size:.78rem;color:var(--text-tertiary)}.plan-selection{padding:1rem 0}.plan-selection-header{margin-bottom:1rem}.plan-selection-header h3{display:flex;align-items:center;gap:8px;margin:.5rem 0}.plan-selection-subtitle{color:var(--text-muted);margin:1rem 0 .5rem}.plan-back-btn{margin-bottom:.5rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.plan-card{display:flex;flex-direction:column;gap:8px;padding:1.25rem;border-radius:var(--radius);background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.plan-card strong{font-size:1.1rem}.plan-price{font-size:1.2rem;font-weight:700;color:var(--primary)}.plan-trial{font-size:.8rem;color:var(--text-muted)}.company-name-field{display:block;margin-bottom:1rem}.company-name-field input{display:block;width:100%;max-width:400px;margin-top:4px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}@media(max-width:600px){.product-grid,.plan-grid{grid-template-columns:1fr}}