*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-glow: rgba(59, 130, 246, .15);--color-bg-gradient: radial-gradient(circle at top right, #0f172a, #090d16 80%);--color-bg: #090d16;--color-surface: rgba(30, 41, 59, .5);--color-surface-hover: rgba(51, 65, 85, .7);--color-surface-solid: #1e293b;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .12), 0 2px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .2), 0 4px 12px -2px rgba(0, 0, 0, .15);--shadow-glow: 0 0 15px rgba(59, 130, 246, .2);--z-index-base: 0;--z-index-above: 10;--z-index-popover-under: 99;--z-index-popover: 100;--z-index-sticky: 100;--z-index-dropdown: 1000;--z-index-modal-overlay: 2400;--z-index-modal-content: 2600;--z-index-critical: 10000}html{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#090d164d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:.925rem;font-weight:600;cursor:pointer;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface-solid);color:var(--color-text);padding:.55rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}button:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button:disabled:hover{transform:none;box-shadow:none}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.6rem .85rem;border:1px solid var(--color-border);border-radius:8px;background-color:#0f172aa6;color:var(--color-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px #00000026;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow),inset 0 2px 4px #00000026}input::placeholder,textarea::placeholder{color:#475569}#root{min-height:100vh}.session-expired-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-critical)}.session-expired-modal{background:var(--color-bg-card, #1e1e2e);border-radius:12px;padding:1.5rem 2rem;max-width:360px;width:90%;box-shadow:0 8px 32px #0006}.session-expired-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:var(--color-text, #fff)}.session-expired-message{margin:0 0 1.25rem;color:var(--color-text-muted, #a0a0a0);font-size:.95rem;line-height:1.4}.session-expired-btn{width:100%;padding:.65rem 1rem;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent, #e63946);border:none;border-radius:8px;cursor:pointer}.session-expired-btn:hover{filter:brightness(1.1)}.session-expired-btn:focus{outline:2px solid var(--color-accent, #e63946);outline-offset:2px}.sidebar{width:260px;min-height:100vh;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000040}.sidebar--closed{width:72px}.sidebar--closed .sidebar__brand{display:none}.sidebar--closed .sidebar__link>span,.sidebar--closed .sidebar__user,.sidebar--closed .sidebar__logout>span{display:none}.sidebar--closed .sidebar__header{justify-content:center;padding:1.5rem .5rem}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.05);min-height:70px}.sidebar__brand{font-weight:800;font-size:1.35rem;color:#fff;text-decoration:none;letter-spacing:-.025em;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .2s ease}.sidebar__brand:hover{opacity:.9}.sidebar__toggle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:#60a5fa;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar__toggle:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 0 10px #3b82f666}.sidebar__nav{flex:1;padding:1.5rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.35rem}.sidebar__link{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;color:var(--color-text-muted);text-decoration:none;border-radius:10px;font-weight:500;font-size:.925rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.sidebar__link-icon{flex-shrink:0;transition:transform .2s ease}.sidebar__link:hover{color:#fff;background-color:#ffffff0a;border-color:#ffffff08}.sidebar__link:hover .sidebar__link-icon{transform:scale(1.05)}.sidebar__link--active{color:#fff;background:linear-gradient(135deg,#3b82f626,#2563eb0d);border:1px solid rgba(59,130,246,.25);box-shadow:0 4px 15px #3b82f61a}.sidebar__link--active .sidebar__link-icon{color:var(--color-primary)}.sidebar__footer{padding:1.25rem;border-top:1px solid rgba(255,255,255,.05);background:#090d1666}.sidebar__user{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:.75rem}.sidebar__logout{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .85rem;text-align:left;font-size:.9rem;font-weight:600;color:#f87171;background:#ef44440d;border:1px solid rgba(239,68,68,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar__logout:hover{background:#ef44441f;border-color:#ef444440;color:#ef4444;box-shadow:0 4px 12px #ef44441a}.mobile-topbar,.sidebar-backdrop{display:none}.app{display:flex;background-color:var(--color-bg);min-height:100vh}.app__main{flex:1;padding:2rem;overflow-y:auto;height:100vh;box-sizing:border-box}@media(max-width:900px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);padding:0 1rem;z-index:900;box-shadow:0 4px 20px #00000026}.mobile-topbar__menu-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px}.mobile-topbar__menu-btn:hover{background:#ffffff0d}.mobile-topbar__title{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;z-index:10000;background:var(--color-bg-secondary, #1e293b);border-right:1px solid rgba(255,255,255,.08);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 40px #0000004d}.sidebar.sidebar--open{transform:translate(0)}.sidebar.sidebar--closed{width:280px;transform:translate(-100%)}.sidebar__toggle{display:none}.sidebar__nav{flex-direction:column;padding:1.5rem 1rem;gap:.5rem}.sidebar__link{padding:.75rem 1rem;font-size:.95rem}.sidebar__footer{padding:1.25rem 1rem;flex-direction:column;align-items:stretch;gap:.75rem}.sidebar__user{margin-bottom:.25rem;text-align:center}.sidebar__logout{width:100%;justify-content:center}.app__main{padding:1rem .75rem 1.5rem;margin-top:60px;height:calc(100vh - 60px)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--color-bg)}.login-card{width:100%;max-width:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.login-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--color-text);margin-bottom:.25rem}.login-subtitle{font-size:.95rem;color:var(--color-text-muted);text-align:center;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--color-text)}.input-wrap{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-input, var(--color-bg))}.input-wrap:focus-within{border-color:var(--color-primary);outline:none}.input-wrap .input-icon{flex-shrink:0;color:var(--color-text-muted)}.input-wrap input{flex:1;min-width:0;border:none;background:none;font-size:1rem;color:var(--color-text)}.input-wrap input::placeholder{color:var(--color-text-muted)}.input-wrap input:focus{outline:none}.login-form .login-btn{margin-top:1rem;padding:.65rem 1rem;width:100%}.unified-console{display:flex;flex-direction:column;height:calc(100vh - 4.5rem);padding:1.5rem;color:var(--color-text, #e2e8f0);background:var(--color-bg-primary, #0f172a);gap:1.25rem;box-sizing:border-box}.console-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #334155);padding-bottom:1rem}.console-title-area .page-title{font-size:1.6rem;font-weight:700;color:#fff;margin:0}.console-title-area .page-subtitle{font-size:.85rem;color:var(--color-text-muted, #94a3b8);margin:.25rem 0 0}.console-header-actions{display:flex;gap:.75rem;align-items:center}.clients-new-btn{display:inline-flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.6rem 1.1rem;font-weight:600;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.clients-new-btn:hover{background:#2563eb;transform:translateY(-1px)}.console-refresh-btn{background:var(--color-bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);color:var(--color-text-muted, #94a3b8);padding:.6rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.console-refresh-btn:hover{background:#334155;color:#fff}.clients-message{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;border-radius:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:#4ade80;font-size:.875rem;font-weight:500;animation:fadeIn .3s ease}.clients-message--error{background:#ef44441a;border-color:#ef444440;color:#f87171}.message-close-btn{background:transparent;border:none;color:currentColor;cursor:pointer;padding:.25rem;display:flex;align-items:center;opacity:.7}.message-close-btn:hover{opacity:1}.console-body{display:grid;grid-template-columns:360px 1fr;gap:1.5rem;flex:1;min-height:0}.console-explorer{display:flex;flex-direction:column;background:var(--color-bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;overflow:hidden;height:100%}.explorer-view-toggle{display:flex;border-bottom:1px solid var(--border-color, #334155);background:#0f172a33;padding:.25rem}.explorer-view-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:none;color:var(--color-text-muted, #94a3b8);font-size:.85rem;font-weight:600;padding:.75rem .5rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.explorer-view-toggle .toggle-btn.active{background:var(--color-bg-primary, #0f172a);color:#fff;box-shadow:0 2px 4px #0000001a}.explorer-view-toggle .pending-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:20px;line-height:1}.explorer-search-filters{padding:1rem;border-bottom:1px solid var(--border-color, #334155);display:flex;flex-direction:column;gap:.75rem;background:#0f172a1a}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--color-text-muted, #64748b);pointer-events:none}.search-box input{width:100%;padding:.55rem 2.25rem;background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:#fff;font-size:.875rem;outline:none;transition:border-color .2s ease}.search-box input:focus{border-color:#3b82f6}.clear-search{position:absolute;right:.75rem;background:transparent;border:none;color:var(--color-text-muted, #64748b);cursor:pointer;display:flex;align-items:center}.clear-search:hover{color:#fff}.compact-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;scrollbar-width:thin;scrollbar-color:var(--border-color, #334155) transparent}.compact-filters::-webkit-scrollbar{height:4px}.compact-filters::-webkit-scrollbar-track{background:transparent}.compact-filters::-webkit-scrollbar-thumb{background:var(--border-color, #334155);border-radius:4px}.compact-filters select{flex-shrink:0;white-space:nowrap;background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:var(--color-text, #e2e8f0);font-size:.8rem;padding:.45rem;outline:none}.sorting-bar{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-muted, #94a3b8)}.sort-toggle{background:transparent;border:none;color:var(--color-text-muted, #64748b);cursor:pointer;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;padding:.2rem .4rem;border-radius:4px}.sort-toggle.active{color:#3b82f6;background:#3b82f61a}.explorer-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.explorer-info-state{text-align:center;color:var(--color-text-muted, #64748b);font-size:.875rem;padding:2rem 1rem}.client-explorer-card{padding:1rem;background:#0f172a26;border:1px solid var(--border-color, #334155);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.4rem}.client-explorer-card:hover{background:#0f172a4d;border-color:#475569;transform:scale(1.01)}.client-explorer-card.selected{background:#3b82f614;border-color:#3b82f6;box-shadow:0 0 12px #3b82f626}.client-explorer-card.inactive{opacity:.6}.card-top{display:flex;justify-content:space-between;align-items:center}.client-id{font-size:.75rem;color:var(--color-text-muted, #64748b);font-family:monospace}.client-platform{font-size:.75rem;font-weight:600;color:#60a5fa;text-transform:capitalize}.client-name{font-size:.95rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-domain{font-size:.78rem;color:var(--color-text-muted, #94a3b8);margin:0;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-badges{display:flex;gap:.35rem;margin-top:.25rem;flex-wrap:wrap}.card-badges .badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase}.badge.active{background:#22c55e1a;color:#22c55e}.badge.inactive{background:#ef44441a;color:#ef4444}.badge.vip{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.badge.free{background:#94a3b81a;color:#94a3b8}.badge.maintenance{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge.dedicated{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.badge.shared{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.explorer-pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border-color, #334155);background:#0f172a26}.explorer-pagination button{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:#fff;cursor:pointer;padding:.35rem .65rem;border-radius:6px;display:flex;align-items:center}.explorer-pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.8rem;color:var(--color-text-muted, #94a3b8)}.explorer-requests-sidebar{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-section-title{font-size:.9rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted, #94a3b8);margin:0}.requests-filter-list{display:flex;flex-direction:column;gap:.4rem}.req-filter-item{text-align:left;background:#0f172a26;border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0);font-size:.85rem;font-weight:600;padding:.65rem .85rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.req-filter-item:hover,.req-filter-item.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.requests-sidebar-desc{font-size:.78rem;color:var(--color-text-muted, #64748b);line-height:1.4;margin-top:1rem}.console-workspace{background:var(--color-bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;overflow:hidden;height:100%}.workspace-empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem;text-align:center;color:var(--color-text-muted, #94a3b8)}.empty-state-graphic{background:#3b82f614;padding:1.5rem;border-radius:50%;margin-bottom:1.25rem}.empty-state-graphic .icon{color:#3b82f6}.workspace-empty-state-card h3{font-size:1.25rem;color:#fff;margin:0 0 .5rem}.workspace-empty-state-card p{max-width:420px;font-size:.875rem;line-height:1.5;margin:0}.workspace-client{display:flex;flex-direction:column;height:100%}.workspace-header-client{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #334155);background:#0f172a26;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.client-branding-header{display:flex;align-items:center;gap:.85rem}.client-avatar{width:42px;height:42px;background:#3b82f6;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem}.client-full-name{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.client-meta-header-row{display:flex;gap:.75rem;margin-top:.25rem}.client-meta-header-row .meta-item{font-size:.78rem;color:var(--color-text-muted, #94a3b8);display:flex;align-items:center;gap:.25rem;font-family:monospace}.client-meta-header-row .meta-item-link{font-size:.78rem;color:var(--color-primary, #3b82f6);display:inline-flex;align-items:center;gap:.25rem;font-family:monospace;text-decoration:none;transition:opacity .2s ease,text-decoration .2s ease}.client-meta-header-row .meta-item-link:hover{opacity:.85;text-decoration:underline}.client-actions-toolbar{display:flex;gap:.45rem;flex-wrap:wrap}.toolbar-btn{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0);font-size:.78rem;font-weight:600;padding:.45rem .75rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.toolbar-btn:hover{background:#334155;color:#fff}.toolbar-btn.text-emerald{color:#10b981}.toolbar-btn.text-emerald:hover{background:#10b9811a}.toolbar-btn.text-amber{color:#f59e0b}.toolbar-btn.text-amber:hover{background:#f59e0b1a}.toolbar-btn.danger{color:#ef4444}.toolbar-btn.danger:hover{background:#ef44441a}.toolbar-btn.maint-active{background:#f43f5e26;color:#f43f5e;border-color:#f43f5e4d;box-shadow:0 0 8px #f43f5e26}.workspace-tabs{display:flex;background:#0f172a1a;border-bottom:1px solid var(--border-color, #334155);padding:0 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-color, #334155) transparent}.workspace-tabs::-webkit-scrollbar{height:4px}.workspace-tabs::-webkit-scrollbar-track{background:transparent}.workspace-tabs::-webkit-scrollbar-thumb{background:var(--border-color, #334155);border-radius:4px}.tab-link{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:.45rem;background:transparent;border:none;color:var(--color-text-muted, #94a3b8);font-size:.85rem;font-weight:600;padding:.9rem 1.15rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.tab-link:hover{color:#fff}.tab-link.active{color:#3b82f6;border-bottom-color:#3b82f6}.workspace-tab-content{flex:1;padding:1.5rem;overflow-y:auto;min-height:0}.tab-card-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-section-block{background:#0f172a1a;border:1px solid var(--border-color, #334155);border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.section-title-inside{font-size:.95rem;font-weight:700;color:#fff;border-bottom:1px solid var(--border-color, #334155);padding-bottom:.5rem;margin:0 0 .25rem}.form-group-custom{display:flex;flex-direction:column;gap:.35rem}.form-group-custom label{font-size:.78rem;font-weight:600;color:var(--color-text-muted, #94a3b8)}.form-group-custom input[type=text],.form-group-custom input[type=password],.form-group-custom input[type=number],.form-group-custom select{width:100%;padding:.55rem .75rem;background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:#fff;font-size:.85rem;outline:none;box-sizing:border-box}.form-group-custom input:focus,.form-group-custom select:focus{border-color:#3b82f6}.form-group-custom.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-group .checkbox-label{font-size:.82rem;color:var(--color-text, #e2e8f0)}.checkbox-label input{width:16px;height:16px;accent-color:#3b82f6}.setup-token-box{background:#0f172a4d;border:1px dashed var(--border-color, #334155);border-radius:8px;padding:.85rem}.token-box-title{margin:0 0 .4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted, #94a3b8)}.token-display-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.token-display-row code{font-family:monospace;font-size:.82rem;color:#60a5fa;background:var(--color-bg-primary, #0f172a);padding:.25rem .5rem;border-radius:4px;word-break:break-all;flex:1;min-width:0}.token-actions{display:flex;gap:.25rem}.action-icon-btn{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0);cursor:pointer;padding:.35rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background:#334155;color:#fff}.action-icon-btn:disabled{opacity:.5;cursor:not-allowed}.form-submit-row{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color, #334155);padding-top:1rem}.save-changes-btn{display:inline-flex;align-items:center;gap:.5rem;background:#10b981;color:#fff;border:none;padding:.6rem 1.25rem;font-weight:700;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.save-changes-btn:hover{background:#059669}.tab-memberships-pane{display:flex;flex-direction:column;gap:1.5rem}.membership-global-card{display:flex;justify-content:space-between;align-items:center;background:#3b82f60a;border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:1.25rem 1.5rem;flex-wrap:wrap;gap:1rem}.membership-global-card .card-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.membership-global-card .card-label{font-size:.875rem;color:var(--color-text-muted, #94a3b8)}.membership-global-card .status-badge{font-size:.8rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;text-transform:uppercase}.status-badge.active{background:#22c55e26;color:#4ade80}.status-badge.paused{background:#f59e0b26;color:#fbbf24}.status-badge.free{background:#94a3b826;color:#94a3b8}.membership-global-card .expiration-date{font-size:.85rem;color:#fff;border-left:1px solid var(--border-color, #334155);padding-left:.75rem}.global-membership-actions{display:flex;gap:.5rem}.action-btn-green{background:#10b981;color:#fff;border:none;padding:.5rem .85rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.action-btn-green:hover{background:#059669}.action-btn-amber{background:#d97706;color:#fff;border:none;padding:.5rem .85rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.action-btn-amber:hover{background:#b45309}.points-header-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;border-bottom:1px solid var(--border-color, #334155);padding-bottom:.5rem}.points-action-buttons{display:flex;gap:.5rem}.action-btn-primary{background:#3b82f6;color:#fff;border:none;padding:.45rem .85rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem}.action-btn-primary:hover{background:#2563eb}.action-btn-secondary{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0);padding:.45rem .85rem;border-radius:6px;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.35rem}.action-btn-secondary:hover{background:#1e293b}.membership-pairs-grid{display:flex;flex-direction:column;gap:1.25rem}.membership-pair-card{background:#0f172a1f;border:1px solid var(--border-color, #334155);border-radius:10px;padding:1rem}.membership-pair-card.test-environment-card{background:#94a3b80d;border-color:#94a3b833}.pair-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color, #334155);padding-bottom:.6rem;margin-bottom:.75rem}.pair-title-block{display:flex;align-items:center;gap:.5rem}.pair-title{font-size:.9rem;font-weight:700;color:#fff}.pair-vip-pill{font-size:.65rem;font-weight:800;padding:.1rem .35rem;border-radius:4px}.pair-vip-pill.active{background:#22c55e1f;color:#22c55e}.pair-vip-pill.free{background:#94a3b81f;color:#94a3b8}.pair-header-actions{display:flex;gap:.4rem}.pair-action-btn{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text-muted, #94a3b8);font-size:.72rem;font-weight:600;padding:.25rem .55rem;border-radius:4px;cursor:pointer}.pair-action-btn:hover{background:#334155;color:#fff}.pair-action-btn.delete{color:#f87171}.pair-action-btn.delete:hover{background:#ef44441a}.pair-slots-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.pair-slots-row{grid-template-columns:1fr}}.point-slot-active{background:#0f172a40;border:1px solid var(--border-color, #334155);border-radius:8px;padding:.85rem;display:flex;justify-content:space-between;align-items:center}.point-info-area{display:flex;flex-direction:column;gap:.2rem}.point-name{font-size:.88rem;font-weight:700;color:#fff;margin:0}.point-meta{font-size:.75rem;color:var(--color-text-muted, #64748b);margin:0}.point-days{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#eab308}.point-actions-area{display:flex;align-items:center;gap:.35rem}.point-vip-badge{font-size:.68rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.point-vip-badge.vip{background:#eab3081f;color:#eab308}.point-vip-badge.free{background:#94a3b81f;color:#94a3b8}.point-icon-btn{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0);cursor:pointer;padding:.4rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.point-icon-btn:hover{background:#334155}.point-icon-btn.active{color:#10b981}.point-icon-btn.disabled{color:#ef4444}.point-icon-btn.reset-sales{color:#f59e0b}.point-icon-btn.delete{color:#f87171}.point-icon-btn.delete:hover{background:#ef444426}.point-slot-empty{border:2px dashed var(--border-color, #334155);border-radius:8px;padding:.85rem;display:flex;justify-content:space-between;align-items:center;background:#0f172a0d}.slot-empty-text{font-size:.8rem;color:var(--color-text-muted, #64748b);font-style:italic}.slot-empty-actions{display:flex;gap:.35rem}.slot-create-btn{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);padding:.3rem .65rem;font-size:.75rem;font-weight:600;border-radius:4px;cursor:pointer}.slot-create-btn:hover{background:#3b82f6;color:#fff}.slot-delete-btn{background:transparent;border:1px solid var(--border-color, #334155);color:var(--color-text-muted, #64748b);padding:.3rem;border-radius:4px;cursor:pointer;display:flex;align-items:center}.slot-delete-btn:hover{color:#ef4444;border-color:#ef44444d}.tab-users-pane{display:flex;flex-direction:column;gap:1.25rem}.roles-guide-card{background:#0f172a26;border:1px solid var(--border-color, #334155);border-radius:8px;padding:1rem}.guide-title{margin:0 0 .75rem;font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted, #94a3b8)}.roles-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.role-guide-item{display:flex;flex-direction:column;gap:.15rem}.role-guide-item strong{font-size:.8rem;color:#60a5fa}.role-guide-item span{font-size:.72rem;color:var(--color-text-muted, #64748b);line-height:1.3}.users-actions-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #334155);padding-bottom:.5rem}.new-tenant-user-form-card{background:#0f172a33;border:1px solid var(--border-color, #334155);border-radius:8px;padding:1rem}.form-inside-title{margin:0 0 .75rem;font-size:.85rem;font-weight:700;color:#fff}.form-inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) 100px;gap:.75rem;align-items:flex-end}.create-user-submit-btn{background:#10b981;color:#fff;border:none;padding:.55rem;font-weight:700;border-radius:6px;font-size:.82rem;cursor:pointer}.create-user-submit-btn:hover{background:#059669}.workspace-table-wrapper{overflow-x:auto;border:1px solid var(--border-color, #334155);border-radius:8px}.workspace-table{width:100%;border-collapse:collapse;font-size:.82rem;text-align:left}.workspace-table th{padding:.65rem .85rem;background:#0f172a40;color:#fff;font-weight:700;border-bottom:1px solid var(--border-color, #334155)}.workspace-table td{padding:.65rem .85rem;border-bottom:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0)}.workspace-table tr:hover td{background:#0f172a1a}.role-pill{background:#3b82f61a;color:#60a5fa;padding:.15rem .45rem;border-radius:4px;font-weight:600;text-transform:capitalize}.change-password-link-btn{background:transparent;border:none;color:#3b82f6;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;padding:0}.change-password-link-btn:hover{text-decoration:underline;color:#60a5fa}.inline-password-change{display:flex;gap:.35rem;align-items:center}.inline-password-change input{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:#fff;font-size:.78rem;padding:.2rem .4rem;border-radius:4px;width:130px;outline:none}.btn-confirm-pass{background:#10b981;color:#fff;border:none;font-size:.72rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.btn-confirm-pass:disabled{opacity:.5}.btn-cancel-pass{background:transparent;border:none;color:var(--color-text-muted, #64748b);cursor:pointer}.users-pagination{display:flex;gap:.25rem;justify-content:flex-end;margin-top:.75rem}.users-page-btn{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text-muted, #94a3b8);font-size:.75rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.users-page-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.clients-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.clients-modal{background:var(--color-bg-secondary, #1e293b);border:1px solid var(--border-color, #334155);border-radius:12px;width:90%;max-width:500px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 25px -5px #0000004d;animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}.clients-modal--form{max-width:600px}.scrollable-modal{max-height:85vh}.modal-scroll-form{overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:.85rem}.clients-modal__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color, #334155);padding-bottom:.5rem}.clients-modal__title{font-size:1.15rem;font-weight:800;color:#fff;margin:0}.clients-modal__subtitle{font-size:.8rem;color:var(--color-text-muted, #94a3b8);margin:0}.clients-modal__close{background:transparent;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer}.modal-form-section-separator{border-top:1px solid var(--border-color, #334155);margin-top:.5rem;padding-top:.85rem;display:flex;flex-direction:column;gap:.75rem}.section-sep-title{margin:0 0 .25rem;font-size:.82rem;font-weight:700;text-transform:uppercase;color:#60a5fa}.clients-modal__form{display:flex;flex-direction:column;gap:.5rem}.clients-modal__label{font-size:.8rem;font-weight:600;color:var(--color-text-muted, #94a3b8)}.clients-modal__input{width:100%;padding:.55rem .75rem;background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);border-radius:6px;color:#fff;font-size:.85rem;outline:none;box-sizing:border-box}.clients-modal__input:focus{border-color:#3b82f6}.clients-modal__toggle{display:flex;background:var(--color-bg-primary, #0f172a);padding:.2rem;border-radius:6px;border:1px solid var(--border-color, #334155);margin-bottom:.5rem}.clients-modal__toggle-btn{flex:1;background:transparent;border:none;color:var(--color-text-muted, #94a3b8);padding:.45rem;font-size:.8rem;font-weight:600;border-radius:4px;cursor:pointer}.clients-modal__toggle-btn--active{background:#3b82f6;color:#fff}.clients-modal__equivalent{font-size:.75rem;color:var(--color-text-muted, #64748b);margin:.2rem 0 0;font-style:italic}.clients-modal__warning{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:.75rem;border-radius:6px;font-size:.78rem;line-height:1.4}.clients-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-color, #334155);padding-top:1rem;margin-top:.5rem}.clients-modal__btn{padding:.55rem 1rem;border-radius:6px;font-weight:700;font-size:.82rem;cursor:pointer;border:none}.clients-modal__btn--cancel{background:var(--color-bg-primary, #0f172a);border:1px solid var(--border-color, #334155);color:var(--color-text, #e2e8f0)}.clients-modal__btn--cancel:hover{background:#1e293b}.clients-modal__btn--confirm{background:#3b82f6;color:#fff}.clients-modal__btn--confirm:hover{background:#2563eb}.clients-modal__btn--danger{background:#ef4444;color:#fff}.clients-modal__btn--danger:hover{background:#dc2626}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.spin{animation:spinAnim 1s linear infinite}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-btn-approve{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.25);padding:.35rem .65rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.75rem;transition:all .2s ease}.action-btn-approve:hover{background:#22c55e;color:#fff}.action-btn-reject{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.25);padding:.35rem .65rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.75rem;transition:all .2s ease}.action-btn-reject:hover{background:#ef4444;color:#fff}.action-author{font-size:.75rem;color:var(--color-text-muted, #64748b)}.status-pill{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase}.free-tier-alert-card{display:flex;justify-content:space-between;align-items:center;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:1.25rem 1.5rem;margin-top:1.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.free-tier-alert-card .alert-content{display:flex;align-items:center;gap:1rem}.free-tier-alert-card .alert-icon-wp{color:#10b981;filter:drop-shadow(0 0 8px rgba(16,185,129,.4));flex-shrink:0}.free-tier-alert-card .alert-text-block h4{margin:0;font-size:.95rem;color:#10b981;font-weight:700}.free-tier-alert-card .alert-text-block p{margin:.35rem 0 0;font-size:.85rem;color:#94a3b8;line-height:1.4}.free-tier-alert-card .wp-contact-btn{background:#10b981;color:#fff;text-decoration:none;padding:.6rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease;box-shadow:0 4px 12px #10b98133;flex-shrink:0}.free-tier-alert-card .wp-contact-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98159}.free-tier-alert-card .no-wp-warning{font-size:.85rem;color:#64748b;font-style:italic;flex-shrink:0}@media(max-width:900px){.unified-console{height:auto;min-height:calc(100vh - 4.5rem);padding:1rem;overflow-y:auto}.console-header{flex-direction:column;align-items:flex-start;gap:1rem}.console-header-actions{width:100%;justify-content:space-between}.console-body{grid-template-columns:1fr;height:auto;gap:1.5rem}.console-explorer{height:480px}.console-workspace{height:auto;min-height:500px;overflow:visible}.workspace-client{height:auto}.workspace-tab-content{overflow-y:visible;padding:1rem}.form-grid{grid-template-columns:1fr}.free-tier-alert-card{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.free-tier-alert-card .alert-content{gap:.75rem}.free-tier-alert-card .wp-contact-btn{width:100%;justify-content:center}.form-inline-fields{grid-template-columns:1fr}.create-user-submit-btn{width:100%}}@media(max-width:500px){.point-slot-active,.point-slot-empty{flex-direction:column;align-items:flex-start;gap:.75rem}.point-actions-area,.slot-empty-actions{width:100%;justify-content:flex-end}}.toggle-advanced-btn{width:100%;background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:.8rem;font-weight:500;padding:.45rem 1rem;cursor:pointer;margin:.5rem 0;text-align:left;transition:border-color .2s,color .2s;box-shadow:none}.toggle-advanced-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:none;box-shadow:none}.advanced-section{border-left:2px solid var(--color-border);padding-left:1rem;margin-top:.25rem;margin-bottom:.5rem;animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.migration-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;color:var(--color-text);max-width:1200px;margin:0 auto;min-height:100vh}.migration-header{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.migration-subtitle{color:var(--color-text-muted);font-size:.95rem;margin-top:.5rem;max-width:800px;line-height:1.4}.migration-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;font-size:.9rem;font-weight:500;animation:slideIn .3s ease}.migration-alert--success{background-color:#10b98126;border:1px solid rgb(16,185,129);color:#34d399}.migration-alert--error{background-color:#ef444426;border:1px solid rgb(239,68,68);color:#f87171}.migration-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.migration-sidebar{display:flex;flex-direction:column;gap:1rem}.migration-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease}.migration-card:hover{box-shadow:0 6px 25px #0000004d}.migration-card-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:.5rem}.search-box{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-box input{width:100%;padding:.6rem .6rem .6rem 2.2rem;border-radius:8px;border:1px solid var(--color-border);background-color:#ffffff0d;color:var(--color-text);outline:none;font-size:.9rem;transition:border-color .2s ease}.search-box input:focus{border-color:var(--color-primary)}.tenants-list{display:flex;flex-direction:column;gap:.5rem;max-height:450px;overflow-y:auto;padding-right:.25rem}.tenant-select-btn{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem;background-color:#ffffff05;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s ease}.tenant-select-btn:hover{background-color:#ffffff0f;border-color:var(--color-primary)}.tenant-select-btn--active{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-primary-rgb),.2));border-color:var(--color-primary);box-shadow:0 0 10px rgba(var(--color-primary-rgb),.15)}.tenant-select-info{margin-bottom:.5rem}.tenant-name{display:block;font-size:.95rem;color:var(--color-text)}.tenant-domain{display:block;font-size:.8rem;color:var(--color-text-muted)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge--shared{background-color:#3b82f626;border:1px solid #3b82f6;color:#60a5fa}.badge--dedicated{background-color:#10b98126;border:1px solid #10b981;color:#34d399}.migration-content{display:flex;flex-direction:column;gap:1.5rem}.no-tenant-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border:2px dashed var(--color-border);border-radius:12px;text-align:center;color:var(--color-text-muted);min-height:400px}.no-tenant-icon{margin-bottom:1rem;opacity:.3;color:var(--color-primary)}.tenant-actions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.connection-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;background-color:#ffffff05;border:1px solid var(--color-border);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.8rem;color:var(--color-text-muted)}.detail-val{font-size:.95rem;font-family:monospace}.export-action-section{background:linear-gradient(135deg,#ffffff05,#ffffff0a);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem}.export-action-section h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text)}.export-action-section p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.4}.btn-export,.btn-migrate{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem;border:none}.btn-export{background-color:var(--color-primary);color:#fff;width:100%}.btn-export:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-export:disabled,.btn-migrate:disabled{opacity:.5;cursor:not-allowed}.migrate-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.form-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.form-group-grid,.migration-layout{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.form-field input[type=text],.form-field input[type=password]{padding:.75rem;border-radius:8px;border:1px solid var(--color-border);background-color:#ffffff08;color:var(--color-text);outline:none;font-size:.9rem;transition:border-color .2s ease}.form-field input[type=text]:focus,.form-field input[type=password]:focus{border-color:var(--color-primary)}.file-field{margin-top:.5rem}.file-input-wrapper{position:relative;display:flex;align-items:center;gap:.75rem;padding:1rem;border:1.5px dashed var(--color-border);border-radius:8px;background-color:#ffffff03;cursor:pointer;transition:all .2s ease}.file-input-wrapper:hover{background-color:#ffffff0a;border-color:var(--color-primary)}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{color:var(--color-primary)}.file-name-label{font-size:.85rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-migrate{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-top:.5rem}.btn-migrate:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.5rem;color:var(--color-text-muted)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payments-page .payments-placeholder{color:var(--color-text-muted);font-size:.95rem}.settings-page{max-width:800px;margin:0 auto;padding:.5rem}.settings-page .page-header{margin-bottom:2rem}.settings-page .page-title{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.settings-page .page-subtitle{font-size:.95rem;color:var(--color-text-muted);line-height:1.5}.settings-page .settings-card{max-width:100%;background:#1e293b73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2.25rem 2rem;position:relative;box-shadow:0 10px 30px -10px #0000004d}.settings-page .settings-card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(to bottom,#ffffff1a,#ffffff05);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.settings-card__title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#fff}.settings-card__desc{color:var(--color-text-muted);font-size:.925rem;margin:0 0 1.5rem;line-height:1.5}.settings-form{display:flex;flex-direction:column;gap:1.15rem}.settings-form__label{font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:-.5rem}.settings-form__select{width:100%;padding:.65rem 2.25rem .65rem .85rem;font-size:.95rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background-color:#0f172a99;color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:all .2s ease;outline:none}.settings-form__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.settings-form__btn{align-self:flex-start;padding:.65rem 1.5rem;font-size:.925rem;font-weight:700;border:none;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;box-shadow:0 4px 12px #3b82f640;transition:all .2s cubic-bezier(.4,0,.2,1)}.settings-form__btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.settings-form__btn:disabled{opacity:.5;cursor:not-allowed}.settings-message{margin-top:1.25rem;padding:.85rem 1rem;border-radius:8px;font-size:.88rem;font-weight:500;background-color:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399}.settings-message--error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.admin-tickets-page{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.admin-tickets-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.admin-card{background:var(--color-surface, #0f172a);border-radius:14px;padding:1.25rem 1.5rem;border:1px solid rgba(148,163,184,.35)}.admin-card__title{margin:0 0 .4rem;font-size:1.1rem}.admin-card__desc{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-muted, #94a3b8)}.admin-tickets-filter-list,.admin-tickets-client-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.admin-tickets-filter-btn,.admin-tickets-client-btn{display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem;border-radius:8px;background:#1e293b80;border:1px solid rgba(148,163,184,.2);color:#e2e8f0;cursor:pointer;text-align:left;transition:all .2s;font-size:.85rem}.admin-tickets-filter-btn:hover,.admin-tickets-client-btn:hover{background:#1e293bcc;border-color:#3b82f680}.admin-tickets-filter-btn.active,.admin-tickets-client-btn.active{background:#3b82f633;border-color:#3b82f6;color:#fff}.admin-tickets-filter-btn__count,.admin-tickets-client-btn__count{font-size:.75rem;background:#1e293bcc;padding:.1rem .5rem;border-radius:999px;color:#94a3b8}.admin-tickets-item__actions{display:flex;align-items:center;gap:.75rem}.admin-tickets-delete-btn{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.2);padding:.4rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.admin-tickets-delete-btn:hover:not(:disabled){background:#ef444440;border-color:#ef444466}.admin-tickets-delete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-tickets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.admin-tickets-comment-toggle{background:none;border:1px solid rgba(148,163,184,.2);color:var(--color-text-muted);font-size:.75rem;padding:.25rem .75rem;border-radius:6px;cursor:pointer;margin-left:auto;transition:all .2s}.admin-tickets-comment-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60d}.admin-tickets-comments-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;gap:1.25rem}.admin-tickets-comments-list{display:flex;flex-direction:column;gap:1rem;max-height:350px;overflow-y:auto;padding-right:.5rem}.admin-tickets-comment{max-width:90%;padding:.8rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.5}.admin-tickets-comment.is-admin{align-self:flex-end;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#eff6ff;border-bottom-right-radius:2px}.admin-tickets-comment.is-user{align-self:flex-start;background:#1e293b80;border:1px solid rgba(148,163,184,.1);color:#f1f5f9;border-bottom-left-radius:2px}.admin-tickets-comment__header{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:.4rem;font-size:.75rem;opacity:.8}.admin-tickets-comment__header strong{color:#60a5fa}.admin-tickets-comment.is-admin .admin-tickets-comment__header strong{color:#fca5a5}.admin-tickets-comment-form{display:flex;gap:.75rem;margin-top:.5rem}.admin-tickets-comment-form input{flex:1;background:#0003;border:1px solid rgba(148,163,184,.2);color:#fff;padding:.65rem 1rem;border-radius:8px;font-size:.9rem}.admin-tickets-comment-form button{background:var(--color-primary);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s}.admin-tickets-comment-form button:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-tickets-list{display:flex;flex-direction:column;gap:1rem}.admin-tickets-item{padding:1rem 1.25rem;border-radius:12px;background:#0f172acc;border:1px solid rgba(148,163,184,.25);transition:transform .2s}.admin-tickets-item:hover{border-color:#3b82f666}.admin-tickets-item__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.admin-tickets-item__tenant{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:#3b82f6;background:#3b82f626;padding:.1rem .5rem;border-radius:4px;margin-bottom:.3rem}.admin-tickets-item__title{margin:0;font-size:1.05rem;color:#f1f5f9}.admin-tickets-item__description{margin:0 0 1rem;font-size:.9rem;color:#cbd5e1;line-height:1.5}.admin-tickets-item__footer{padding-top:.75rem;border-top:1px solid rgba(148,163,184,.15)}.admin-tickets-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.8rem;color:#94a3b8}.admin-tickets-status-select{padding:.35rem .6rem;border-radius:8px;font-size:.8rem;font-weight:600;border:1px solid transparent;background:#0f172ae6;color:#fff;cursor:pointer;outline:none}.admin-tickets-status-select.status--abierto{background:#3b82f633;color:#93c5fd;border-color:#3b82f64d}.admin-tickets-status-select.status--en_progreso{background:#eab30833;color:#fde047;border-color:#eab3084d}.admin-tickets-status-select.status--resuelto{background:#22c55e33;color:#86efac;border-color:#22c55e4d}.admin-tickets-priority{padding:.15rem .6rem;border-radius:6px;font-weight:500}.admin-tickets-priority--alta{background:#ef444426;color:#f87171}.admin-tickets-priority--media{background:#3b82f626;color:#60a5fa}.admin-tickets-priority--baja{background:#22c55e26;color:#4ade80}@media(max-width:1024px){.admin-tickets-layout{grid-template-columns:1fr;gap:1rem}.admin-tickets-sidebar{display:block;width:100%}.admin-tickets-sidebar .admin-card{padding:1rem 1.25rem}.admin-tickets-sidebar h3.admin-card__title{margin-top:1rem;margin-bottom:.5rem;font-size:.95rem}.admin-tickets-filter-list,.admin-tickets-client-list{display:flex;flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.6rem;margin-top:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.admin-tickets-filter-list::-webkit-scrollbar,.admin-tickets-client-list::-webkit-scrollbar{height:4px}.admin-tickets-filter-list::-webkit-scrollbar-thumb,.admin-tickets-client-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.admin-tickets-filter-btn,.admin-tickets-client-btn{white-space:nowrap;flex-shrink:0;margin-bottom:0;width:auto;gap:.75rem}.admin-tickets-client-btn__name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:600px){.admin-tickets-page{padding:1rem .5rem}.admin-tickets-item__header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-tickets-item__actions{width:100%;justify-content:space-between}.admin-tickets-comment-form{flex-direction:column;gap:.75rem}.admin-tickets-comment-form button{width:100%}}.gateways-page-container{padding:2rem;max-width:900px;margin:0 auto}.gateways-card-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;background:#0003}.gateways-header-actions{display:flex;gap:1.5rem;align-items:center}.gateways-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.gateways-span-2{grid-column:span 2}@media(max-width:768px){.gateways-page-container{padding:1rem .5rem}.gateways-card-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1rem}.gateways-header-actions{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem}.gateways-grid{grid-template-columns:1fr;gap:1.25rem}.gateways-span-2{grid-column:span 1}.gateways-page-container .card-body{padding:1.25rem 1rem}}.prices-page{max-width:1250px;margin:0 auto;padding:.5rem}.prices-page h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.prices-page p.text-gray-500{font-size:.95rem;color:var(--color-text-muted);margin-bottom:2rem}.prices-page .grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.75rem}@media(min-width:768px){.prices-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.prices-page .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.prices-page .card{position:relative;background:#1e293b73;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:2rem 1.75rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #0000004d}.prices-page .card:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(to bottom,#ffffff1a,#ffffff05);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.prices-page .card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 20px 40px -15px #0006,0 0 20px #6366f10d}.prices-page .card.recommended-card{border-color:#f59e0b4d;background:linear-gradient(135deg,#1e293b99,#f59e0b08);box-shadow:0 15px 35px -10px #f59e0b14}.prices-page .card.recommended-card:before{background:linear-gradient(to bottom,#f59e0b66,#f59e0b0d)}.prices-page .card.recommended-card:hover{border-color:#f59e0b80;box-shadow:0 25px 45px -15px #00000080,0 0 25px #f59e0b26}.prices-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-weight:700;box-shadow:0 4px 12px #3b82f640}.prices-page .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px #3b82f666}.prices-page .btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.prices-page .btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef444440}.prices-page .input{width:100%;padding:.6rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background-color:#0f172a99;color:#fff;font-size:.95rem;transition:all .2s ease}.prices-page .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633;outline:none}.prices-page select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2rem}.prices-page .card-header-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1.25rem}.role-badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.role-badge--developer{background-color:#8b5cf61f;color:#c084fc;border-color:#8b5cf640}.role-badge--gerente{background-color:#3b82f61f;color:#60a5fa;border-color:#3b82f640}.role-badge--all{background-color:#10b9811f;color:#34d399;border-color:#10b98140}.recommended-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .75rem;border-radius:6px;font-size:.72rem;font-weight:800;background-color:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.prices-page .space-y-4>*+*{margin-top:1.15rem}.prices-page .space-y-6>*+*{margin-top:1.5rem}.prices-page .recommend-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.88rem;color:var(--color-text-muted)}.prices-page .recommend-toggle input[type=checkbox]{width:1.1rem;height:1.1rem;border-radius:4px;accent-color:#f59e0b;cursor:pointer}.prices-page .recommend-toggle:hover{color:#fff}.not-found{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found__title{font-size:4rem;font-weight:700;color:var(--color-text-muted);margin-bottom:.5rem}.not-found__text{color:var(--color-text-muted);margin-bottom:1.5rem}.not-found__link{text-decoration:none}.app-root{min-height:100vh}.app--with-sidebar{display:flex}.app__main{flex:1;padding:1.5rem;overflow:auto}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text)}.page-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-top:.25rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;margin-bottom:1rem}.card__title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.35rem;color:var(--color-text)}.form-group input{width:100%}.error-message{color:#f87171;font-size:.9rem;margin-top:.5rem}