body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0118;color:#e7deff;min-height:100vh;position:relative;overflow-x:hidden}.futuristic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1a0b3d,#0a0118)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 80%);mask-image:radial-gradient(ellipse at center,black,transparent 80%)}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s infinite alternate ease-in-out}.orb-1{width:500px;height:500px;background:#3b82f64d;top:-100px;right:-100px}.orb-2{width:400px;height:400px;background:#a855f733;bottom:-50px;left:-50px;animation-delay:-5s}.orb-3{width:300px;height:300px;background:#00c8ff33;top:40%;left:30%;animation-delay:-10s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(100px,50px) scale(1.1)}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--card-shadow)}.client-details-page{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.3px;white-space:nowrap;line-height:1}.status-badge:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:currentColor;flex-shrink:0;transform:translateY(-.5px)}.status-badge.active,.status-badge.success{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-badge.inactive,.status-badge.failed,.status-badge.expired{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-badge.pending,.status-badge.warning{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.plan-badge{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1px solid var(--glass-border);padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;display:inline-block}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:24px}@media(max-width:1024px){.details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.details-grid{grid-template-columns:1fr;gap:24px}}.detail-group{display:flex;flex-direction:column;gap:8px}.detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);font-weight:600}.detail-value{font-size:16px;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:8px}.detail-value.mono{font-family:SF Mono,Roboto Mono,Menlo,monospace;font-size:14px;color:var(--text-secondary)}.detail-value.highlight{font-size:18px;font-weight:600}.pro-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:40px}.search-filter-section{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;background:var(--bg-secondary, #1a1a2e);padding:16px 24px;border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));box-shadow:0 4px 20px #0003}.search-box{position:relative;flex:1;max-width:400px}.search-input{width:100%;background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #ffffff);padding:10px 16px 10px 44px;border-radius:10px;font-size:14px;transition:all .3s ease;outline:none}.search-input:focus{background-color:#ffffff0f;border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #6b7280);pointer-events:none;transition:color .3s}.search-input:focus+.search-icon{color:var(--accent-primary, #3b82f6)}.filter-section{display:flex;align-items:center;gap:12px}.clear-filters-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#ef444433;transform:translateY(-1px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:4px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.history-table td{vertical-align:middle}.amount-text{font-weight:600;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.currency-symbol{color:var(--text-tertiary);font-weight:400;margin-right:2px}.date-text,.duration-text{color:var(--text-secondary);font-size:13px}.filter-select{background-color:var(--bg-secondary, #1a1a2e);color:var(--text-primary, #ffffff);border:1px solid var(--border-color, rgba(255, 255, 255, .1));padding:8px 40px 8px 16px;border-radius:10px;font-size:14px;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);appearance:none;-webkit-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='%23ffffff' stroke-width='2.5' 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 14px center;background-size:14px;min-width:140px;box-shadow:0 2px 4px #0000001a}.filter-select:hover{border-color:#ffffff4d;background-color:#ffffff0d}.filter-select:focus{border-color:var(--accent-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.filter-select option{background-color:#1a1a2e!important;color:#fff!important;padding:12px!important}.filter-select option:hover,.filter-select option:focus,.filter-select option:active{background-color:var(--accent-primary, #3b82f6)!important;color:#fff!important}:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .5);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--accent-purple: #a855f7;--accent-cyan: #06b6d4;--accent-orange: #f97316;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0));--neon-glow-purple: 0 0 15px rgba(168, 85, 247, .4);--neon-glow-cyan: 0 0 15px rgba(6, 182, 212, .4);--haptic-scale: scale(.96)}.mobile-container{max-width:480px;min-width:360px;margin:0 auto;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;padding-bottom:90px;font-family:Outfit,Inter,sans-serif;letter-spacing:-.01em;position:relative;overflow-x:hidden}.mobile-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:20px;background-image:var(--card-gradient);box-shadow:0 8px 32px #0000004d;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mobile-card:active{transform:var(--haptic-scale)}.floating-nav{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:90%;max-width:400px;height:64px;background:#0f172acc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:32px;display:flex;justify-content:space-around;align-items:center;padding:0 12px;z-index:1000;box-shadow:0 10px 40px #00000080}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;transition:all .3s ease;padding:8px;border-radius:16px}.nav-item.active{color:var(--accent-purple)}.nav-item svg{width:24px;height:24px}.nav-item span{font-size:10px;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,rgba(168,85,247,.1) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:12px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-radius:24px 24px 0 0;padding:24px;z-index:2000;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s ease}.bottom-sheet-overlay.open{opacity:1;visibility:visible}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:16px;color:var(--text-primary);padding-left:4px}.badge{padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-expiring{background:#f9731626;color:var(--accent-orange);border:1px solid rgba(249,115,22,.3)}.badge-active{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.earnings-card{position:relative;overflow:hidden}.earnings-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%);pointer-events:none}.slide-enter{transform:translate(100%)}.slide-enter-active{transform:translate(0);transition:transform .3s ease-out}.slide-exit{transform:translate(-100%);transition:transform .3s ease-in}.glow-purple{text-shadow:var(--neon-glow-purple)}.glow-cyan{text-shadow:var(--neon-glow-cyan)}.border-glow-purple{border-color:var(--accent-purple);box-shadow:var(--neon-glow-purple)}.border-glow-cyan{border-color:var(--accent-cyan);box-shadow:var(--neon-glow-cyan)}h1,h2,h3,h4{letter-spacing:-.02em}.text-gradient-purple{background:linear-gradient(to right,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(to right,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root{--bg-primary: #150a38;--bg-secondary: rgba(255, 255, 255, .04);--bg-tertiary: rgba(255, 255, 255, .02);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--text-primary: #e7deff;--text-secondary: rgba(231, 222, 255, .7);--text-tertiary: rgba(231, 222, 255, .5);--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-glow: rgba(59, 130, 246, .5);--border-color: rgba(255, 255, 255, .1);--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--header-bg: rgba(21, 10, 56, .8);--sidebar-hover: rgba(255, 255, 255, .05);--input-bg: rgba(255, 255, 255, .03);--table-stripe: rgba(255, 255, 255, .02);--btn-text: #ffffff;--toast-bg: #150a38;--toast-text: #e7deff;--toast-border: rgba(255, 255, 255, .1);--radius-lg: 16px;--radius-md: 12px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--glass-blur: blur(10px);--text-primary: #1e1b4b;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-primary: #2563eb;--accent-secondary: #7c3aed;--border-color: #e2e8f0;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--header-bg: rgba(255, 255, 255, .8);--sidebar-hover: #f1f5f9;--input-bg: #f8fafc;--table-stripe: #f8fafc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.1) 0,transparent 50%);background-attachment:fixed;color:var(--text-primary);transition:all .3s ease;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.login-box{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:48px;width:100%;max-width:440px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.dashboard-analytics-section{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;animation:fadeIn .6s ease-out}.dash-chart-full{width:100%;padding:32px;min-height:450px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dash-chart-container{padding:28px;min-height:420px;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}@media(max-width:1200px){.dashboard-charts-grid{grid-template-columns:1fr}}.dash-chart-container .chart-header{margin-bottom:24px}.dash-chart-container .chart-title{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.dash-chart-container .chart-subtitle{font-size:12px;color:var(--text-tertiary);margin:4px 0 0}@media(max-width:1100px){.dashboard-charts-row{grid-template-columns:1fr}}.login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.login-logo img{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,200,255,.5)) drop-shadow(0 0 40px rgba(0,200,255,.3))}.login-title{color:var(--text-primary);font-size:28px;font-weight:600;margin-bottom:8px;text-align:center}.login-subtitle{color:var(--accent-primary);font-size:14px;text-align:center;margin-bottom:32px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:12px;border-radius:8px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:10px;display:block;letter-spacing:.3px}.form-group input{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 18px;color:var(--text-primary);font-size:14px;transition:all .3s ease;width:100%}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61a;background:#ffffff0d}.form-group input:hover{border-color:#444;background:#0d0d0d}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:#00c8ff;box-shadow:0 0 0 3px #00c8ff1a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:48px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:var(--accent-primary)}.password-toggle svg{display:block}.form-group-checkbox{display:flex;align-items:center;gap:8px;margin-top:-8px}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00c8ff}.form-group-checkbox label{color:var(--text-secondary);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.login-button{background:linear-gradient(135deg,var(--accent-primary) 0%,#0099cc 100%);color:var(--bg-primary);border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:12px;box-shadow:0 4px 16px #00c8ff4d;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#00b3e6,#08b);transform:translateY(-2px);box-shadow:0 6px 24px #00c8ff80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-layout{height:100vh;background:var(--bg-primary);display:grid;grid-template-columns:250px 1fr;grid-template-rows:74px 1fr;grid-template-areas:"header header" "sidebar content";overflow:hidden}.dashboard-header{grid-area:header;background:var(--header-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:12px;padding-left:12px}.logo-image{height:65px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,200,255,.5)) drop-shadow(0 0 40px rgba(0,200,255,.3))}.logo-icon{font-size:24px}.logo-text{color:var(--text-primary);font-size:18px;font-weight:800;letter-spacing:1px}.futuristic-logo img{filter:drop-shadow(0 0 10px var(--accent-glow))}.highlight{color:var(--accent-primary);text-shadow:0 0 10px var(--accent-glow)}.glass-header{background:#0a0118b3;box-shadow:0 4px 30px #0000001a;border-bottom:1px solid var(--glass-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.header-right{display:flex;align-items:center;gap:12px}.icon-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-button-red{background:transparent;border:none;color:#9d0101;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.icon-button:hover{background:var(--bg-tertiary);color:var(--accent-primary);transform:scale(1.2)}.icon-button-red:hover{background:var(--bg-tertiary);color:red;transform:scale(1.2)}.dashboard-sidebar{grid-area:sidebar;background:#150a3866;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border);padding:16px 0;overflow-y:hidden;display:flex;flex-direction:column}.sidebar-nav-container::-webkit-scrollbar{width:4px}.sidebar-nav-container::-webkit-scrollbar-track{background:transparent}.sidebar-nav-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar-nav-container::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.sidebar-mobile-header{display:none;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border);margin-bottom:16px}.sidebar-close-x{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.sidebar-close-x:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.05)}.sidebar-close-x:active{transform:scale(.95)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px;flex:1}.sidebar-footer{padding:20px;border-top:1px solid var(--glass-border);margin-top:auto}.footer-text{font-size:11px;color:var(--text-tertiary);text-align:center;line-height:1.4}.footer-text a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.footer-text a:hover{color:var(--accent-secondary);text-decoration:underline}.sidebar-item{display:flex;align-items:center;padding:14px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:15px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;font-weight:400}.sidebar-item:hover{background:var(--bg-secondary)}.sidebar-item.active{background:linear-gradient(90deg,rgba(59,130,246,.15) 0%,transparent 100%);color:#fff;font-weight:600;border-left:3px solid var(--accent-primary);box-shadow:inset 5px 0 15px -5px var(--accent-primary);position:relative}.sidebar-item:hover{background:var(--sidebar-hover);transform:translate(5px)}.sidebar-item.active:before{display:none}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #00c8ff80,0 0 20px #00c8ff4d,0 0 30px #00c8ff33,inset 0 0 10px #fff3}50%{box-shadow:0 0 15px #00c8ffb3,0 0 30px #00c8ff80,0 0 45px #00c8ff4d,inset 0 0 15px #ffffff4d}}.dashboard-content{grid-area:content;background:var(--bg-primary);overflow-y:auto;padding:32px;height:100%}.content-wrapper{max-width:1400px;margin:0 auto}.page-title{background:linear-gradient(90deg,var(--accent-primary) 0%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:900;font-family:Verdana,Geneva,Tahoma,sans-serif;margin-bottom:8px;letter-spacing:-.5px;display:inline-block}.page-description{color:var(--text-secondary);font-size:14px;margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.stat-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:28px;display:flex;align-items:center;gap:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 12px 40px #0000004d,0 0 20px #3b82f61a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00c8ff,#a855f7);opacity:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #00c8ff33}.stat-card:hover:before{opacity:1}.stat-icon{width:64px;height:64px;background:linear-gradient(135deg,#00c8ff26,#a855f726);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00c8ff1a;color:var(--accent-primary)}.stat-icon svg{color:var(--accent-primary)}.stat-info{flex:1}.stat-value{background:linear-gradient(90deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.page-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;margin-bottom:32px;width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;filter:brightness(1.1)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.btn-secondary:hover{border-color:#00c8ff;color:#00c8ff;background:#00c8ff0d;box-shadow:0 4px 12px #00c8ff1a}.btn-icon{background:transparent;border:none;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.btn-icon svg{display:block}.btn-icon:hover{transform:scale(1.1)}.btn-edit:hover{background:#00c8ff1a;color:var(--accent-primary)}.btn-delete:hover{background:#ff3b301a;color:#ff3b30}.success-message{background:#34c7591a;border:1px solid rgba(52,199,89,.3);color:#34c759;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px}.software-info{display:flex;flex-direction:column;gap:4px}.software-name{font-weight:600;color:var(--accent-primary);font-size:15px}.software-desc{font-size:12px;color:var(--text-tertiary);max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-badges{display:flex;flex-wrap:wrap;gap:6px}.api-badge{background:#00c8ff1a;border:1px solid rgba(0,200,255,.2);color:var(--accent-primary);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;cursor:help;transition:all .2s ease}.api-badge:hover{background:var(--accent-primary);color:var(--bg-primary)}.status-toggle{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:90px;border:1px solid transparent}.status-toggle.active{background:#34c7591a;color:#34c759;border-color:#34c75933}.status-toggle.active:hover{background:#34c759;color:#fff}.status-toggle.inactive{background:#ff3b301a;color:#ff3b30;border-color:#ff3b3033}.status-toggle.inactive:hover{background:#ff3b30;color:#fff}.table-container{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--card-shadow)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-tertiary)}.data-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-color)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(90deg,#00c8ff0d,#a855f70d)}.no-data{text-align:center;color:var(--text-tertiary);padding:40px!important}.font-semibold{font-weight:600;color:var(--accent-primary)}.text-small{font-size:12px;color:var(--text-secondary)}.form-center{display:flex;justify-content:center;width:100%}.form-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px;width:100%;max-width:800px;box-shadow:var(--card-shadow)}.form-layout{display:flex;flex-direction:column;gap:24px}.form-layout input[type=text],.form-layout input[type=email],.form-layout input[type=tel],.form-layout input[type=url],.form-layout select,.form-layout textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s ease;width:100%}.form-layout select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-layout select option{background:var(--bg-secondary);color:var(--text-primary)}.form-layout textarea{resize:vertical;line-height:1.6;min-height:120px}.form-layout input::placeholder,.form-layout textarea::placeholder{color:#666}.form-layout input:focus,.form-layout select:focus,.form-layout textarea:focus{outline:none;border-color:#00c8ff;box-shadow:0 0 0 3px #00c8ff1a}.required{color:#ff3b30;margin-left:4px}.input-hint{display:block;color:var(--text-tertiary);font-size:12px;margin-top:6px;line-height:1.4}.error-hint{display:block;color:#ff3b30;font-size:12px;margin-top:6px;line-height:1.4}.success-hint{display:block;color:#34c759;font-size:12px;margin-top:6px;line-height:1.4}.input-error{border-color:#ff3b30!important}.input-error:focus{border-color:#ff3b30!important;box-shadow:0 0 0 3px #ff3b301a!important}.phone-input-wrapper{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.phone-input-wrapper:focus-within{border-color:#00c8ff;box-shadow:0 0 0 3px #00c8ff1a}.phone-prefix{color:#999;font-size:14px;padding:12px 0 12px 16px;font-weight:500;-webkit-user-select:none;user-select:none}.phone-input-wrapper input{border:none!important;background:transparent!important;padding-left:8px!important;box-shadow:none!important}.phone-input-wrapper input:focus{box-shadow:none!important}.form-actions{display:flex;gap:12px;margin-top:8px}.form-actions .btn-primary,.form-actions .btn-secondary{min-width:140px}.quick-actions{margin-top:48px}.quick-actions-title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.quick-action-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-align:left;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}.quick-action-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:0 12px 40px #0000004d}.quick-action-card:hover:before{opacity:1}.quick-action-icon{width:64px;height:64px;background:linear-gradient(135deg,#00c8ff26,#a855f726);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-primary)}.quick-action-icon svg{color:var(--accent-primary)}.quick-action-content h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.quick-action-content p{color:var(--text-secondary);font-size:14px;margin:0}.quick-action-arrow{color:var(--accent-primary);font-size:24px;font-weight:600;opacity:0;transform:translate(-10px);transition:all .3s ease}.quick-action-card:hover .quick-action-arrow{opacity:1;transform:translate(0)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#666;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #00c8ff33}.swal-custom{background:#0f0a28!important;background-image:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent),radial-gradient(circle at bottom left,rgba(139,92,246,.1),transparent)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:24px!important;box-shadow:0 25px 50px -12px #000000b3,0 0 20px #3b82f61a!important;padding:30px!important}.swal-custom .swal2-title{color:#fff!important;font-weight:700!important;font-size:24px!important}.swal-custom .swal2-html-container{color:var(--text-secondary)!important;font-size:16px!important}.swal-btn-confirm{background:linear-gradient(135deg,#00c8ff,#08c)!important;color:#000!important;font-weight:700!important;padding:12px 32px!important;border-radius:12px!important;border:none!important;transition:all .3s ease!important;box-shadow:0 4px 15px #00c8ff4d!important}.swal-btn-confirm:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #00c8ff80!important;filter:brightness(1.1)!important}.swal-btn-cancel{background:#ffffff0d!important;color:var(--text-primary)!important;font-weight:600!important;padding:12px 32px!important;border-radius:12px!important;border:1px solid var(--glass-border)!important;transition:all .3s ease!important}.swal-btn-cancel:hover{background:#ffffff1a!important;border-color:var(--text-tertiary)!important}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:16px;width:100%}.skeleton-icon{width:64px;height:64px;border-radius:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-dropdown{position:relative}.profile-button-premium{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:none;border-radius:14px;padding:8px 16px 8px 8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a;max-width:350px}.profile-button-premium:hover,.profile-button-premium.active{background:#ffffff14;transform:translateY(-2px)}.profile-avatar-premium{width:44px;height:44px;border-radius:12px;background:#8b5cf6;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;box-shadow:0 4px 12px #8b5cf64d}.profile-info-premium{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.profile-menu-premium{position:absolute;top:calc(100% + 12px);right:0;background:#150a38e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;min-width:260px;box-shadow:0 20px 40px #0006;z-index:1000;padding:8px;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}.profile-menu-header-premium{padding:12px 16px}.profile-email-label{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.profile-email-value{font-size:13px;color:var(--text-primary);font-weight:500;word-break:break-all}.profile-menu-item-premium{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;margin-top:4px}.profile-menu-item-premium:hover{background:#ffffff0d}.profile-menu-item-premium.logout{color:#ff3b30}.profile-menu-item-premium.logout:hover{background:#ff3b301a}.profile-name-premium{color:#fff;font-weight:700;font-size:14px;letter-spacing:.3px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.profile-role-premium{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.header-logout-btn{background:#ff3b301a;border:1px solid rgba(255,59,48,.2);color:#ff3b30;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-left:8px}.header-logout-btn:hover{background:#ff3b30;color:#fff;transform:scale(1.05);box-shadow:0 0 15px #ff3b3066}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:240px;box-shadow:var(--card-shadow);z-index:1000;animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{padding:16px;display:flex;align-items:center;gap:12px}.profile-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-weight:700;font-size:20px}.profile-info{flex:1}.profile-name{color:var(--text-primary);font-weight:600;font-size:14px;margin-bottom:2px;text-transform:capitalize}.profile-role{color:var(--text-secondary);font-size:12px}.profile-menu-divider{height:1px;background:var(--border-color);margin:0 8px}.profile-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.profile-menu-item:first-of-type{border-radius:0}.profile-menu-item:last-of-type{border-radius:0 0 12px 12px}.profile-menu-item:hover{background:#00c8ff1a}.profile-menu-item svg{color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--card-shadow);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.modal-body{padding:32px 24px}.profile-avatar-modal{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700;font-size:32px;margin:0 auto 32px;box-shadow:0 8px 24px #00c8ff4d}.profile-details{display:flex;flex-direction:column;gap:20px}.profile-detail-item{display:flex;flex-direction:column;gap:6px}.profile-detail-item label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-detail-item p{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.status-active{color:#34c759!important;display:inline-flex;align-items:center;gap:6px}.status-active:before{content:"";width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 8px #34c75980}@media(max-width:768px){.login-box{padding:30px 24px}.login-title{font-size:24px}.login-subtitle{font-size:13px}}@media(max-width:480px){.login-box{padding:24px 16px}.login-title{font-size:22px}}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:80px}.status-badge.success{background-color:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.failed{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.pending{background-color:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.skipped{background-color:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.already_exists{background-color:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.btn-test-api{background:#00c8ff1a;color:var(--accent-primary);border:1px solid rgba(0,200,255,.3);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;margin-top:4px;transition:all .2s ease}.btn-test-api:hover{background:#00c8ff33;border-color:var(--accent-primary)}.text-muted{color:var(--text-tertiary);font-style:italic}.source-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;min-width:80px}.source-badge.master{background-color:#a855f733;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.source-badge.external{background-color:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.external-client-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px}.external-label{font-size:11px;color:var(--text-tertiary);background:#3b82f61a;padding:2px 6px;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.master-client-actions{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px}.master-label{font-size:11px;color:var(--text-tertiary);background:#a855f71a;padding:2px 6px;border-radius:8px;border:1px solid rgba(168,85,247,.2)}.search-filter-section{display:flex;gap:20px;align-items:center;margin-bottom:24px;padding:24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.search-box{position:relative;flex:1;width:100%}.search-input{width:100%;padding:14px 18px 14px 50px;background:var(--input-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.search-input:hover{border-color:#fff3;background:#ffffff0d}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow);background:#ffffff14}.search-input:focus+.search-icon{color:var(--accent-primary);filter:drop-shadow(0 0 5px var(--accent-glow))}.search-input::placeholder{color:var(--text-tertiary)}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;transition:all .3s ease}.filter-section{display:flex;gap:12px;align-items:center}.filter-select{padding:12px 40px 12px 16px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;min-width:180px;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-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='%23e7deff' 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 12px center;background-size:16px}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #3b82f61a;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='%233b82f6' 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")}.filter-select:hover{border-color:#00abde80}.filter-select option{background:var(--bg-tertiary);color:var(--text-primary);padding:8px 12px}.filter-select option:checked{background:#00abde;color:#fff}.filter-select option:hover{background:#00abde1a}.clear-filters-btn{padding:8px 16px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:#ef444433;border-color:#ef4444}.results-summary{margin-bottom:16px;padding:12px 16px;background:#00c8ff1a;border:1px solid rgba(0,200,255,.2);border-radius:6px;color:var(--accent-primary);font-size:14px}@media(max-width:768px){.search-filter-section{flex-direction:column;align-items:stretch;gap:16px}.search-box{max-width:none}.filter-section{justify-content:space-between}.filter-select{min-width:auto;flex:1}}.filter-select{position:relative}.custom-select-wrapper{position:relative;display:inline-block}.custom-select-wrapper:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--text-tertiary);pointer-events:none;transition:all .2s ease}.custom-select-wrapper:hover:after{border-top-color:#00abde}.custom-select-wrapper select:focus+.custom-select-wrapper:after{border-top-color:#00abde;transform:translateY(-50%) rotate(180deg)}@supports (background: color-mix(in srgb,blue,red)){.filter-select option:checked{background:#00abde;color:#fff}}.filter-select::-webkit-scrollbar{width:8px}.filter-select::-webkit-scrollbar-track{background:var(--bg-secondary)}.filter-select::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.filter-select::-webkit-scrollbar-thumb:hover{background:#00abde}.sidebar-footer{flex-shrink:0;padding:20px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.footer-text{margin:0;font-size:12px;color:var(--text-tertiary);text-align:center;line-height:1.4;font-weight:400}.footer-text:hover{color:var(--text-secondary);transition:color .2s ease}.dashboard-sidebar,.sidebar-menu-group{position:relative}.sidebar-submenu{display:flex;flex-direction:column;gap:2px;padding:4px 0 4px 12px}.sidebar-subitem{display:flex;align-items:center;padding:10px 15px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;width:100%;text-align:left;transition:all .2s ease}.sidebar-subitem:hover{color:var(--accent-primary);background:#00c8ff0d}.sidebar-subitem.active{color:var(--accent-primary);font-weight:600;background:#00c8ff1a}.form-section{margin-bottom:32px}.right-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease}.right-sidebar-container{width:500px;height:100%;background:#0f0c29fa;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-left:1px solid var(--glass-border);box-shadow:-20px 0 50px #0009;display:flex;flex-direction:column;animation:slideInRight .5s cubic-bezier(.16,1,.3,1);position:relative}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.right-sidebar-header{padding:48px 40px 32px;border-bottom:1px solid var(--glass-border);position:relative}.right-sidebar-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:40px;letter-spacing:-.5px}.stepper{display:flex;gap:20px;margin-top:10px}.step-indicator{flex:1;height:4px;background:#ffffff14;border-radius:100px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-indicator.active{background:var(--accent-primary);box-shadow:0 0 15px #00c8ff66}.step-indicator.completed{background:#34c759}.step-label{position:absolute;top:-28px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-tertiary);white-space:nowrap}.step-indicator.active .step-label{color:var(--accent-primary)}.right-sidebar-body{flex:1;overflow-y:auto;padding:40px 32px;display:flex;flex-direction:column;gap:32px}.sidebar-form-section{display:flex;flex-direction:column;gap:32px}.form-group-premium{display:flex;flex-direction:column;gap:12px;width:100%}.form-group-premium label{font-size:13px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.form-group-premium input,.form-group-premium textarea,.form-group-premium select{width:100%;padding:14px 18px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 5px #0003}.form-group-premium input:hover,.form-group-premium textarea:hover{background:#ffffff12;border-color:#fff3}.form-group-premium input:focus,.form-group-premium textarea:focus{outline:none;background:#ffffff14;border-color:var(--accent-primary);box-shadow:0 0 25px #00c8ff33,inset 0 2px 5px #0003}.form-group-premium input::placeholder,.form-group-premium textarea::placeholder{color:#ffffff4d}.form-group-premium textarea{min-height:100px;resize:vertical}.right-sidebar-footer{padding:24px 32px;border-top:1px solid var(--glass-border);display:flex;gap:16px;background:#ffffff05;margin-top:auto}.form-group-selection{display:flex;flex-direction:column;gap:12px}.selection-grid{display:grid;grid-template-columns:1fr;gap:10px}.selection-card{padding:16px;border-radius:14px;border:1px solid var(--glass-border);background:#ffffff05;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;-webkit-user-select:none;user-select:none}.selection-card:hover{background:#ffffff0f;border-color:#fff3;transform:translate(4px)}.selection-card.selected{background:#00c8ff14;border-color:var(--accent-primary);box-shadow:0 4px 20px #00c8ff26}.selection-check{width:22px;height:22px;border-radius:8px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .25s ease;background:transparent;flex-shrink:0}.selection-card.selected .selection-check{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.selection-info{display:flex;flex-direction:column}.selection-name{font-size:15px;font-weight:600;color:#fff}.sidebar-close-btn{position:absolute;top:32px;right:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-tertiary);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:100;font-size:20px}.sidebar-close-btn:hover{color:#fff;transform:rotate(90deg)}.section-title{font-size:13px;font-weight:700;color:var(--accent-primary);margin-bottom:24px;margin-top:10px;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border-color);padding-bottom:12px;display:flex;align-items:center;gap:10px}.section-content{display:flex;flex-direction:column;gap:20px}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-grid{display:flex;flex-direction:column;gap:24px}.form-grid.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.form-grid.two-columns{grid-template-columns:1fr}}.form-divider{border-bottom:1px solid var(--border-color);margin:32px 0;opacity:.5}.profile-upload-container{display:flex;align-items:center;gap:24px;margin-bottom:10px}.profile-preview{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--bg-tertiary);background:var(--bg-tertiary);transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.profile-image-large{width:100%;height:100%;object-fit:cover}.profile-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--bg-tertiary)}.upload-btn-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer;color:#fff}.profile-preview:hover .upload-btn-overlay{opacity:1}.profile-preview:hover{border-color:var(--accent-primary)}.upload-info{display:flex;flex-direction:column;gap:4px}.upload-label{font-weight:600;font-size:16px;color:var(--text-primary)}.upload-hint{font-size:12px;color:var(--text-secondary)}.radio-group{display:flex;gap:16px}.radio-card{flex:1;display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-card:hover{border-color:var(--text-secondary)}.radio-card.selected{border-color:var(--accent-primary);background:#00c8ff0d}.radio-card input{accent-color:var(--accent-primary)}.radio-card span{font-size:14px;font-weight:500;color:var(--text-primary)}.form-actions-footer{display:flex;justify-content:flex-end;gap:16px;margin-top:10px}.form-actions-footer button{min-width:120px}.clean-form-layout{display:flex;flex-direction:column;gap:24px}.fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.profile-section-clean{display:flex;margin-bottom:10px}.profile-uploader-clean{display:flex;align-items:center;gap:20px}.image-preview-area{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border-color);box-shadow:0 4px 10px #0000001a}.preview-img{width:100%;height:100%;object-fit:contain}.placeholder-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.upload-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;cursor:pointer;color:#fff}.image-preview-area:hover .upload-overlay{opacity:1}.hidden-input{display:none}.uploader-text{display:flex;flex-direction:column;gap:4px}.main-text{font-size:15px;font-weight:500;color:var(--text-primary)}.sub-text{font-size:12px;color:var(--text-tertiary)}.form-input,.form-select{width:100%;height:42px;padding:0 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #00c8ff1a}.disabled-input{background:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;border-style:dashed}.phone-wrapper{display:flex;align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.prefix{padding:0 12px;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;font-weight:500;border-right:1px solid var(--border-color);display:flex;align-items:center;height:42px}.phone-input{border:none;border-radius:0}.phone-input:focus{box-shadow:none}.phone-wrapper:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #00c8ff1a}.gender-toggle-wrapper{display:flex;width:100%;height:42px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;overflow:hidden;padding:2px;gap:2px}.gender-btn{flex:1;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.gender-btn:hover{background:#ffffff0d}.gender-btn.active{background:var(--accent-primary);color:#fff}.form-actions-right{display:flex;justify-content:flex-end;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.action-btn{height:40px;padding:0 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.cancel{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.action-btn.cancel:hover{border-color:var(--text-primary);color:var(--text-primary)}.action-btn.submit{background:var(--accent-primary);border:none;color:#fff}.action-btn.submit:hover{background:var(--accent-secondary)}.invalid-border{border-color:#ff4d4d!important;box-shadow:0 0 0 1px #ff4d4d33}.module-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:100%}.module-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#ffffff05}.module-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:.5px}.btn-add-mini{background:var(--accent-primary);color:#fff;border:none;font-size:13px;font-weight:600;padding:9px 19px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-add-mini:hover{background:var(--accent-secondary)}.data-table.compact th{padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);white-space:nowrap}.data-table.compact td{padding:10px 16px;font-size:13px;height:48px}.actions-cell{display:flex;align-items:center;justify-content:flex-start;gap:8px}.btn-icon-small{padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-secondary);transition:all .2s}.btn-icon-small:hover{background:#ffffff1a;color:var(--text-primary)}.btn-icon-small.edit:hover{color:var(--accent-primary);background:#00c8ff1a}.btn-icon-small.delete:hover{color:#ff3b30;background:#ff3b301a}.toggle-switch.small{width:36px;height:20px}.toggle-switch.small .toggle-slider:before{height:16px;width:16px;left:2px;bottom:2px}.toggle-switch.small input:checked+.toggle-slider{background-color:var(--accent-primary)}.toggle-switch.small input:checked+.toggle-slider:before{transform:translate(16px)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#333;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-primary)}input:focus+.slider{box-shadow:0 0 1px var(--accent-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.mobile-menu-toggle{display:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:10px;margin-right:12px;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.mobile-menu-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#000c;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s ease}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts-grid{grid-template-columns:1fr}.dash-chart-full{padding:24px;min-height:380px}.dash-chart-container{padding:20px;min-height:350px}}@media(max-width:992px){.dashboard-layout{grid-template-columns:1fr;grid-template-rows:74px 1fr;grid-template-areas:"header" "content"}.dashboard-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000080;background:var(--bg-primary);padding-top:20px;overflow-y:auto}.dashboard-sidebar.open{left:0}.sidebar-overlay.open{display:block}.mobile-menu-toggle{display:flex}.mobile-menu-close{display:flex!important}.sidebar-close-btn{display:flex!important;justify-content:flex-end;padding:10px 16px}.sidebar-mobile-header{display:flex}.dashboard-sidebar{padding-top:0}.logo-image{height:42px}.profile-info-premium{display:none}.profile-button-premium{padding:6px;gap:0;border-radius:12px}.profile-avatar-premium{width:38px;height:38px;font-size:16px}.dashboard-content{padding:20px 16px}.content-wrapper,.content-inner{max-width:100%}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:16px;margin-bottom:24px}.page-title{font-size:28px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.dashboard-charts-grid{grid-template-columns:1fr;gap:20px}.dash-chart-full,.dash-chart-container{padding:20px;min-height:320px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:800px}.quick-actions-grid{grid-template-columns:1fr}.notification-dropdown{right:0!important;left:auto!important;width:90vw!important;max-width:360px!important}.form-card{padding:24px 20px}.form-row{flex-direction:column;gap:20px}.form-group{width:100%!important}.btn-primary,.btn-secondary{width:100%;justify-content:center}.software-detail-layout{grid-template-columns:1fr}.detail-sidebar-form-section{order:-1}}@media(max-width:768px){.dashboard-header{padding:0 12px;height:64px}.dashboard-layout{grid-template-rows:64px 1fr}.logo-image{height:50px}.logo-text{display:none}.dashboard-content{padding:16px 12px}.page-title{font-size:24px}.page-description{font-size:13px}.stat-card{padding:16px;gap:16px}.stat-icon{width:52px;height:52px}.stat-icon svg{width:26px;height:26px}.stat-value{font-size:26px}.stat-label{font-size:13px}.dash-chart-full,.dash-chart-container{padding:16px;min-height:280px}.data-table th,.data-table td{padding:12px 10px;font-size:13px}.data-table th{font-size:11px}.notification-dropdown{width:calc(100vw - 24px)!important;right:12px!important}.icon-button,.btn-icon,.btn-icon-mini{min-width:44px;min-height:44px;padding:10px}.form-card{padding:20px 16px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:12px 14px}.modal-content{width:95%;max-width:95%;margin:20px auto;padding:20px}.modal-header h2{font-size:20px}.search-filter-section{flex-direction:column;gap:12px}.search-box,.filter-select{width:100%;max-width:100%}}@media(max-width:480px){.dashboard-header{padding:0 10px;height:60px}.dashboard-layout{grid-template-rows:60px 1fr}.logo-image{height:42px}.mobile-menu-toggle{padding:8px;margin-right:8px}.dashboard-content{padding:12px 10px}.page-title{font-size:20px}.page-description{font-size:12px}.stats-grid{gap:12px}.stat-card{padding:14px;gap:12px}.stat-icon{width:48px;height:48px}.stat-icon svg{width:24px;height:24px}.stat-value{font-size:22px}.stat-label{font-size:12px}.dash-chart-full,.dash-chart-container{padding:12px;min-height:240px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:13px}.form-card{padding:16px 12px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 12px}.data-table th,.data-table td{padding:10px 8px;font-size:12px}.data-table th{font-size:10px}.notification-dropdown{width:calc(100vw - 20px)!important;right:10px!important;max-height:350px}.modal-content{width:98%;max-width:98%;margin:10px auto;padding:16px}.modal-header h2{font-size:18px}}.software-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:32px;margin-top:24px}.detail-main-section,.detail-sidebar-form-section{display:flex;flex-direction:column;gap:28px}.form-group-premium{display:flex;flex-direction:column;gap:8px}.form-group-premium label{font-size:13px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.form-group-premium input,.form-group-premium textarea,.form-group-premium select{width:100%;padding:14px 18px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.form-group-premium input:hover,.form-group-premium textarea:hover{background:#ffffff0d;border-color:#fff3}.form-group-premium input:focus,.form-group-premium textarea:focus{outline:none;background:#ffffff12;border-color:var(--accent-primary);box-shadow:0 0 20px #00c8ff26,inset 0 2px 4px #0000001a}.form-group-premium input::placeholder,.form-group-premium textarea::placeholder{color:#fff3}.form-group-premium textarea{resize:none}.section-header-inline{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:12px}.section-subtitle{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.badge-count{background:#00c8ff1a;color:var(--accent-primary);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.client-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.client-card-premium{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:16px}.client-card-premium:hover{transform:translateY(-6px);border-color:var(--accent-primary);box-shadow:0 12px 30px #0006}.client-card-header{display:flex;align-items:center;gap:16px}.client-avatar-small{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:700;font-size:20px;box-shadow:0 4px 15px #00c8ff4d}.client-card-title h3{font-size:17px;margin:0;color:var(--text-primary)}.client-card-title p{font-size:13px;margin:0;color:var(--text-tertiary)}.client-info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.status-text.active{color:#34c759;font-weight:600}.status-text.inactive{color:#ff3b30;font-weight:600}.package-list-external{display:flex;flex-direction:column;gap:16px}.package-card-compact{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:18px;transition:all .2s ease}.package-card-compact:hover{background:#ffffff05;border-color:var(--accent-primary)}.pkg-header-mini{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.pkg-header-mini h4{margin:0;font-size:16px;color:var(--text-primary)}.pkg-price-mini{color:var(--accent-primary);font-weight:700;font-size:16px}.pkg-desc-mini{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.pkg-meta-tags{display:flex;gap:8px;flex-wrap:wrap}.mini-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.no-data-card{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;padding:60px 40px;text-align:center;color:var(--text-tertiary);font-style:italic}.connection-error-card{background:#ff3b300d;border:1px solid rgba(255,59,48,.2);border-radius:16px;padding:32px;text-align:center}.error-title{color:#ff3b30;font-weight:700;margin-bottom:8px}@media(max-width:1100px){.software-detail-layout{grid-template-columns:1fr}.detail-sidebar-section{order:-1}}.input-with-test{display:flex;gap:10px;align-items:center}.input-with-test input{flex:1}.btn-test-connection{background:#00c8ff1a;color:var(--accent-primary);border:1px solid rgba(0,200,255,.3);padding:14px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-test-connection:hover{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.btn-icon-mini{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-icon-mini:hover{background:#00c8ff1a;border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00c8ff33}.btn-icon-mini.delete:hover{background:#ff3b301a;border-color:#ff3b30;color:#ff3b30;box-shadow:0 4px 12px #ff3b3033}.content-inner{max-width:1400px;margin:0 auto;padding:32px}@media(max-width:992px){.content-inner{padding:20px 16px}}@media(max-width:768px){.content-inner{padding:16px 12px}}@media(max-width:480px){.content-inner{padding:12px 10px}}.dash-chart-full,.dash-chart-container{overflow:hidden;min-width:0}.table-container,.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;width:100%;text-align:left;color:var(--text-primary);min-height:44px}.quick-action-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.quick-action-icon{width:56px;height:56px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-primary)}.quick-action-content{flex:1}.quick-action-content h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.quick-action-content p{font-size:13px;color:var(--text-secondary)}.quick-action-arrow{color:var(--text-tertiary);font-size:18px;flex-shrink:0}.quick-actions-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}@media(max-width:768px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:16px}.quick-action-icon{width:48px;height:48px}}@media(max-width:768px){.stats-row,.rev-main-section{grid-template-columns:1fr!important}.rev-stats-grid{grid-template-columns:1fr 1fr!important}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title{font-size:18px}}@media(max-width:480px){.rev-stats-grid{grid-template-columns:1fr!important}.section-title{font-size:16px}}@media(max-width:992px){.dashboard-sidebar{overflow-y:auto!important;overflow-x:hidden}.sidebar-item{min-height:44px;padding:12px 20px}}@media(max-width:992px){.notification-dropdown{position:fixed!important;top:70px!important;right:12px!important;left:12px!important;width:auto!important;max-width:none!important}}@media(max-width:480px){.header-right{gap:6px}.icon-button{padding:6px}}.dashboard-content,.content-wrapper,.content-inner{overflow-x:hidden}.dashboard-sidebar{transition:left .35s cubic-bezier(.4,0,.2,1)}@media(max-width:992px){button,.sidebar-item,.nav-item,.btn-primary,.btn-secondary,.icon-button,.mobile-menu-toggle{min-height:44px}.mobile-menu-toggle{min-width:44px}.swal-custom{width:90%!important;max-width:400px!important;padding:24px 20px!important}.swal-custom .swal2-title{font-size:20px!important}.swal-custom .swal2-html-container{font-size:14px!important}.swal-custom .swal2-actions{flex-direction:column!important;gap:10px!important;width:100%!important}.swal-btn-confirm,.swal-btn-cancel{width:100%!important;margin:0!important;padding:14px 24px!important}}@media(max-width:480px){.swal-custom{width:95%!important;padding:20px 16px!important}.swal-custom .swal2-title{font-size:18px!important}.swal-custom .swal2-html-container{font-size:13px!important}.swal-btn-confirm,.swal-btn-cancel{padding:12px 20px!important;font-size:14px!important}}.margin-config-wrapper{display:flex;flex-direction:column;gap:20px}.mode-tabs-container{display:flex;gap:8px;flex-wrap:wrap}.mode-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-tab-btn:hover{background:#ffffff14;color:#fff}.mode-tab-btn.active{background:#00c8ff1f;border-color:#00c8ff66;color:#00c8ff}.tab-icon{display:flex;align-items:center}.tab-label{white-space:nowrap}.config-card-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px}.config-section{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.header-info{display:flex;flex-direction:column;gap:4px}.section-title{font-size:16px;font-weight:700;color:#fff;margin:0}.section-subtitle{font-size:12px;color:var(--text-tertiary);margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.blue{background:#00c8ff1a;color:#00c8ff;border:1px solid rgba(0,200,255,.2)}.status-badge.purple{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.status-badge.green{background:#34c7591a;color:#34c759;border:1px solid rgba(52,199,89,.2)}.input-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.premium-input-group{display:flex;flex-direction:column;gap:8px}.premium-input-group label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px}.premium-input-group input,.premium-input-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:all .2s ease}.premium-input-group input:focus,.premium-input-group select:focus{outline:none;border-color:#00c8ff80;background:#ffffff12}.premium-input-group input::placeholder{color:#ffffff40}.premium-input-group select option{background:#0f172a;color:#fff}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix input{padding-right:40px!important}.input-suffix{position:absolute;right:14px;color:var(--text-tertiary);font-size:14px;font-weight:600;pointer-events:none}.input-suffix.small{font-size:12px}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;appearance:none}.select-wrapper select:focus{outline:none;border-color:#00c8ff80}.select-wrapper select option{background:#0f172a;color:#fff}.product-row-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.product-row-header{display:flex;align-items:center;justify-content:space-between}.row-number{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.btn-remove-row{background:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:6px;color:#ff3b30;cursor:pointer;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s ease}.btn-remove-row:hover{background:#ff3b3033}.btn-add-row{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00c8ff14;border:1px dashed rgba(0,200,255,.3);border-radius:10px;color:#00c8ff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.btn-add-row:hover{background:#00c8ff24;border-color:#00c8ff80}.empty-state-container{text-align:center;padding:32px;color:var(--text-tertiary);font-size:13px;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.mt-10{margin-top:10px}.slab-table-wrapper{overflow-x:auto}.slab-table{width:100%;border-collapse:collapse;font-size:13px}.slab-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08)}.slab-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.slab-table input,.slab-table select{width:100%;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:13px}.slab-table input:focus,.slab-table select:focus{outline:none;border-color:#00c8ff66}.slab-table select option{background:#0f172a}.selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.selection-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer;transition:all .2s ease}.selection-card:hover{background:#ffffff12;border-color:#ffffff26}.selection-card.selected{background:#00c8ff1a;border-color:#00c8ff66}.selection-check{width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#00c8ff;flex-shrink:0;transition:all .2s ease}.selection-card.selected .selection-check{background:#00c8ff33;border-color:#00c8ff}.selection-name{font-size:13px;font-weight:500;color:#fff}.sidebar-section-title{font-size:14px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:0}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}