@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--el-text-color-regular:#bfdbfe;--brand:var(--primary-500);--brand-hover:var(--primary-600);--accent:var(--primary-400);--accent-light:var(--primary-300);--bg-primary:#0a0a0f;--bg-secondary:#16161d;--bg-surface:#1c1c23;--bg-surface-hover:#22222b;--card:var(--bg-surface);--card-org:linear-gradient(135deg,#1e293b,#0f172a);--card-hover:var(--bg-surface-hover);--card-contrast:hsla(0,0%,100%,.03);--bg-surface-blue:linear-gradient(135deg,#1e293b,#0f172a);--bg-surface-blue-hover:linear-gradient(135deg,#334155,#1e293b);--border-subtle:#2a2a32;--border-muted:rgba(42,42,50,.6);--border-accent:rgba(59,130,246,.4);--text-primary:#fff;--text-secondary:#f1f5f9;--text-muted:#a1a9b8;--text-disabled:#6b7280;--text-inverse:#0a0a0f;--status-success:#10b981;--status-success-bg:rgba(16,185,129,.1);--status-warning:#f59e0b;--status-warning-bg:rgba(245,158,11,.1);--status-error:#ef4444;--status-error-bg:rgba(239,68,68,.1);--status-info:var(--primary-500);--status-info-bg:rgba(59,130,246,.1);--product-seal:var(--primary-500);--product-sui:#4ba3ff;--product-walrus:#9333ea;--dark-bg:var(--bg-primary);--dark-bg-secondary:var(--bg-secondary);--dark-card:var(--bg-surface);--dark-border:var(--border-subtle);--dark-text-primary:var(--text-primary);--dark-text-secondary:var(--text-secondary);--dark-text-muted:var(--text-muted);--dark-text-disabled:var(--text-disabled);--light-bg:linear-gradient(135deg,#06c,#38f 50%,#bce1ff);--light-card:hsla(0,0%,100%,.95);--light-border:#e5e5e5;--light-text-primary:#171717;--light-text-secondary:#525252;--light-text-muted:#737373;--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--error:#ef4444;--info:var(--primary-500);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.1);--shadow-primary:0 8px 32px rgba(59,130,246,.3);--shadow-primary-hover:0 12px 40px rgba(59,130,246,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.main-layout,body{background:var(--dark-bg);color:var(--dark-text-primary);min-height:100vh}.dashboard-container{background:#0a0b1e;color:#fff;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh}.main-content{flex:1;overflow-y:auto;padding:2rem}.main-section{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:16px;min-width:0;overflow-x:auto;padding:1.5rem;width:100%}.app-container{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.no-style-link{color:inherit;text-decoration:none}.card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.card-header h2,.card-header h3{color:var(--dark-text-primary);font-weight:600;margin:0}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--dark-border);color:var(--primary-500)}.btn-secondary:hover{background:#3b82f61a;border-color:var(--primary-500)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--dark-text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-sm)}.form-input{background:#1e293b80;border:1px solid var(--dark-border);border-radius:var(--radius-md);color:var(--dark-text-primary);font-size:1rem;padding:var(--space-md);transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.text-primary{color:var(--dark-text-primary)}.text-secondary{color:var(--dark-text-secondary)}.text-muted{color:var(--dark-text-muted)}.text-disabled{color:var(--dark-text-disabled)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.gap-6{gap:var(--space-lg)}.mt-2{margin-top:var(--space-sm)}.mt-4{margin-top:var(--space-md)}.mt-6{margin-top:var(--space-lg)}.mb-2{margin-bottom:var(--space-sm)}.mb-4{margin-bottom:var(--space-md)}.mb-6{margin-bottom:var(--space-lg)}.p-4{padding:var(--space-md)}.p-6{padding:var(--space-lg)}.px-4{padding-left:var(--space-md);padding-right:var(--space-md)}.py-2{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.auth-wrapper{background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-bg-secondary) 50%,var(--primary-900) 100%);min-height:100vh;overflow:hidden;position:relative}.background-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.floating-shape{animation:float 8s ease-in-out infinite;background:#3b82f61a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:120px;left:15%;top:15%;width:120px}.shape-2{animation-delay:3s;bottom:20%;height:80px;right:20%;width:80px}.shape-3{animation-delay:1.5s;height:100px;right:10%;top:50%;width:100px}.shape-4{animation-delay:2s;height:60px;left:30%;top:70%;width:60px}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-xl) var(--space-md);position:relative;z-index:1}.auth-card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#1e293bf2;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-2xl);box-shadow:0 32px 64px #0006,0 0 0 1px #3b82f633;max-width:460px;overflow:hidden;padding:var(--space-2xl);position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.brand-section{margin-bottom:var(--space-xl);text-align:center}.logo-container{margin-bottom:var(--space-lg)}.logo-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:inline-flex;justify-content:center;overflow:hidden;position:relative;width:64px}.brand-title{background:linear-gradient(135deg,var(--dark-text-primary),var(--primary-400));-webkit-background-clip:text;color:var(--dark-text-primary);font-size:2.25rem;font-weight:700;margin-bottom:var(--space-sm);-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{color:var(--dark-text-muted);font-size:1rem;line-height:1.5}.login-form,.reset-form{display:flex;flex-direction:column;gap:var(--space-lg)}.input-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex}.input-icon{color:var(--dark-text-muted);left:var(--space-md);position:absolute;transition:color .3s ease;z-index:2}.modern-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141b27cc;border:2px solid var(--dark-border);border-radius:var(--radius-lg);color:var(--dark-text-primary);font-size:1rem;height:56px;outline:none;padding:0 var(--space-2xl);transition:all .3s ease;width:100%}.modern-input:focus{background:#1e293b;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a;transform:translateY(-2px)}.input-wrapper:focus-within .input-icon,.modern-input:focus+.input-icon{color:var(--primary-400)}.modern-input::-moz-placeholder{color:var(--dark-text-disabled)}.modern-input::placeholder{color:var(--dark-text-disabled)}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--dark-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-sm);position:absolute;right:var(--space-md);transition:all .3s ease;z-index:2}.password-toggle:hover{background:#3b82f61a;color:var(--primary-400)}.forgot-link-container{margin-top:calc(var(--space-sm)*-1);text-align:right}.forgot-link{color:var(--primary-400);font-size:.875rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.forgot-link:after{background:var(--primary-400);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.forgot-link:hover{color:var(--primary-300)}.forgot-link:hover:after{width:100%}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;font-weight:500;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.error-message,.submit-btn{align-items:center;display:flex}.submit-btn{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover:before{left:100%}.btn-content{display:flex;justify-content:center}.back-button,.btn-content{align-items:center;gap:var(--space-sm)}.back-button{background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-md);color:var(--primary-400);display:inline-flex;font-size:.875rem;font-weight:500;margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .3s ease}.back-button:hover{background:#3b82f61a;color:var(--primary-300);transform:translate(-4px)}.button-group{display:flex;flex-direction:column;gap:var(--space-md)}.submit-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));box-shadow:var(--shadow-primary);color:#fff}.submit-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.submit-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:2px solid var(--dark-border);color:var(--dark-text-secondary)}.submit-btn.secondary:hover:not(:disabled){background:#1e293b;border-color:var(--primary-500);color:var(--primary-400);transform:translateY(-2px)}.success-state{display:flex;flex-direction:column;gap:var(--space-xl);text-align:center}.success-animation{margin-bottom:var(--space-md)}.success-animation,.success-icon{display:flex;justify-content:center}.success-icon{align-items:center;animation:successPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--success),var(--success-light));border-radius:50%;box-shadow:0 8px 32px #10b9814d;color:#fff;height:80px;width:80px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.success-content{text-align:center}.success-message{color:var(--dark-text-primary);font-size:1.125rem;line-height:1.6;margin-bottom:var(--space-md)}.success-message strong{color:var(--primary-400);font-weight:600}.success-hint{color:var(--dark-text-muted);font-size:.875rem;line-height:1.5}.success-toast{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b981f2;border-radius:var(--radius-md);box-shadow:0 8px 32px #10b9814d;color:#fff;padding:var(--space-md) var(--space-lg);position:fixed;right:var(--space-xl);top:var(--space-xl);z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.app-container{padding:var(--space-md)}.auth-card{border-radius:var(--radius-xl);margin:var(--space-md);padding:var(--space-xl) var(--space-lg)}.brand-title{font-size:1.875rem}.card{padding:var(--space-md)}}.el-button--primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-color:var(--primary-500);color:#fff}.el-button--primary:hover{background:linear-gradient(135deg,var(--primary-400),var(--primary-600));border-color:var(--primary-400)}.el-button--default{background:transparent;border-color:var(--dark-border);color:var(--dark-text-secondary)}.el-button--default:hover{background:#3b82f61a;border-color:var(--primary-500);color:var(--primary-400)}.el-dialog{background:var(--dark-card)!important;border:1px solid var(--dark-border)}.el-dialog__header{background:transparent;border-bottom:1px solid var(--dark-border)}.el-dialog__body,.el-dialog__title{color:var(--dark-text-primary)}.el-dialog__body{background:transparent}.el-dialog__headerbtn{color:var(--dark-text-muted)}.el-dialog__headerbtn:hover{color:var(--dark-text-primary)}.el-form-item__label{color:var(--dark-text-secondary)}.el-input__wrapper{background:#1e293b80;border:1px solid var(--dark-border);box-shadow:none}.el-input__wrapper.is-focus,.el-input__wrapper:hover{border-color:var(--primary-500)}.el-input__wrapper.is-focus{box-shadow:0 0 0 3px #3b82f61a}.el-input__inner{background:transparent;color:var(--dark-text-primary)}.el-input__inner::-moz-placeholder{color:var(--dark-text-muted)}.el-input__inner::placeholder{color:var(--dark-text-muted)}.el-select .el-input__wrapper{background:#1e293b80}.el-select-dropdown{background:var(--dark-card);border:1px solid var(--dark-border)}.el-select-dropdown__item{color:var(--dark-text-secondary)}.el-select-dropdown__item:hover{background:#3b82f61a;color:var(--primary-400)}.el-select-dropdown__item.selected{background:var(--primary-500);color:#fff}.el-dropdown-menu{background:var(--dark-card);border:1px solid var(--dark-border)}.el-dropdown-menu__item{color:var(--dark-text-secondary)}.el-dropdown-menu__item:not(.is-disabled):hover{background:#3b82f61a;color:var(--primary-400)}.el-card{background:var(--dark-card);border:1px solid var(--dark-border)}.el-card__header{background:transparent;border-bottom:1px solid var(--dark-border)}.el-card__body,.el-card__header,.el-table{color:var(--dark-text-primary)}.el-table{background:transparent}.el-table th.el-table__cell{background:#1e293b80;color:var(--dark-text-secondary)}.el-table td.el-table__cell,.el-table th.el-table__cell{border-color:var(--dark-border)}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#1e293b4d}.el-table__body tr:hover>td.el-table__cell{background:#3b82f61a}.el-pagination,.el-pagination button{color:var(--dark-text-secondary)}.el-pagination button{background:transparent}.el-pagination button:hover{color:var(--primary-400)}.el-pagination .el-pagination__jump{color:var(--dark-text-secondary)}.el-tag{border-radius:var(--radius-sm)}.el-tag--success{background:#10b98133;border-color:#10b9814d;color:var(--success)}.el-tag--warning{background:#f59e0b33;border-color:#f59e0b4d;color:var(--warning)}.el-tag--danger{background:#ef444433;border-color:#ef44444d;color:var(--error)}.el-tag--info{background:#3b82f633;border-color:#3b82f64d;color:var(--primary-400)}.el-empty__description{color:var(--dark-text-muted)}.el-result__title{color:var(--dark-text-primary)}.el-result__subtitle{color:var(--dark-text-muted)}.el-skeleton__item{background:linear-gradient(90deg,var(--dark-border) 25%,rgba(51,65,85,.4) 37%,var(--dark-border) 63%)}.el-link--primary{color:var(--primary-400)}.el-link--primary:hover{color:var(--primary-300)}.el-avatar{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.ui-card{background:var(--card-org);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-lg);position:relative;transition:all .3s ease}.ui-card:before{background:linear-gradient(90deg,transparent,var(--border-accent),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.ui-card:hover{background:var(--card-org);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.ui-card:hover:before{opacity:1}.ui-card.compact{padding:var(--space-md)}.ui-card.comfortable{padding:var(--space-xl)}.ui-stat{align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);min-height:120px;padding:var(--space-lg);position:relative;transition:all .3s ease}.ui-stat,.ui-stat:hover{background:var(--card-org)}.ui-stat:hover{border-color:var(--border-accent);transform:translateY(-2px)}.ui-stat-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.ui-stat-icon.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff}.ui-stat-icon.success{background:linear-gradient(135deg,var(--status-success),#059669);color:#fff}.ui-stat-icon.warning{background:linear-gradient(135deg,var(--status-warning),#d97706);color:#fff}.ui-stat-content{flex:1;min-width:0}.ui-stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1;margin-bottom:var(--space-sm)}.ui-stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-xs)}.ui-stat-change{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--space-xs)}.ui-stat-change.positive{color:var(--status-success)}.ui-stat-change.negative{color:var(--status-error)}.ui-badge{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);display:inline-flex;font-size:.75rem;font-weight:600;gap:var(--space-xs);letter-spacing:.025em;line-height:1;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.ui-badge.success{background:var(--status-success-bg);border-color:#10b98133;color:var(--status-success)}.ui-badge.warning{background:var(--status-warning-bg);border-color:#f59e0b33;color:var(--status-warning)}.ui-badge.error{background:var(--status-error-bg);border-color:#ef444433;color:var(--status-error)}.ui-badge.info{background:var(--status-info-bg);border-color:#3b82f633;color:var(--status-info)}.ui-badge.primary{background:var(--status-info-bg);border-color:var(--border-accent);color:var(--accent)}.ui-badge.outline{background:transparent;border-width:1px}.ui-badge.product{font-weight:500;letter-spacing:normal;text-transform:none}.ui-badge.product.seal{background:#3b82f61a;border-color:#3b82f633;color:var(--product-seal)}.ui-badge.product.sui{background:#4ba3ff1a;border-color:#4ba3ff33;color:var(--product-sui)}.ui-badge.product.walrus{background:#9333ea1a;border-color:#9333ea33;color:var(--product-walrus)}.ui-btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:var(--space-sm);justify-content:center;line-height:1;min-height:40px;overflow:hidden;padding:var(--space-md) var(--space-lg);position:relative;text-decoration:none;transition:all .3s ease}.ui-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.ui-btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-hover));border-color:var(--brand);box-shadow:var(--shadow-primary);color:#fff}.ui-btn.primary:hover:not(:disabled){box-shadow:var(--shadow-primary-hover);transform:translateY(-2px)}.ui-btn.secondary{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary)}.ui-btn.secondary:hover:not(:disabled){background:var(--status-info-bg);border-color:var(--border-accent);color:var(--accent);transform:translateY(-1px)}.ui-btn.ghost{background:transparent;border-color:transparent;color:var(--accent)}.ui-btn.ghost:hover:not(:disabled){background:var(--status-info-bg);transform:translateY(-1px)}.ui-btn.soft{background:var(--status-info-bg);border-color:var(--border-accent);color:var(--accent)}.ui-btn.soft:hover:not(:disabled){background:var(--card-hover);transform:translateY(-1px)}.ui-btn.danger{background:var(--status-error-bg);border:1px solid var(--status-error);color:var(--status-error);font-weight:500}.ui-btn.danger:hover:not(:disabled){background:var(--status-error);border-color:var(--status-error);box-shadow:0 4px 12px #ef444440;color:#fff;transform:translateY(-1px)}.ui-btn.sm{font-size:.75rem;min-height:32px;padding:var(--space-sm) var(--space-md)}.ui-btn.lg{font-size:1rem;min-height:48px;padding:var(--space-lg) var(--space-xl)}.ui-empty{flex-direction:column;min-height:200px;padding:var(--space-2xl);text-align:center}.ui-empty,.ui-empty-icon{align-items:center;display:flex;justify-content:center}.ui-empty-icon{background:var(--status-info-bg);border-radius:50%;color:var(--text-muted);font-size:24px;height:64px;margin-bottom:var(--space-lg);width:64px}.ui-empty-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-sm)}.ui-empty-description{color:var(--text-muted);margin-bottom:var(--space-lg);max-width:400px}.table-density-controls{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.density-btn{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-sm);transition:all .2s ease}.density-btn.active,.density-btn:hover{background:var(--status-info-bg);border-color:var(--border-accent);color:var(--accent)}.product-switcher{align-items:center;display:inline-flex;gap:var(--space-sm);position:relative}.product-switcher-trigger{align-items:center;background:var(--card-org);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.product-switcher-trigger:hover{background:var(--card-hover);border-color:var(--border-accent)}.product-icon{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;width:20px}.product-icon.seal{background:var(--product-seal)}.product-icon.sui{background:var(--product-sui)}.product-icon.walrus{background:var(--product-walrus)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.actions-grid,.stats-grid{display:grid;gap:var(--space-lg);margin-bottom:var(--space-xl)}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.page-header-enhanced{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.header-left{flex:1}.header-right{align-items:center;display:flex;gap:var(--space-md)}.page-title{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 var(--space-xs) 0}.page-subtitle{color:var(--text-muted);font-size:.875rem;line-height:1.4;margin:0}.filter-section-enhanced{background:var(--card-org);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-lg)}.filter-group,.filter-section-enhanced{align-items:center;display:flex;gap:var(--space-md)}.filter-label-enhanced{color:var(--text-secondary);font-size:.875rem;font-weight:500;white-space:nowrap}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.copy-success{animation:copySuccess .3s ease}.loading-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--border-subtle) 25%,rgba(51,65,85,.4) 37%,var(--border-subtle) 63%);background-size:400% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.kpi-stats-row{display:grid;gap:var(--space-lg);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}@media (max-width:1024px){.kpi-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-stats-row{grid-template-columns:1fr}}.compact-kpi-card{align-items:center;background:var(--card-org);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;gap:var(--space-md);height:104px;overflow:hidden;padding:var(--space-md);position:relative;transition:all .2s ease}.compact-kpi-card:before{background:var(--card-contrast);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.compact-kpi-card:hover{border-color:var(--border-accent);transform:translateY(-1px)}.compact-kpi-card:hover:before{opacity:1}.kpi-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.kpi-icon.primary{background:var(--status-info-bg);color:var(--status-info)}.kpi-icon.success{background:var(--status-success-bg);color:var(--status-success)}.kpi-icon.warning{background:var(--status-warning-bg);color:var(--status-warning)}.kpi-content{flex:1;position:relative;z-index:1}.kpi-label{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.kpi-value{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.2;margin-bottom:2px}.kpi-helper{color:var(--text-disabled);font-size:.625rem;line-height:1}.compact-section-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.compact-section-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.subscription-list{display:flex;flex-direction:column;gap:10px}.empty-subscriptions{color:var(--text-muted);font-size:.875rem;padding:var(--space-lg);text-align:center}.subscription-row{background:var(--card-contrast);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;padding:10px var(--space-md);transition:all .2s ease}.subscription-row:focus,.subscription-row:hover{background:#ffffff0d;border-color:var(--border-accent);outline:none}.subscription-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.subscription-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.subscription-row-progress{align-items:center;display:flex;gap:var(--space-sm)}.progress-bar-container{background:var(--border-subtle);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.progress-text{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.quick-actions-content{display:flex;flex-direction:column;gap:8px}.action-item{align-items:center;background:var(--card-contrast);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-md);min-height:56px;padding:14px var(--space-md);transition:all .2s ease}.action-item:focus,.action-item:hover{background:#ffffff0d;border-color:var(--border-accent);outline:none}.action-icon{align-items:center;background:var(--status-info-bg);border-radius:var(--radius-sm);color:var(--brand);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.action-info{flex:1}.action-info h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 2px}.action-info p{color:var(--text-muted);font-size:.75rem;line-height:1.3;margin:0}.action-arrow{color:var(--text-muted);transition:color .2s ease}.action-item:hover .action-arrow{color:var(--brand)}.full-width-compact-section{margin:var(--space-xl) 0}.product-accordion{display:flex;flex-direction:column;gap:var(--space-sm)}.product-group{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);transition:all .2s ease}.product-group.expanded{border-color:var(--border-accent)}.product-group.disabled{cursor:not-allowed;opacity:.6}.product-header{justify-content:between;padding:var(--space-md)}.product-header,.product-info{align-items:center;display:flex}.product-info{gap:var(--space-sm)}.product-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.network-tabs{border-top:1px solid var(--border-subtle);padding:var(--space-md)}.tab-nav{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.tab-btn{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-md);transition:all .2s ease}.tab-btn:hover{border-color:var(--border-accent);color:var(--text-primary)}.tab-btn.active{background:var(--status-info-bg);border-color:var(--brand);color:var(--brand)}.tab-content{animation:fadeIn .2s ease}.network-badge-group{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md)}.endpoint-list{display:flex;flex-direction:column;gap:var(--space-md)}.endpoint-list.collapsed{max-height:200px;overflow:hidden}.endpoint-row{background:var(--card-contrast);border:1px solid var(--border-muted);border-radius:var(--radius-sm);padding:var(--space-md)}.endpoint-info{margin-bottom:var(--space-sm)}.endpoint-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.endpoint-urls{display:flex;flex-direction:column;gap:var(--space-sm)}@media (min-width:1024px){.endpoint-urls{flex-direction:row;gap:var(--space-lg)}}.key-display,.url-display{align-items:center;display:flex;flex:1;gap:var(--space-sm)}.key-label,.url-label{color:var(--text-muted);font-size:.75rem;font-weight:500;min-width:32px}.key-input-compact,.url-input-compact{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.key-input-compact:focus,.url-input-compact:focus{border-color:var(--brand);outline:none}.show-more-toggle{border-top:1px solid var(--border-subtle);margin-top:var(--space-md);padding-top:var(--space-md);text-align:center}.empty-endpoints{color:var(--text-muted);font-size:.875rem;padding:var(--space-lg);text-align:center}.ui-badge.sm{font-size:.625rem;line-height:1.2;padding:2px 6px}.ui-badge.disabled{background:var(--border-subtle);color:var(--text-disabled);opacity:.6}.action-item:focus,.subscription-row:focus,.tab-btn:focus,.ui-btn:focus{outline:2px solid var(--brand);outline-offset:2px}.product-group.disabled:focus{outline:2px solid var(--text-muted);outline-offset:2px}.action-item[tabindex="0"],.subscription-row[tabindex="0"],.tab-btn[tabindex="0"]{cursor:pointer}.action-item:focus-visible,.subscription-row:focus-visible,.tab-btn:focus-visible,.ui-btn:focus-visible{box-shadow:0 0 0 3px #3b82f633}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.el-dropdown-menu{background-color:var(--bg-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:0 10px 25px #0000004d!important;padding:var(--space-xs)!important}.el-dropdown-menu__item{background:transparent!important;border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;margin:2px!important;padding:var(--space-sm) var(--space-md)!important;transition:all .2s ease!important}.el-dropdown-menu__item:hover:not(.is-disabled){background-color:var(--status-info-bg)!important;color:var(--brand)!important}.el-dropdown-menu__item.is-disabled{color:var(--text-disabled)!important;opacity:.6!important}.el-table{background-color:var(--bg-surface)!important;color:var(--text-primary)!important}.el-table th,.el-table__header-wrapper .el-table__header{background-color:var(--bg-secondary)!important}.el-table th{border-bottom:1px solid var(--border-subtle)!important;color:var(--text-primary)!important}.el-table td{background-color:var(--bg-surface)!important;border-bottom:1px solid var(--border-muted)!important;color:var(--text-secondary)!important}.el-table__row:hover>td{background-color:#ffffff08!important}.el-table__empty-block{background-color:var(--bg-surface)!important;color:var(--text-muted)!important}.el-button--primary{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.el-button--primary:focus,.el-button--primary:hover{background-color:var(--brand-hover)!important;border-color:var(--brand-hover)!important}.el-button--default{background-color:var(--bg-secondary)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}.el-button--default:focus,.el-button--default:hover{background-color:var(--bg-surface-hover)!important;border-color:var(--border-accent)!important;color:var(--text-primary)!important}.el-radio-group{background:transparent!important}.el-radio-button__inner{background-color:var(--bg-secondary)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}.el-radio-button__inner:hover{background-color:var(--bg-surface-hover)!important;color:var(--text-primary)!important}.el-radio-button__original-radio:checked+.el-radio-button__inner{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.el-tag{background-color:var(--status-info-bg)!important;border-color:var(--border-subtle)!important;color:var(--text-primary)!important}.el-tag.el-tag--success{background-color:var(--status-success-bg)!important;color:var(--status-success)!important}.el-tag.el-tag--warning{background-color:var(--status-warning-bg)!important;color:var(--status-warning)!important}.el-tag.el-tag--danger{background-color:var(--status-error-bg)!important;color:var(--status-error)!important}.action-buttons .ui-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-subtle)!important;color:var(--text-secondary)!important;font-size:.75rem!important;font-weight:500!important;min-height:28px!important;padding:6px 12px!important;transition:all .2s ease!important}.action-buttons .ui-btn:hover:not(:disabled){border-color:var(--border-accent)!important;color:var(--text-primary)!important;transform:translateY(-1px)!important}.action-buttons .ui-btn.danger{background:var(--status-error-bg)!important;border-color:var(--status-error)!important;color:var(--status-error)!important}.action-buttons .ui-btn.success{background:var(--status-success-bg)!important;border-color:var(--status-success)!important;color:var(--status-success)!important}.action-buttons .ui-btn.success:hover:not(:disabled){background:var(--status-success)!important;border-color:var(--status-success)!important;box-shadow:0 2px 8px #ef444433!important;color:#fff!important}.action-buttons .ui-btn.danger:hover:not(:disabled){background:var(--status-error)!important;border-color:var(--status-error)!important;box-shadow:0 2px 8px #ef444433!important;color:#fff!important}.action-buttons .ui-btn.ghost{background:transparent!important;border-color:var(--border-muted)!important}.action-buttons .ui-btn.ghost:hover:not(:disabled){background:var(--card-contrast)!important}.users-list{display:flex;flex-direction:column;gap:10px}.empty-users{color:var(--text-muted);font-size:.875rem;padding:var(--space-lg);text-align:center}.user-row{align-items:center;background:var(--card-contrast);border:1px solid var(--border-muted);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:12px var(--space-md);transition:all .2s ease}.user-row:hover{background:#ffffff0d;border-color:var(--border-accent)}.user-row.pending-user{opacity:.8}.user-main-info{flex:1;gap:var(--space-md)}.user-avatar,.user-main-info{align-items:center;display:flex}.user-avatar{background:var(--brand);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.user-avatar.pending-avatar{background:var(--status-warning)}.user-details{flex:1;min-width:0}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.2;margin-bottom:2px}.user-email{color:var(--text-muted);font-size:.75rem;line-height:1.2}.user-meta{flex-shrink:0;gap:var(--space-lg)}.user-meta,.user-role-status{align-items:center;display:flex}.user-role-status{gap:var(--space-xs)}.user-activity{color:var(--text-muted);font-size:.75rem;min-width:80px;text-align:right}.last-active{color:var(--text-secondary)}.invited-date{color:var(--status-warning)}.user-actions{align-items:center;display:flex;gap:var(--space-xs)}.company-name-small{color:var(--text-muted);font-size:.75rem;font-weight:400;margin-left:var(--space-xs)}@media (max-width:1024px){.user-meta{gap:var(--space-md)}.user-activity{min-width:60px}}@media (max-width:768px){.user-row{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.user-meta{justify-content:space-between}.user-activity{min-width:auto;text-align:left}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}*{box-sizing:border-box}