:root{--glass-bg: rgba(255, 255, 255, .82);--glass-bg-strong: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .55);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--accent-red: #FF3B30;--accent-red-light: #FF5D52;--accent-red-dark: #D63026;--accent-green: #34c759;--accent-purple: #af52de;--accent-orange: #ff9f0a;--accent-blue: #FF3B30;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--card-bg: rgba(255, 255, 255, .88);--card-border: rgba(0, 0, 0, .06);--card-shadow: 0 1px 2px rgba(15, 23, 42, .02), 0 8px 24px rgba(15, 23, 42, .04)}body{background:radial-gradient(circle at top left,rgba(59,246,68,.08),transparent 40%),radial-gradient(circle at top right,rgba(168,85,247,.08),transparent 40%),radial-gradient(circle at bottom left,rgba(52,199,89,.04),transparent 40%),#eef2f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.dashboard-container{max-width:1440px;margin:0 auto;padding:24px;animation:fadeIn .6s cubic-bezier(.2,.9,.4,1.1);background:#fafafaea;position:relative;z-index:1}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:24rem}.loading-spinner{position:relative;width:4rem;height:4rem;flex-shrink:0}.spinner-ring{width:100%;height:100%;border:3px solid rgba(255,59,48,.15);border-top:3px solid var(--accent-red);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:var(--text-secondary);font-weight:500}.error-alert{margin-bottom:1.5rem;padding:1rem;background:#ff3b301f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,59,48,.2);border-radius:.75rem;display:flex;align-items:center;gap:.75rem}.error-text{color:var(--accent-red);font-size:.875rem}.dashboard-header{position:relative;z-index:10;margin-bottom:28px;padding:24px;background:#f6f2f287;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;gap:1rem;white-space:nowrap;overflow:visible}.dashboard-header .dashboard-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-title{display:flex;align-items:center;gap:.5rem}.header-actions{position:relative;z-index:10;display:flex;align-items:center;gap:12px}.dashboard-title{font-size:1.875rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.dashboard-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.notification-wrapper{position:relative;z-index:99999}.notification-dropdown{position:absolute;top:100%;right:0;width:340px;max-width:calc(100vw - 40px);max-height:400px;overflow-y:auto;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;z-index:100;margin-top:8px;border:1px solid rgba(255,255,255,.3);transform-origin:top right;animation:notificationSlideDown .2s cubic-bezier(.2,.9,.4,1)}@keyframes notificationSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px 16px 0 0;z-index:1}.notification-header h4{font-size:.875rem;font-weight:600;color:#111827;margin:0}.notification-header button{font-size:.6875rem;color:#ff3b30;background:none;border:none;cursor:pointer;font-weight:500;padding:4px 8px;border-radius:6px;transition:background .2s ease}.notification-header button:hover{background:#ff3b3014}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s ease}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#ff3b300a;border-left:3px solid #FF3B30}.notification-item:hover{background:#00000005}.notification-item>div:first-child{flex-shrink:0;margin-top:2px}.notification-item>div:last-child{flex:1;min-width:0}.notification-item p{font-size:.8125rem;color:#1e293b;margin:0 0 4px;line-height:1.4;word-wrap:break-word}.notification-item span{font-size:.625rem;color:#94a3b8;display:block}.notification-dropdown::-webkit-scrollbar{width:4px}.notification-dropdown::-webkit-scrollbar-track{background:transparent}.notification-dropdown::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.notification-dropdown::-webkit-scrollbar-thumb:hover{background:#00000040}@media (max-width: 640px){.notification-dropdown{position:fixed;top:8px;right:8px;left:8px;width:auto;max-width:none;max-height:85vh;z-index:999999}.notification-item{padding:10px 14px}.notification-item p{font-size:.75rem}}.notification-btn{position:relative;z-index:99999;height:42px;padding:0 16px;border-radius:14px;background:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.55);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.notification-btn:hover{background:#fffffff2;transform:translateY(-1px);border-color:#ff3b304d}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--accent-red);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:9999px;box-shadow:0 0 0 2px #fff}.key-metrics-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.key-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.key-metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:#ffffffd1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.55);border-radius:20px;padding:18px 20px;min-height:110px;display:flex;flex-direction:column;justify-content:center;transition:all .3s ease;box-shadow:var(--card-shadow)}.metric-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a14}.metric-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.metric-icon{width:38px;height:38px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.metric-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.metric-value{font-size:1.7rem;font-weight:700;line-height:1;color:#111827}.metric-trend{margin-top:8px;font-size:.75rem;font-weight:500}.metric-trend.positive{color:var(--accent-green)}.metric-trend.negative{color:var(--accent-red)}.metric-trend.warning{color:var(--accent-orange)}.metric-trend.info{color:var(--accent-blue)}.metric-card-revenue{background:linear-gradient(180deg,#ff3b3038,#ff3b301f 45%,#ff3b300d),#ffffffd1}.metric-card-revenue .metric-icon{background:linear-gradient(135deg,var(--accent-red),var(--accent-red-light));color:#fff;box-shadow:0 4px 12px #ff3b304d}.metric-card-users{background:linear-gradient(180deg,#34c75938,#34c7591f 45%,#34c7590d),#ffffffd1}.metric-card-users .metric-icon{background:linear-gradient(135deg,var(--accent-green),#28a745);color:#fff;box-shadow:0 4px 12px #34c7594d}.metric-card-cut{background:linear-gradient(180deg,#ff9f0a38,#ff9f0a1f 45%,#ff9f0a0d),#ffffffd1}.metric-card-cut .metric-icon{background:linear-gradient(135deg,var(--accent-orange),#e68a00);color:#fff;box-shadow:0 4px 12px #ff9f0a4d}.metric-card-vouchers{background:linear-gradient(180deg,#af52de38,#af52de1f 45%,#af52de0d),#ffffffd1}.metric-card-vouchers .metric-icon{background:linear-gradient(135deg,var(--accent-purple),#9c27b0);color:#fff;box-shadow:0 4px 12px #af52de4d}.performance-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.performance-metrics{grid-template-columns:repeat(4,1fr)}}.performance-card{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .25s ease;box-shadow:var(--card-shadow)}.performance-card:hover{transform:translateY(-2px);background:#ffffffe6}.performance-icon{width:2rem;height:2rem;background:#ff3b301f;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent-red)}.performance-info{flex:1}.performance-label{font-size:.6875rem;color:var(--text-secondary);display:block}.performance-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.performance-trend{font-size:.625rem}.performance-trend.positive{color:var(--accent-green)}.performance-trend.negative{color:var(--accent-red)}.greeting-text{color:#121257;white-space:nowrap}.tenant-name{color:#1d1d1f;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block;vertical-align:middle}.title-section{flex:1;min-width:0}.header-clock-info{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.expiry-status-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(to bottom,#64748b0f,#64748b03);border:1px solid var(--card-border);border-radius:10px;font-size:.8rem;color:#64748b;white-space:nowrap}.quick-stat-label{position:absolute;bottom:-2px;right:-4px;font-size:.5rem;font-weight:700;color:#fff;background:#ff3b30;border-radius:4px;padding:1px 4px;line-height:1}.quick-stat-label-month{background:#8b5cf6}.subscriber-overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.75rem}.subscriber-metric-card{background:#fff9;border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--card-border);transition:all .2s ease}.subscriber-metric-card:hover{background:#ffffffe6;transform:translateY(-2px)}.quick-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.quick-stats-grid{grid-template-columns:repeat(3,1fr)}}.quick-stat{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;transition:all .25s ease}.quick-stat:hover{transform:translateY(-2px)}.quick-stat-today{background:linear-gradient(135deg,#ff3b3014,#ffffffbf,#ff3b3008)}.quick-stat-month{background:linear-gradient(135deg,#8b5cf614,#ffffffbf,#8b5cf608)}.quick-stat-system{background:linear-gradient(135deg,#64748b12,#ffffffbf,#64748b08)}.quick-stat-icon{width:2rem;height:2rem;background:#ff3b301a;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:var(--accent-red);position:relative}.quick-stat-info{flex:1}.quick-stat-info span{font-size:.6875rem;color:var(--text-secondary);display:block}.quick-stat-info strong{font-size:1rem;font-weight:700;color:var(--text-primary);display:block;margin-top:.125rem}.mikrotik-ramcpu-value{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.two-charts-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 1024px){.two-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart-card{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:20px;transition:all .3s ease;box-shadow:var(--card-shadow);min-width:0;overflow:hidden}.chart-card:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0f172a14}.chart-wrapper{height:320px;width:100%}.pie-chart-wrapper{height:220px;width:100%}.chart-card .recharts-responsive-container>.recharts-wrapper{margin:0 auto;max-width:100%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:.5rem}.card-header h3{font-size:1rem;font-weight:650;color:var(--text-primary)}.card-title-wrapper{display:flex;align-items:center;gap:.5rem}.card-icon{width:1.25rem;height:1.25rem;color:var(--accent-red)}.chart-controls{display:flex;gap:.5rem}.time-select{padding:.375rem .75rem;background:#0000000a;border:1px solid var(--card-border);border-radius:.5rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.time-select:focus{outline:none;border-color:var(--accent-red)}.legend-indicators{display:flex;align-items:center;gap:.75rem}.legend-dot-small{width:.5rem;height:.5rem;border-radius:50%}.legend-dot-blue{background:var(--accent-red)}.legend-dot-green{background:var(--accent-green)}.daily-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--card-border)}.daily-summary-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.daily-bars{display:flex;justify-content:space-around;align-items:flex-end;height:120px}.daily-bar-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.daily-bar-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.daily-bar-wrapper{width:100%;height:80px;display:flex;justify-content:center;align-items:flex-end}.daily-bar{width:32px;background:linear-gradient(180deg,var(--accent-red),#D63026);border-radius:8px 8px 4px 4px;transition:height .5s cubic-bezier(.2,.9,.4,1.1);min-height:4px;box-shadow:0 2px 8px #ff3b304d}.daily-bar-value{font-size:.625rem;font-weight:600;color:var(--text-primary)}.package-section-full{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:20px;margin-bottom:1rem;box-shadow:var(--card-shadow)}.section-badge{font-size:.6875rem;padding:.25rem .5rem;background:#ff3b301f;color:var(--accent-red);border-radius:9999px;font-weight:500}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.package-card{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:18px;overflow:hidden;transition:all .3s ease}.package-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0f172a14;background:#fffffff2}.package-header{padding:.75rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.package-name{font-weight:600;font-size:.875rem}.package-icon{font-size:1.2rem}.package-stats{padding:.75rem;display:flex;justify-content:space-between}.package-stat{text-align:center}.package-stat span{font-size:.625rem;color:var(--text-secondary);display:block}.package-stat strong{font-size:.875rem;font-weight:700;color:var(--text-primary)}.package-progress{padding:0 .75rem .75rem}.progress-bar{height:.25rem;background:#0000001a;border-radius:9999px;overflow:hidden;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.two-column-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 1024px){.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.active-users-card,.pie-chart-card,.system-health{background:#ffffffbf;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:20px;box-shadow:var(--card-shadow);min-width:0;overflow:hidden}.card-subtitle{font-size:.6875rem;color:var(--text-secondary);margin-top:.25rem}.users-table-wrapper{overflow-x:auto;margin-top:1rem}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:16px 10px;font-size:.6875rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--card-border)}.users-table td{padding:16px 10px;font-size:.8125rem;border-bottom:1px solid var(--card-border);transition:all .25s ease}.users-table tbody tr{transition:all .25s ease}.users-table tbody tr:hover{background:#3b82f60a}.user-info{display:flex;align-items:center;gap:.5rem}.user-avatar{width:2rem;height:2rem;background:linear-gradient(135deg,var(--accent-blue),#0051d5);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.75rem}.username{font-weight:500}.user-phone{font-size:.6875rem;color:var(--text-secondary);margin-top:.125rem}.data-cell{color:var(--accent-blue);font-weight:600}.sessions-cell{font-weight:500}.time-cell{color:var(--text-secondary);font-size:.75rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--card-border)}.page-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#0000000a;border:1px solid var(--card-border);border-radius:.5rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.75rem;color:var(--text-secondary)}.pie-chart-container{display:flex;flex-direction:column;align-items:center;width:100%}.pie-chart-wrapper{height:220px;width:100%;max-width:300px}.pie-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-dot{width:.625rem;height:.625rem;border-radius:50%;box-shadow:0 0 0 2px #0000000d}.legend-text{font-size:.6875rem;color:var(--text-secondary)}.health-status{font-size:.6875rem;padding:.25rem .5rem;background:#34c7591f;color:var(--accent-green);border-radius:9999px;font-weight:500;display:inline-block}.health-metrics{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media (min-width: 768px){.health-metrics{grid-template-columns:repeat(2,1fr)}}.health-item{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.health-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);width:70px}.health-bar{flex:1;height:.5rem;background:#0000001a;border-radius:9999px;overflow:hidden}.health-fill{height:100%;border-radius:9999px;transition:width .5s ease;position:relative;overflow:hidden}.health-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.health-value{font-size:.75rem;font-weight:600;color:var(--text-primary);width:40px;text-align:right}.search-wrapper{margin:1rem 0;position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:.5rem .75rem .5rem 2rem;background:#0000000a;border:1px solid var(--card-border);border-radius:.75rem;font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 3px #007aff1f}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#94a3b8;gap:8px}.skeleton-pulse{display:inline-block;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton-wrapper{height:280px;align-items:flex-end;gap:8px;padding:16px;display:flex}.pie-chart-skeleton-wrapper{display:flex;justify-content:center;align-items:center;padding:20px}@media (max-width: 768px){.dashboard-container{padding:12px}.dashboard-header{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.dashboard-header .dashboard-title{white-space:normal;flex-wrap:wrap}.dashboard-title{font-size:1.25rem;gap:.35rem}.tenant-name{max-width:160px}.header-actions{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.expiry-status-pill{font-size:.7rem;padding:6px 10px;flex-wrap:wrap;gap:4px;line-height:1.4}.metric-value{font-size:1.35rem}.metric-card{padding:14px 16px;min-height:95px}.package-grid{grid-template-columns:1fr}.users-table th:nth-child(3),.users-table td:nth-child(3){display:none}.health-item{flex-direction:column;align-items:flex-start}.health-label{width:100%}.health-value{text-align:left}.daily-bar{width:20px}.chart-card{padding:14px}.subscriber-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-container{padding:10px}.dashboard-header{padding:12px;border-radius:18px}.dashboard-title{font-size:1.15rem;-webkit-text-fill-color:#1d1d1f;background:none}.greeting-text{font-size:.9rem}.tenant-name{font-size:1rem;max-width:130px}.header-clock-info{font-size:.7rem}.metric-label{font-size:.65rem}.metric-value{font-size:1.2rem}.metric-card{padding:12px 14px;min-height:85px}.header-actions{width:100%;justify-content:space-between}.notification-btn{flex:1;justify-content:center}.quick-stats-grid{grid-template-columns:1fr}.quick-stat{padding:.65rem .85rem;gap:.5rem}.quick-stat-info span{font-size:.6rem}.quick-stat-info strong{font-size:.85rem}.chart-card{padding:12px;border-radius:16px;width:100%;max-width:100%}.chart-wrapper{height:240px}.pie-chart-wrapper{height:180px}.daily-bar{width:14px}.daily-bar-label{font-size:8px!important}.two-charts-grid{gap:1rem}.card-header h3{font-size:.85rem}.subscriber-overview-grid{grid-template-columns:1fr 1fr;gap:.5rem}.subscriber-metric-card{padding:.6rem;gap:.35rem}.pie-chart-card,.system-health{padding:14px}.pie-legend{gap:.4rem}.legend-text{font-size:.6rem}.two-column-grid{gap:1rem}.active-users-card{padding:14px}}@media (max-width: 400px){.dashboard-title{font-size:1rem}.tenant-name{max-width:100px}.subscriber-overview-grid{grid-template-columns:1fr}.metric-card{min-height:75px;padding:10px 12px}.health-metrics{gap:.65rem}.daily-bar{width:10px}.daily-bar-label{font-size:7.5px!important}.chart-wrapper{height:200px}}.glass-reflection:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff3,#fff0 50%);pointer-events:none}.au-container{padding:24px;background:#f2f2f7;min-height:100vh;max-width:100vw;overflow-x:hidden}.au-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.au-page-title{font-size:26px;font-weight:700;color:#111827;margin:0;letter-spacing:-.4px}.au-page-subtitle{margin:2px 0 0;color:#6b7280;font-size:13.5px}.au-header-actions{display:flex;gap:10px;flex-wrap:wrap}.au-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:14px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.au-btn-ghost{background:#ffffff8c;border-color:#0f172a14;color:#4b5563}.au-btn-ghost:hover{background:#ffffffd9}.au-btn:disabled{opacity:.6;cursor:not-allowed}.au-spin{animation:au-spin 1s linear infinite}@keyframes au-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.au-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.au-stat-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 20px #0000000a}.au-stat-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.au-stat-value{font-size:20px;font-weight:700;color:#111827;line-height:1.1}.au-stat-label{font-size:12px;color:#6b7280;margin-top:2px}.au-text-green{color:#059669}.au-text-purple{color:#7c3aed}.au-text-amber{color:#d97706}.au-text-blue{color:#ff3b30}.au-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.au-tabs{display:flex;gap:6px;flex-wrap:wrap;background:#fff6;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex:1;overflow-x:auto}.au-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12.5px;font-weight:600;color:#6b7280;background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.au-tab:hover{background:#ffffff80;color:#111827}.au-tab-active{background:#fff;color:#ff3b30;box-shadow:0 2px 8px #0000000f}.au-tab-icon{display:flex;align-items:center}.au-tab-count{background:#6b72801a;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:700}.au-tab-active .au-tab-count{background:#ff3b301a;color:#ff3b30}.au-search-wrapper{flex:1;min-width:200px;position:relative;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:10px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;gap:10px}.au-search-icon{color:#9ca3af;flex-shrink:0}.au-search-input{border:none;outline:none;background:transparent;width:100%;font-size:13.5px;color:#111827}.au-search-input::placeholder{color:#9ca3af}.au-table-wrapper{background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:22px;overflow:hidden;overflow-x:auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 28px #0000000a}.au-table{width:100%;border-collapse:collapse;min-width:900px}.au-table th{text-align:left;padding:13px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid rgba(15,23,42,.06);background:#fff6;white-space:nowrap}.au-table td{padding:12px 16px;font-size:13px;color:#111827;border-bottom:1px solid rgba(15,23,42,.04);vertical-align:middle}.au-table tbody tr:last-child td{border-bottom:none}.au-table tbody tr:hover{background:#ff3b3008}.au-user-cell{display:flex;align-items:center;gap:10px}.au-user-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.au-username{font-weight:600;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.au-badge{font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px}.au-badge-hotspot{background:#ff3b301a;color:#ff3b30}.au-badge-pppoe{background:#d977061a;color:#d97706}.au-ipmac-cell{font-size:12px}.au-ip-address{color:#1e293b;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.au-mac-address{color:#9ca3af;font-size:10.5px;font-family:SF Mono,Fira Code,Consolas,monospace;margin-top:1px}.au-payer-name{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:12.5px;color:#059669;padding:4px 10px;background:#05966914;border-radius:8px;white-space:nowrap}.au-muted{color:#9ca3af;font-size:12px}.au-status{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;font-weight:600;font-size:11.5px;white-space:nowrap}.au-status-online{background:#10b9811a;color:#059669}.au-status-offline{background:#6b72801a;color:#6b7280}.au-device-type{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#6b7280;padding:3px 10px;background:#6b72800f;border-radius:8px}.au-router-name{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:11.5px;color:#ff3b30;padding:3px 10px;background:#ff3b300f;border-radius:8px;white-space:nowrap}.au-data-usage{font-weight:600;color:#111827;white-space:nowrap}.au-connected-time{color:#6b7280;font-size:12px;white-space:nowrap}.au-details-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid transparent;background:#ff3b3014;color:#ff3b30;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.au-details-btn:hover{background:#ff3b3024}.au-table-footer{padding:12px 16px;border-top:1px solid rgba(15,23,42,.06);font-size:12.5px;color:#6b7280;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.au-footer-divider{color:#d1d5db}.au-empty{padding:44px 20px;text-align:center;color:#6b7280}.au-empty svg{display:block;margin:0 auto 10px;color:#9ca3af}.au-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.au-modal{width:min(600px,100%);max-height:88vh;overflow-y:auto;background:#ffffffeb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 80px #0003}.au-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.06)}.au-modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;color:#111827}.au-modal-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px}.au-modal-status-online{background:#10b9811a;color:#059669}.au-modal-status-offline{background:#6b72801a;color:#6b7280}.au-modal-close{background:transparent;border:none;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300}.au-modal-close:hover{background:#dc262614;color:#dc2626}.au-modal-body{padding:18px 20px}.au-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:20px}.au-detail-item{background:#ffffff80;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.7)}.au-detail-label{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.au-detail-label svg{color:#9ca3af}.au-detail-value{font-size:14px;font-weight:600;color:#111827}.au-sessions-section{margin-top:4px}.au-sessions-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#111827;margin-bottom:10px}.au-sessions-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.au-session-item{background:#ffffff80;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.7)}.au-session-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.au-session-time{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#1e293b}.au-session-time svg{color:#6b7280}.au-session-data{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#ff3b30}.au-session-data svg{color:#6b7280}.au-session-footer{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8;flex-wrap:wrap;gap:4px}.au-session-empty{text-align:center;padding:20px;color:#94a3b8}.au-session-empty svg{display:block;margin:0 auto 8px;color:#9ca3af}@media (max-width: 768px){.au-container{padding:12px}.au-page-title{font-size:21px}.au-header-actions{width:100%}.au-btn{flex:1;justify-content:center}.au-toolbar{flex-direction:column}.au-tabs,.au-search-wrapper{width:100%}.au-detail-grid{grid-template-columns:1fr}.au-stat-card{padding:14px}.au-stat-value{font-size:18px}}@media (max-width: 480px){.au-stats-grid{grid-template-columns:1fr 1fr}.au-stat-icon{width:36px;height:36px}.au-stat-value{font-size:16px}.au-modal{max-width:100%;border-radius:16px;margin:10px}}:root{--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--accent-red: #FF3B30;--accent-red-dark: #D63026;--accent-red-light: #FF5D52;--accent-green: #34c759;--accent-yellow: #ff9f0a;--accent-blue: #007aff;--text-primary: #1d1d1f;--text-secondary: #86868b;--card-shadow: 0 4px 16px rgba(0, 0, 0, .04);--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.routers-container{width:100%;max-width:100%;padding:1.5rem;animation:fadeIn .4s ease-out}.routers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.routers-title{font-size:1.875rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent}.routers-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;letter-spacing:-.2px}.routers-actions{display:flex;gap:1rem}.btn-provision{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-blue),#0051d5);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 8px #007aff4d}.btn-provision:hover{transform:translateY(-2px);box-shadow:0 4px 16px #007aff66}.btn-add{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-green),#248a3d);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 8px #34c7594d}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 16px #34c75966}.alert-error{margin-bottom:1.5rem;padding:1rem;background:#ff3b301f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,59,48,.2);border-radius:.75rem;display:flex;align-items:center;gap:.75rem;color:#ff3b30;font-size:.875rem}.alert-success{margin-bottom:1.5rem;padding:1rem;background:#34c7591f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(52,199,89,.2);border-radius:.75rem;display:flex;align-items:center;gap:.75rem;color:var(--accent-green);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--glass-border);transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow)}.stat-card-icon{width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon-blue{background:#007aff1f;color:var(--accent-blue)}.stat-card-icon-green{background:#34c7591f;color:var(--accent-green)}.stat-card-icon-red{background:#ff3b301f;color:var(--accent-red)}.stat-card-icon-yellow{background:#ff9f0a1f;color:var(--accent-yellow)}.stat-card-info{flex:1}.stat-card-label{font-size:.75rem;color:var(--text-secondary);letter-spacing:-.2px}.stat-card-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-top:.25rem}.stat-card-value-green{color:var(--accent-green)}.stat-card-value-red{color:var(--accent-red)}.stat-card-value-yellow{color:var(--accent-yellow)}.table-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid var(--glass-border);overflow:hidden;transition:var(--transition-smooth)}.table-container:hover{box-shadow:var(--glass-shadow)}.table-wrapper{overflow-x:auto}.routers-table{width:100%;border-collapse:collapse}.routers-table th{text-align:left;padding:1rem;background:#00000005;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.routers-table td{padding:1rem;font-size:.875rem;border-bottom:1px solid rgba(0,0,0,.05)}.table-row:hover{background:#007aff0a}.router-name{font-weight:500;color:var(--text-primary)}.router-name-display{display:flex;align-items:center;gap:6px}.router-name-edit-btn{background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;color:var(--text-secondary);opacity:.55;transition:opacity .15s ease,color .15s ease;flex-shrink:0}.router-name-edit-btn:hover{opacity:1;color:var(--accent-blue);background:#007aff14}.router-name-edit{display:flex;align-items:center;gap:4px}.router-name-input{padding:3px 8px;border:2px solid var(--accent-blue);border-radius:6px;font-size:.875rem;font-weight:500;color:var(--text-primary);background:#fff;outline:none;width:180px;font-family:inherit}.router-name-save{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:6px;background:var(--accent-blue);color:#fff;cursor:pointer;transition:var(--transition-smooth)}.router-name-save:hover{background:#0051d5}.router-ip{color:var(--text-secondary);font-family:monospace;font-size:.8125rem}.router-serial{font-family:monospace;font-size:.75rem;color:var(--text-secondary)}.router-lastseen{font-size:.75rem;color:var(--text-secondary)}.status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-online{background:#34c7591f;color:var(--accent-green)}.status-offline{background:#0000000f;color:var(--text-secondary)}.status-warning{background:#ff9f0a1f;color:var(--accent-yellow)}.status-default{background:#0000000f;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem}.btn-configure{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#007aff1a;color:var(--accent-blue);border-radius:.5rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:var(--transition-smooth)}.btn-configure:hover{background:#007aff33;transform:translateY(-1px)}.btn-delete{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#ff3b301a;color:var(--accent-red);border:none;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-delete:hover{background:#ff3b3033;transform:translateY(-1px)}.btn-winbox{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#64748b14;color:#64748b;border:1px solid rgba(100,116,139,.15);border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-winbox:hover{background:#64748b26;transform:translateY(-1px)}.btn-winbox-vpn{background:#34c75914;color:var(--accent-green);border-color:#34c75933}.btn-winbox-vpn:hover{background:#34c75926;box-shadow:0 2px 8px #34c75926}.vpn-column{text-align:center}.vpn-cell{display:inline-flex;align-items:center;gap:.375rem;background:#34c7590f;border:1px solid rgba(52,199,89,.12);border-radius:.5rem;padding:.25rem .5rem}.vpn-shield-icon{color:var(--accent-green);flex-shrink:0}.vpn-ip-text{font-family:SF Mono,Fira Code,monospace;font-size:.7rem;font-weight:600;color:var(--accent-green);letter-spacing:.02em}.vpn-mini-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:.125rem}.vpn-mini-online{background:var(--accent-green);box-shadow:0 0 4px #34c75980}.vpn-mini-offline{background:#94a3b8}.vpn-na{color:#94a3b8;font-size:.75rem}.vpn-ip-input{font-family:SF Mono,Fira Code,monospace;font-weight:600;color:var(--accent-green);letter-spacing:.03em}.vpn-empty{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-align:center;gap:.5rem}.vpn-empty-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:.5rem 0 0}.vpn-empty-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5;max-width:360px;margin:0}.vpn-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:#0000000a;border-radius:.75rem;padding:.25rem}.vpn-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:.6rem;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.vpn-tab:hover{color:var(--text-primary)}.vpn-tab-active{background:#fff;color:var(--text-primary);box-shadow:0 1px 4px #00000014}.vpn-section{animation:fadeIn .25s ease-out}.vpn-status-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#34c7590f;border:1px solid rgba(52,199,89,.12);border-radius:.5rem;margin-bottom:1rem}.vpn-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vpn-dot-online{background:var(--accent-green);box-shadow:0 0 6px #34c75980;animation:vpnPulse 2s infinite}.vpn-dot-offline{background:#94a3b8}.vpn-status-label{font-size:.8rem;font-weight:500;color:var(--accent-green)}.vpn-instruction-box{background:#007aff0a;border:1px solid rgba(0,122,255,.1);border-radius:.75rem;padding:.75rem;margin-bottom:1rem}.vpn-instruction-title{display:flex;align-items:center;gap:.375rem;font-size:.78rem;font-weight:600;color:var(--accent-blue);margin-bottom:.375rem}.vpn-instruction-text{font-size:.72rem;color:var(--text-secondary);line-height:1.5}.vpn-instruction-text code{background:#007aff14;color:var(--accent-blue);padding:.125rem .375rem;border-radius:.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.7rem}@keyframes vpnPulse{0%,to{opacity:1}50%{opacity:.5}}.table-loading{text-align:center;padding:3rem;color:var(--text-secondary)}.loading-spinner-small{display:flex;align-items:center;justify-content:center;gap:.5rem}.table-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;max-width:90vw;width:100%;max-width:500px;max-height:85vh;overflow:auto;box-shadow:0 20px 40px #0003;border:1px solid var(--glass-border)}.modal-lg{max-width:700px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;border-radius:1.5rem 1.5rem 0 0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:var(--transition-smooth)}.modal-close:hover{background:#0000000f;color:var(--text-primary)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.625rem 1rem;background:#0000000a;border:1px solid var(--glass-border);border-radius:.75rem;font-size:.875rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 3px #007aff1f}.form-hint{font-size:.6875rem;color:var(--text-secondary);margin-top:.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-submit{flex:1;padding:.625rem;background:linear-gradient(135deg,var(--accent-blue),#0051d5);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.btn-cancel{flex:1;padding:.625rem;background:#0000000f;color:var(--text-secondary);border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel:hover{background:#0000001a}.info-box{background:#007aff14;border:1px solid rgba(0,122,255,.15);border-radius:.75rem;padding:1rem;margin-bottom:1rem}.info-box-blue{background:#007aff14;border-color:#007aff33}.info-title{font-size:.875rem;font-weight:600;color:var(--accent-blue);margin-bottom:.5rem}.info-list{font-size:.8125rem;color:var(--text-secondary);padding-left:1.25rem;margin:0}.info-list li{margin-bottom:.25rem}.command-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.command-code{background:#1a1a1a;border-radius:.75rem;padding:1rem;overflow-x:auto}.command-code code{color:#10b981;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;word-break:break-all;white-space:pre-wrap}.url-code{background:#0000000f;border-radius:.75rem;padding:.75rem;overflow-x:auto}.url-code code{color:var(--text-primary);font-family:SF Mono,monospace;font-size:.75rem;word-break:break-all}.btn-copy{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--accent-blue),#0051d5);color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);margin-bottom:1rem}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d}.btn-copy-secondary{width:100%;padding:.75rem;background:#0000000f;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-copy-secondary:hover{background:#0000001a}.btn-copied{background:var(--accent-green);box-shadow:0 4px 12px #34c7594d}@media (max-width: 768px){.routers-container{padding:1rem}.routers-header{flex-direction:column;align-items:stretch}.routers-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-value{font-size:1.25rem}.form-row{grid-template-columns:1fr;gap:0}.modal{max-width:95vw}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-configure,.btn-delete{justify-content:center}}:root{--config-primary: #6366f1;--config-primary-dark: #4f46e5;--config-success: #10b981;--config-success-dark: #059669;--config-danger: #ef4444;--config-warning: #f59e0b;--config-bg: #f1f5f9;--config-card: rgba(255, 255, 255, .85);--config-border: rgba(226, 232, 240, .6);--config-text: #0f172a;--config-text-secondary: #475569;--config-text-light: #94a3b8;--config-shadow: 0 15px 40px -10px rgba(0, 0, 0, .08);--config-shadow-hover: 0 20px 50px -12px rgba(0, 0, 0, .15);--config-radius: 20px;--config-radius-sm: 12px;--config-radius-lg: 28px;--config-transition: all .35s cubic-bezier(.34, 1.56, .64, 1)}.config-container{min-height:100vh;height:100vh;overflow:hidden;background:var(--config-bg);padding:1.25rem 1.5rem;position:relative;display:flex;flex-direction:column}.config-background-pattern{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 20%,rgba(99,102,241,.08),transparent 40%),radial-gradient(circle at 30% 80%,rgba(16,185,129,.06),transparent 40%),radial-gradient(circle at 50% 50%,rgba(245,158,11,.03),transparent 60%);pointer-events:none;z-index:0;animation:ambientGlow 12s ease-in-out infinite alternate}@keyframes ambientGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.config-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#6366f114;animation:floatParticle 20s ease-in-out infinite}.particle-1{width:80px;height:80px;top:10%;left:5%;animation-delay:0s}.particle-2{width:120px;height:120px;top:60%;right:3%;animation-delay:-5s;background:#10b9810d}.particle-3{width:60px;height:60px;top:30%;right:20%;animation-delay:-10s;background:#f59e0b0f}.particle-4{width:100px;height:100px;bottom:20%;left:10%;animation-delay:-15s;background:#6366f10a}.particle-5{width:40px;height:40px;top:50%;left:50%;animation-delay:-7s;background:#10b9810f}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-20px) scale(1.1);opacity:.6}50%{transform:translate(-10px,30px) scale(.9);opacity:.4}75%{transform:translate(20px,-10px) scale(1.05);opacity:.7}}.glass-card{background:var(--config-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--config-shadow)}.config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:.75rem;color:var(--config-text-secondary)}.config-loading .spinning{animation:spin 1s linear infinite;filter:drop-shadow(0 0 8px rgba(99,102,241,.2))}.config-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--config-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--config-radius-lg);box-shadow:var(--config-shadow);position:relative;z-index:2;border:1px solid rgba(255,255,255,.5);flex-shrink:0;margin-bottom:1rem}.config-header-icon{color:var(--config-primary)}.config-header-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--config-primary);white-space:nowrap}.config-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--config-bg);border:1px solid var(--config-border);border-radius:var(--config-radius-sm);color:var(--config-text-secondary);font-weight:500;cursor:pointer;transition:var(--config-transition);font-size:.8rem;position:relative;overflow:hidden}.config-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--config-primary),var(--config-primary-dark));opacity:0;transition:var(--config-transition);border-radius:inherit}.config-back:hover{color:#fff;border-color:transparent;transform:translate(-3px);box-shadow:0 8px 20px #6366f140}.config-back:hover:before{opacity:1}.config-back span,.config-back svg{position:relative;z-index:1}.config-header-info h1{font-size:1.4rem;font-weight:700;color:var(--config-text);margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--config-text),var(--config-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.config-header-info p{color:var(--config-text-secondary);margin:0;font-size:.8rem;opacity:.8}.config-alert{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;border-radius:var(--config-radius-sm);margin-bottom:.75rem;position:relative;z-index:2;animation:slideDown .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.config-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--config-danger)}.config-alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--config-success)}.config-progress{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:var(--config-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--config-radius-lg);box-shadow:var(--config-shadow);border:1px solid rgba(255,255,255,.5);flex-shrink:0;margin-bottom:1rem;gap:.5rem}.config-step{display:flex;align-items:center;gap:.6rem;flex:1;position:relative;padding:.25rem 0}.config-step-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--config-bg);border:2px solid var(--config-border);color:var(--config-text-light);transition:var(--config-transition);flex-shrink:0;font-size:.8rem;font-weight:600;position:relative;z-index:2}.config-step-circle.active{background:var(--config-primary);border-color:var(--config-primary);color:#fff;box-shadow:0 0 0 6px #6366f126,0 8px 24px #6366f133;transform:scale(1.05);animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%{box-shadow:0 0 0 4px #6366f126}50%{box-shadow:0 0 0 10px #6366f10d}to{box-shadow:0 0 0 4px #6366f126}}.config-step-circle.completed{background:var(--config-success);border-color:var(--config-success);color:#fff;box-shadow:0 4px 12px #10b98133}.config-step-label{display:flex;flex-direction:column;gap:0;padding-top:0;flex:1}.config-step-number{font-size:.6rem;font-weight:700;color:var(--config-text-light);text-transform:uppercase;letter-spacing:.08em}.config-step-title{font-size:.8rem;font-weight:600;color:var(--config-text);white-space:nowrap}.config-step-line{position:absolute;top:50%;left:calc(34px + .6rem);right:-.8rem;height:2px;background:var(--config-border);z-index:1;transform:translateY(-50%)}.config-step:last-child .config-step-line{display:none}.config-content{background:var(--config-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--config-radius-lg);padding:1.75rem 2rem;box-shadow:var(--config-shadow);position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5);overflow-y:auto}.config-content::-webkit-scrollbar{width:4px}.config-content::-webkit-scrollbar-track{background:transparent}.config-content::-webkit-scrollbar-thumb{background:var(--config-primary);border-radius:10px}.config-step-content{animation:fadeSlideUp .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.config-step-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#6366f114;color:var(--config-primary);margin:0 auto .75rem;transition:var(--config-transition);animation:floatIcon 4s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.config-step-content h2{text-align:center;font-size:1.4rem;font-weight:700;color:var(--config-text);margin:0 0 .25rem;letter-spacing:-.02em}.config-step-description{text-align:center;color:var(--config-text-secondary);margin:0 auto 1.25rem;max-width:480px;font-size:.9rem;line-height:1.5}.config-form-group{margin-bottom:1rem}.config-form-full{grid-column:1 / -1}.config-label{display:block;font-size:.8rem;font-weight:600;color:var(--config-text);margin-bottom:.3rem}.config-input{width:100%;padding:.6rem 1rem;background:var(--config-bg);border:2px solid var(--config-border);border-radius:var(--config-radius-sm);font-size:.9rem;transition:var(--config-transition);color:var(--config-text)}.config-input:focus{outline:none;border-color:var(--config-primary);background:#fff;box-shadow:0 0 0 6px #6366f10f,0 8px 20px #6366f114}.config-input-large{font-size:1rem;padding:.75rem 1.25rem}.config-hint{font-size:.75rem;color:var(--config-text-light);margin-top:.25rem}.config-hint code{background:var(--config-bg);padding:.1rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--config-primary)}.config-ports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:.75rem 0 1.25rem}.config-port-card{padding:1rem .75rem;background:var(--config-bg);border:2px solid var(--config-border);border-radius:var(--config-radius-sm);cursor:pointer;transition:var(--config-transition);display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;-webkit-user-select:none;user-select:none}.config-port-card:hover{border-color:var(--config-primary);transform:translateY(-3px) scale(1.02);box-shadow:var(--config-shadow-hover)}.config-port-card.selected{border-color:var(--config-success);background:#10b9810d;box-shadow:0 0 0 4px #10b9810f,0 8px 24px #10b9811a}.config-port-check{position:absolute;top:6px;right:6px;opacity:0;transition:var(--config-transition)}.config-port-card.selected .config-port-check{opacity:1}.config-port-checked{color:var(--config-success)}.config-port-icon{color:var(--config-text-light);transition:var(--config-transition);font-size:1.25rem}.config-port-card.selected .config-port-icon{color:var(--config-success);transform:scale(1.1)}.config-port-info{text-align:center}.config-port-name{display:block;font-weight:600;color:var(--config-text);font-size:.8rem}.config-port-desc{font-size:.7rem;color:var(--config-text-light)}.config-os-selector{position:relative;display:inline-block;width:100%}.config-os-toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.6rem 1rem;background:var(--config-bg);border:2px solid var(--config-border);border-radius:var(--config-radius-sm);font-size:.9rem;font-weight:500;color:var(--config-text);cursor:pointer;transition:var(--config-transition)}.config-os-toggle:hover{border-color:var(--config-primary)}.config-os-arrow{transition:var(--config-transition)}.config-os-arrow.open{transform:rotate(90deg)}.config-os-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid var(--config-border);border-radius:var(--config-radius-sm);box-shadow:var(--config-shadow-hover);z-index:10;overflow:hidden;animation:slideDown .25s cubic-bezier(.34,1.56,.64,1)}.config-os-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;background:transparent;border:none;font-size:.85rem;color:var(--config-text);cursor:pointer;transition:var(--config-transition);text-align:left}.config-os-option:hover{background:var(--config-bg)}.config-os-option.active{background:#6366f10f;color:var(--config-primary);font-weight:600}.config-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.75rem}.config-security-section{margin-top:.75rem;padding:1rem 1.25rem;background:var(--config-bg);border-radius:var(--config-radius-sm)}.config-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--config-text);margin-bottom:.75rem}.config-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.config-toggle{display:flex;align-items:center;gap:.6rem;padding:.4rem .6rem;background:#fff;border-radius:var(--config-radius-sm);cursor:pointer;transition:var(--config-transition);border:1px solid transparent}.config-toggle:hover{background:#6366f10a;border-color:var(--config-border)}.config-toggle input{display:none}.config-toggle-slider{width:32px;height:18px;background:var(--config-border);border-radius:9px;position:relative;transition:var(--config-transition);flex-shrink:0}.config-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:var(--config-transition);box-shadow:0 1px 4px #0000001a}.config-toggle input:checked+.config-toggle-slider{background:var(--config-success);box-shadow:0 4px 12px #10b98133}.config-toggle input:checked+.config-toggle-slider:after{transform:translate(14px)}.config-toggle-label{font-size:.75rem;font-weight:500;color:var(--config-text)}.config-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;flex-shrink:0}.config-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--config-primary),var(--config-primary-dark));color:#fff;border:none;border-radius:var(--config-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--config-transition);box-shadow:0 4px 16px #6366f133;position:relative;overflow:hidden}.config-btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:var(--config-transition)}.config-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f14d}.config-btn-primary:hover:not(:disabled):after{opacity:1}.config-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.config-btn-large{padding:.75rem 2rem;font-size:.95rem;margin:.75rem auto 0;width:100%;justify-content:center}.config-btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--config-bg);border:2px solid var(--config-border);border-radius:var(--config-radius-sm);font-weight:600;font-size:.85rem;color:var(--config-text-secondary);cursor:pointer;transition:var(--config-transition)}.config-btn-secondary:hover{background:var(--config-border);border-color:var(--config-text-light);transform:translate(-2px)}.config-btn-success{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,var(--config-success),var(--config-success-dark));color:#fff;border:none;border-radius:var(--config-radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--config-transition);box-shadow:0 4px 16px #10b98133}.config-btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b9814d}.config-btn-success.copied{background:var(--config-success);box-shadow:0 4px 16px #10b9814d}.config-btn-generate{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b33}.config-btn-generate:hover{box-shadow:0 8px 30px #f59e0b4d}.config-summary-box{background:var(--config-bg);border-radius:var(--config-radius-sm);padding:1rem 1.25rem;margin:.75rem 0;border:1px solid var(--config-border)}.config-summary-box h3{font-size:.9rem;font-weight:600;color:var(--config-text);margin:0 0 .6rem}.config-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.config-summary-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--config-text-secondary)}.config-summary-item strong{color:var(--config-text)}.config-script-result{animation:fadeSlideUp .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%}.config-script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.config-script-title{display:flex;align-items:center;gap:.6rem}.config-script-title h2{font-size:1.1rem;font-weight:700;color:var(--config-text);margin:0}.config-script-subtitle{font-size:.8rem;color:var(--config-text-secondary);margin:0}.config-script-title-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6366f114;border-radius:12px;color:var(--config-success)}.config-script-actions{display:flex;gap:.5rem}.config-btn-copy{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--config-bg);border:2px solid var(--config-border);border-radius:var(--config-radius-sm);font-weight:600;font-size:.8rem;color:var(--config-text-secondary);cursor:pointer;transition:var(--config-transition)}.config-btn-copy:hover{border-color:var(--config-primary);color:var(--config-primary);transform:scale(1.02)}.config-btn-copy.copied{border-color:var(--config-success);color:var(--config-success);background:#10b9810a}.config-script-instructions{margin-bottom:.75rem;flex-shrink:0}.config-instruction-box{background:#6366f10a;border:1px solid rgba(99,102,241,.1);border-radius:var(--config-radius-sm);padding:.75rem 1rem}.config-instruction-box h4{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--config-primary);margin:0 0 .4rem}.config-instruction-box ol{margin:0;padding-left:1rem}.config-instruction-box li{font-size:.8rem;color:var(--config-text-secondary);line-height:1.6}.config-instruction-box code{background:var(--config-bg);padding:.1rem .4rem;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;color:var(--config-primary)}.config-script-code{background:#1e293b;border-radius:var(--config-radius-sm);overflow:hidden;margin:.5rem 0;flex:1;min-height:0;display:flex;flex-direction:column}.config-script-code-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#1e293bcc;border-bottom:1px solid rgba(255,255,255,.05)}.config-script-code-title{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.75rem;font-weight:500}.config-script-code-lines{font-size:.7rem;color:#64748b;background:#ffffff0d;padding:.2rem .6rem;border-radius:4px}.config-script-pre{padding:1rem 1.25rem;margin:0;overflow-y:auto;flex:1}.config-script-pre code{font-family:SF Mono,Fira Code,monospace;font-size:.7rem;line-height:1.5;color:#e2e8f0;white-space:pre}.config-script-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;flex-shrink:0}.config-script-footer-actions{display:flex;gap:.75rem}.config-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 0}.config-generating-animation{width:100%;max-width:700px}.config-generating-icon{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;width:80px;height:80px;color:var(--config-primary)}.config-generating-pulse{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;border:2px solid var(--config-primary);animation:pulseExpand 1.5s ease-out infinite;opacity:0}@keyframes pulseExpand{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.config-generating-progress{margin-top:1.5rem;width:100%}.config-progress-bar{width:100%;height:4px;background:var(--config-border);border-radius:4px;overflow:hidden;margin-bottom:1rem}.config-progress-fill{height:100%;background:linear-gradient(90deg,var(--config-primary),var(--config-success));border-radius:4px;transition:width .1s linear;animation:progressGradient 1s linear infinite;background-size:200% 100%}@keyframes progressGradient{0%{background-position:0% 0%}to{background-position:200% 0%}}.config-generating-lines{background:#1e293b;border-radius:var(--config-radius-sm);padding:1rem;max-height:300px;overflow-y:auto;font-family:SF Mono,Fira Code,monospace;font-size:.7rem;line-height:1.8;color:#e2e8f0}.config-generating-lines::-webkit-scrollbar{width:4px}.config-generating-lines::-webkit-scrollbar-track{background:transparent}.config-generating-lines::-webkit-scrollbar-thumb{background:var(--config-primary);border-radius:10px}.config-generating-line{display:flex;gap:1rem;padding:.1rem 0;opacity:0;animation:lineAppear .1s ease-out forwards}@keyframes lineAppear{to{opacity:1}}.config-line-number{color:var(--config-text-light);min-width:2.5rem;text-align:right;-webkit-user-select:none;user-select:none;opacity:.5;font-size:.65rem}.config-line-content{flex:1;white-space:pre-wrap;word-break:break-all}.config-generating-placeholder{display:flex;gap:1rem;padding:.1rem 0;color:var(--config-text-light);opacity:.7}.blinking-cursor:after{content:"|";animation:blink 1s step-end infinite}.animate-copy{animation:copySuccess .5s ease-out}@keyframes copySuccess{0%{transform:scale(1)}30%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.config-container{padding:1rem}.config-content{padding:1.25rem 1.5rem}.config-settings-grid,.config-toggle-grid{grid-template-columns:1fr}}@media (max-width: 768px){.config-container{padding:.75rem}.config-header{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.config-header-badge{display:none}.config-progress{flex-direction:column;gap:.5rem;padding:.75rem 1rem;align-items:stretch}.config-step{width:100%}.config-step-line{display:none!important}.config-content{padding:1rem}.config-ports-grid{grid-template-columns:repeat(2,1fr)}.config-script-header{flex-direction:column;align-items:flex-start;gap:.75rem}.config-script-footer{flex-direction:column}.config-script-footer-actions{flex-direction:column;width:100%}.config-script-footer-actions button{width:100%;justify-content:center}.config-summary-grid{grid-template-columns:1fr}.config-buttons{flex-direction:column-reverse}.config-btn-primary,.config-btn-secondary{width:100%;justify-content:center}.config-particles{display:none}.config-generating-lines{max-height:200px;font-size:.6rem}}@media (max-width: 480px){.config-ports-grid{grid-template-columns:1fr}.config-step-content h2{font-size:1.1rem}.config-script-pre{padding:.75rem}.config-script-pre code{font-size:.6rem}.config-generating-lines{font-size:.55rem;padding:.75rem}.config-line-number{min-width:2rem;font-size:.55rem}.config-script-code-header{flex-direction:column;gap:.25rem;align-items:flex-start}}.payments-container{padding:24px;background:#f2f2f7;min-height:100vh;max-width:100vw;overflow-x:hidden}.payments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.payments-header-left{display:flex;align-items:center;gap:12px}.payments-header-icon{width:38px;height:38px;border-radius:12px;background:#ff3b301a;color:#ff3b30;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-title{font-size:22px;font-weight:700;color:#111827;margin:0;letter-spacing:-.3px}.page-subtitle{margin:2px 0 0;color:#6b7280;font-size:13px}.payments-header-right{display:flex;align-items:center;gap:10px}.payments-refresh-indicator{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9ca3af}.payments-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#0596691a;color:#059669}.toggle-money-btn,.refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.5);background:#ffffff59;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;transition:.25s ease;font-size:13px;font-weight:600;color:#374151}.toggle-money-btn:hover,.refresh-btn:hover{transform:translateY(-1px);background:#ffffff80}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.stat-box{position:relative;background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.75);border-radius:20px;padding:18px 20px;box-shadow:0 8px 28px #0000000a;transition:.3s ease}.stat-box:hover{transform:translateY(-2px)}.stat-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.stat-box-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stat-box-icon.today-icon{color:#ff3b30;background:#ff3b3014}.stat-box-icon.week-icon{color:#7c3aed;background:#7c3aed14}.stat-box-icon.month-icon{color:#059669;background:#05966914}.stat-box-icon.status-icon{color:#d97706;background:#d9770614}.stat-box-period{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.stat-box-amount{font-size:24px;font-weight:700;letter-spacing:-.5px;color:#111827;margin-bottom:8px}.stat-box-breakdown{display:flex;flex-direction:column;gap:4px}.breakdown-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6b7280}.breakdown-item strong{color:#111827;font-weight:600;margin-left:auto}.stat-box-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px}.trend-positive{color:#059669}.trend-negative{color:#dc2626}.stat-box-footer{margin-top:8px;font-size:12px;color:#9ca3af}.stat-box-today{background:linear-gradient(145deg,#2563eb1f,#2563eb05 40%,#ffffff80 60%,#2563eb0f)}.stat-box-week{background:linear-gradient(145deg,#7c3aed1f,#7c3aed05 40%,#ffffff80 60%,#7c3aed0f)}.stat-box-month{background:linear-gradient(145deg,#0596691f,#05966905 40%,#ffffff80 60%,#0596690f)}.stat-box-status{background:linear-gradient(145deg,#d977061f,#d9770605 40%,#ffffff80 60%,#d977060f)}.status-breakdown{display:flex;flex-direction:column;gap:6px;margin-top:4px}.status-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;padding:4px 0}.status-item .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-item .status-dot.success{background:#059669}.status-item .status-dot.pending{background:#d97706}.status-item .status-dot.failed{background:#dc2626}.status-item strong{margin-left:auto;font-weight:700;color:#111827}.sub-counts{display:flex;gap:6px;margin-left:4px;flex-wrap:wrap}.sub-count{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;padding:2px 8px;border-radius:999px;font-weight:600}.sub-count.mobile{background:#2563eb14;color:#ff3b30}.sub-count.voucher{background:#7c3aed14;color:#7c3aed}.filters-section{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search-container,.filter-container{display:flex;align-items:center;gap:8px;background:#fff9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.75);border-radius:14px;padding:9px 14px;flex:1;min-width:160px}.search-container input,.filter-container select{width:100%;border:none;outline:none;background:transparent;font-size:13px;color:#111827}.search-container input::placeholder{color:#9ca3af}.filter-container select{cursor:pointer}.filter-container select option{background:#fff}.payments-table-wrapper{overflow:hidden;background:#fff9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.75);border-radius:20px;box-shadow:0 8px 28px #0000000a}.payments-table{width:100%;border-collapse:collapse;min-width:900px}.payments-table thead{background:#ffffff80}.payments-table th{text-align:left;padding:14px 16px;font-size:10.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid rgba(15,23,42,.06);white-space:nowrap}.payments-table td{padding:12px 16px;font-size:13px;color:#111827;border-bottom:1px solid rgba(15,23,42,.04);vertical-align:middle}.payments-table tbody tr:last-child td{border-bottom:none}.payments-table tbody tr:hover{background:#2563eb05}.customer-info{display:flex;align-items:center;gap:10px;min-width:0}.customer-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#1e293b;background:linear-gradient(135deg,#dbeafe,#bfdbfe);flex-shrink:0}.customer-details{display:flex;flex-direction:column;gap:1px;min-width:0}.customer-name{font-weight:700;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-extra{font-size:11px;color:#9ca3af}.phone-cell{font-weight:600;font-size:13px;color:#1e293b;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Code,Consolas,monospace}.transaction-cell{display:flex;flex-direction:column;gap:1px}.transaction-id{font-weight:600;font-size:12px;color:#1e293b;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.3px}.receipt-no{font-size:10.5px;color:#9ca3af}.type-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.type-mobile{background:#2563eb14;color:#ff3b30}.type-voucher{background:#7c3aed14;color:#7c3aed}.package-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#3b82f60f;color:#ff3b30;font-size:12px;font-weight:500;white-space:nowrap}.package-na{color:#9ca3af;font-size:12px}.voucher-code-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#7c3aed0f;color:#7c3aed;font-size:12px;font-weight:500;white-space:nowrap;font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.5px}.amount-cell{font-weight:700;font-size:14px;color:#111827;white-space:nowrap}.amount-cell .fee{display:block;font-weight:400;font-size:10.5px;color:#9ca3af;margin-top:1px}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.status-success{background:#0596691a;color:#059669}.status-failed{background:#dc26261a;color:#dc2626}.status-pending{background:#d977061a;color:#d97706}.status-processing{background:#2563eb14;color:#ff3b30}.status-transition-success,.status-transition-failed,.status-transition-pending{animation:statusFlash .9s ease-in-out 1;transform-origin:center}@keyframes statusFlash{0%{box-shadow:0 0 #0000;transform:scale(1)}35%{box-shadow:0 0 0 8px #ffffff1f;transform:scale(1.05)}70%{box-shadow:0 0 0 14px #ffffff0f;transform:scale(1.02)}to{box-shadow:0 0 #0000;transform:scale(1)}}.date-time{display:flex;flex-direction:column;gap:1px;font-size:12px;color:#374151;white-space:nowrap}.date-time .time{font-size:11px;color:#9ca3af}.action-btn{border:none;width:34px;height:34px;border-radius:10px;background:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center;color:#6b7280}.action-btn:hover{background:#2563eb14;color:#ff3b30;transform:scale(1.05)}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#6b7280}.loading-state .spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.06);border-top-color:#ff3b30;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.empty-state svg{color:#d1d5db;margin-bottom:10px}@media (max-width: 768px){.payments-container{padding:14px}.page-title{font-size:19px}.payments-header{flex-direction:column;align-items:flex-start}.payments-header-right{width:100%;flex-wrap:wrap}.stats-row{grid-template-columns:1fr 1fr}.filters-section{flex-direction:column}.search-container,.filter-container{min-width:100%}.payments-table-wrapper{overflow-x:auto}.stat-box-amount{font-size:20px}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}.stat-box{padding:14px 16px}}:root{--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--accent-red: #FF3B30;--accent-red-dark: #D63026;--accent-red-light: #FF5D52;--accent-green: #34c759;--accent-green-dark: #28a745;--accent-orange: #ff9f0a;--accent-teal: #5ac8fa;--accent-purple: #af52de;--accent-blue: #FF3B30;--text-primary: #1d1d1f;--text-secondary: #6c6c70;--text-tertiary: #8e8e93;--bg-primary: #f5f5f7;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .06);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.packages-container{width:100%;max-width:100%;margin:0;padding:1.5rem;animation:fadeIn .4s ease-out;background:var(--bg-primary);min-height:calc(100vh - 100px)}.glass-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.packages-title{font-size:1.875rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.packages-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.btn-create-package{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.btn-create-package:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.glass-stats{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.glass-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--card-bg);border-radius:1rem;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--card-border);transition:var(--transition-smooth);box-shadow:0 1px 2px #0000000d;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.stat-card.total{background:linear-gradient(135deg,#fff,#fff0f0);border-color:#ff3b3026}.stat-card.total .stat-icon{background:linear-gradient(135deg,#ff3b3026,#ff5d521a);color:#ff3b30}.stat-card.hotspot{background:linear-gradient(135deg,#fff,#f0fff4);border-color:#34c75926}.stat-card.hotspot .stat-icon{background:linear-gradient(135deg,#34c75926,#28a7451a);color:#34c759}.stat-card.pppoe{background:linear-gradient(135deg,#fff,#f0fcff);border-color:#5ac8fa26}.stat-card.pppoe .stat-icon{background:linear-gradient(135deg,#5ac8fa26,#007aff1a);color:#5ac8fa}.stat-card.trial{background:linear-gradient(135deg,#fff,#fff8f0);border-color:#ff9f0a26}.stat-card.trial .stat-icon{background:linear-gradient(135deg,#ff9f0a26,#af52de1a);color:#ff9f0a}.stat-info{flex:1}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card.total .stat-value{background:linear-gradient(135deg,#ff3b30,#ff5d52);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card.hotspot .stat-value{background:linear-gradient(135deg,#34c759,#28a745);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card.pppoe .stat-value{background:linear-gradient(135deg,#5ac8fa,#ff3b30);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card.trial .stat-value{background:linear-gradient(135deg,#ff9f0a,#af52de);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.stat-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.glass-form{background:var(--card-bg);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--card-border);box-shadow:0 1px 2px #0000000d;animation:slideIn .3s ease}.glass-form h2{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;font-family:inherit;color:var(--text-primary)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{background:#f9fafb;border-color:#d1d5db}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-red);background:#fff;box-shadow:0 0 0 3px #ff3b3014}.form-group input::placeholder{color:#9ca3af}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%236c6c70' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.5rem}.form-group select option{background:#f3f4f6;color:var(--text-primary)}.checkbox-group{margin:.75rem 0}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;font-size:.875rem;color:var(--text-primary)}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent-red)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--card-border)}.btn-save{padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark));color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #34c7594d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{padding:.625rem 1.25rem;background:#f0f0f0;color:var(--text-primary);border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel:hover{background:#e5e5e5}.glass-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-box{flex:1;min-width:200px;max-width:320px;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;transition:var(--transition-smooth)}.search-box:focus-within{border-color:var(--accent-red);box-shadow:0 0 0 3px #ff3b301a}.search-box svg{color:var(--text-secondary);width:1rem;height:1rem}.search-box input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text-primary)}.search-box input::placeholder{color:var(--text-tertiary)}.filter-select{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:var(--transition-smooth);color:var(--text-primary)}.filter-select:focus{outline:none;border-color:var(--accent-red)}.glass-table{background:var(--card-bg);border-radius:1rem;border:1px solid var(--card-border);overflow:hidden;box-shadow:0 1px 2px #0000000d}.glass-table table{width:100%;border-collapse:collapse}.glass-table th{text-align:left;padding:1rem;background:linear-gradient(135deg,#f8f4ff,#f0ebff);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#5b4a7a;border-bottom:1px solid var(--card-border)}.glass-table td{padding:1rem;font-size:.875rem;border-bottom:1px solid var(--card-border);background:#fcfaff}.glass-table tbody tr{transition:var(--transition-smooth)}.glass-table tbody tr:hover td{background:#f5f0ff}.glass-table tbody tr:nth-child(2n) td{background:#faf8ff}.glass-table tbody tr:nth-child(2n):hover td{background:#f5f0ff}.glass-table tr:last-child td{border-bottom:none}.font-semibold{font-weight:600;color:var(--text-primary)}.pkg-desc{display:block;font-size:.688rem;color:var(--text-secondary);margin-top:.25rem;font-weight:400}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.688rem;font-weight:500}.badge-hotspot{background:#34c7591f;color:var(--accent-green)}.badge-pppoe{background:#5ac8fa1f;color:var(--accent-teal)}.badge-data{background:#ff3b301f;color:var(--accent-red)}.badge-free-trial{background:#ff9f0a1f;color:var(--accent-orange)}.badge-custom{background:#6c6c701f;color:var(--text-secondary)}.actions{display:flex;gap:.5rem;white-space:nowrap}.btn-action{padding:.375rem;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center}.btn-edit{color:var(--accent-red)}.btn-edit:hover{background:#ff3b301a}.btn-dupe{color:var(--accent-teal)}.btn-dupe:hover{background:#5ac8fa1a}.btn-delete{color:var(--accent-red)}.btn-delete:hover{background:#ff3b301a}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary);text-align:center}.empty-state svg{color:var(--text-tertiary)}.empty-state p{font-size:.875rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.packages-container{padding:1rem}.glass-header{flex-direction:column}.btn-create-package{width:100%;justify-content:center}.glass-table{overflow-x:auto}.glass-table table{min-width:700px}.form-actions{flex-direction:column}.btn-save,.btn-cancel{width:100%;justify-content:center}}@media (max-width: 480px){.glass-filters{flex-direction:column}.search-box{max-width:100%;width:100%}.filter-select{width:100%}.form-row{grid-template-columns:1fr}.stat-card{padding:.75rem 1rem}.stat-value{font-size:1.25rem}}.vouchers-container{--bg-grad-1: #eef2ff;--bg-grad-2: #e0f2fe;--bg-grad-3: #f5f3ff;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px rgba(30, 41, 59, .08), 0 1px 2px rgba(30, 41, 59, .04);--glass-shadow-lg: 0 16px 48px rgba(30, 41, 59, .14), 0 2px 8px rgba(30, 41, 59, .06);--glass-blur: blur(20px) saturate(180%);--glass-blur-light: blur(12px) saturate(160%);--accent-indigo: #6366f1;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #7c3aed;--grad-primary: linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);--grad-primary-hover: linear-gradient(135deg, #4f46e5 0%, #0891b2 100%);--grad-total: linear-gradient(135deg, rgba(99, 102, 241, .16), rgba(99, 102, 241, .04));--grad-unused: linear-gradient(135deg, rgba(6, 182, 212, .16), rgba(6, 182, 212, .04));--grad-used: linear-gradient(135deg, rgba(16, 185, 129, .16), rgba(16, 185, 129, .04));--grad-expired: linear-gradient(135deg, rgba(245, 158, 11, .16), rgba(245, 158, 11, .04));--grad-mobile: linear-gradient(135deg, rgba(139, 92, 246, .16), rgba(124, 58, 237, .04));--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-faint: #94a3b8;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--transition: .18s var(--ease)}@media (prefers-reduced-motion: reduce){.vouchers-container *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.vouchers-container{position:relative;min-height:100vh;padding:28px 32px 64px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 8% 0%,var(--bg-grad-2) 0%,transparent 45%),radial-gradient(circle at 92% 8%,var(--bg-grad-3) 0%,transparent 50%),radial-gradient(circle at 50% 100%,var(--bg-grad-1) 0%,transparent 60%),#f8fafc;box-sizing:border-box}.vouchers-container *,.vouchers-container *:before,.vouchers-container *:after{box-sizing:border-box}.vouchers-container .vouchers-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.vouchers-container .vouchers-title{margin:0 0 4px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.vouchers-container .vouchers-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.vouchers-container .btn-primary,.vouchers-container .btn-secondary,.vouchers-container .btn-danger,.vouchers-container .btn-text,.vouchers-container .btn-save,.vouchers-container .btn-cancel{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:.875rem;padding:10px 18px;border-radius:var(--radius-pill);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition);white-space:nowrap}.vouchers-container .btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 8px 20px #4f46e547}.vouchers-container .btn-primary:hover{background:var(--grad-primary-hover);transform:translateY(-1px);box-shadow:0 10px 26px #4f46e557}.vouchers-container .btn-primary:active{transform:translateY(0)}.vouchers-container .btn-secondary{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);color:var(--text-secondary);box-shadow:var(--glass-shadow)}.vouchers-container .btn-secondary:hover{background:#fff;color:var(--text-primary);transform:translateY(-1px)}.vouchers-container .btn-danger{background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;box-shadow:0 8px 20px #f43f5e40}.vouchers-container .btn-danger:hover{transform:translateY(-1px);box-shadow:0 10px 26px #f43f5e52}.vouchers-container .btn-text{background:transparent;color:var(--text-muted);padding:10px 12px}.vouchers-container .btn-text:hover{color:var(--text-primary)}.vouchers-container .btn-save{background:var(--grad-primary);color:#fff;justify-content:center;width:100%;padding:12px 18px;box-shadow:0 8px 20px #4f46e547}.vouchers-container .btn-save:hover:not(:disabled){background:var(--grad-primary-hover)}.vouchers-container .btn-save:disabled{opacity:.6;cursor:not-allowed}.vouchers-container .btn-cancel{background:#94a3b824;color:var(--text-secondary);justify-content:center;width:100%;padding:12px 18px}.vouchers-container .btn-cancel:hover{background:#94a3b838}.vouchers-container .btn-primary:focus-visible,.vouchers-container .btn-secondary:focus-visible,.vouchers-container .btn-danger:focus-visible,.vouchers-container .btn-text:focus-visible,.vouchers-container .btn-save:focus-visible,.vouchers-container .btn-cancel:focus-visible,.vouchers-container .view-btn:focus-visible,.vouchers-container .tab-item:focus-visible,.vouchers-container .page-btn:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.vouchers-container .modal-overlay{position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:vouchersFadeIn .2s var(--ease);top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;overflow:hidden}@keyframes vouchersFadeIn{0%{opacity:0}to{opacity:1}}.vouchers-container .modal{width:100%;max-width:640px;max-height:88vh;overflow-y:auto;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);animation:vouchersSlideUp .26s var(--ease);position:relative;margin:auto}@keyframes vouchersSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.vouchers-container .modal-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.6);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1}.vouchers-container .modal-header h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.vouchers-container .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;background:#94a3b824;color:var(--text-secondary);cursor:pointer;transition:background var(--transition),transform var(--transition)}.vouchers-container .modal-close:hover{background:#f43f5e24;color:var(--accent-rose);transform:rotate(90deg)}.vouchers-container .modal-body{padding:20px 24px}.vouchers-container .modal-footer{display:flex;gap:10px;padding:16px 24px 22px;border-top:1px solid rgba(226,232,240,.4)}.vouchers-container .print-dialog{max-width:500px}.vouchers-container .form-section{margin-bottom:22px;padding-bottom:18px;border-bottom:1px dashed rgba(148,163,184,.3)}.vouchers-container .form-section:last-child{border-bottom:none;margin-bottom:0}.vouchers-container .form-section-title{margin:0 0 14px;font-size:.85rem;font-weight:700;color:var(--text-secondary);letter-spacing:.01em}.vouchers-container .form-row{display:flex;gap:14px;flex-wrap:wrap}.vouchers-container .form-row .form-group{flex:1;min-width:160px}.vouchers-container .form-group{margin-bottom:14px}.vouchers-container .form-group label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.vouchers-container .form-input,.vouchers-container .form-select{width:100%;padding:10px 14px;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:#ffffffb3;border:1px solid rgba(203,213,225,.8);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.vouchers-container .form-input::placeholder{color:var(--text-faint)}.vouchers-container .form-input:focus,.vouchers-container .form-select:focus{outline:none;border-color:var(--accent-indigo);background:#fff;box-shadow:0 0 0 4px #6366f124}.vouchers-container .checkbox-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.vouchers-container .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-indigo)}.vouchers-container .mt-2{margin-top:10px}.vouchers-container .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.vouchers-container .stat-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--radius-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform var(--transition),box-shadow var(--transition)}.vouchers-container .stat-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-lg)}.vouchers-container .stat-card-total{background:var(--grad-total),var(--glass-bg)}.vouchers-container .stat-card-unused{background:var(--grad-unused),var(--glass-bg)}.vouchers-container .stat-card-used{background:var(--grad-used),var(--glass-bg)}.vouchers-container .stat-card-expired{background:var(--grad-expired),var(--glass-bg)}.vouchers-container .stat-card-mobile{background:var(--grad-mobile),var(--glass-bg)}.vouchers-container .stat-card-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-md);color:#fff}.vouchers-container .stat-card-total .stat-card-icon{background:linear-gradient(135deg,#818cf8,#6366f1)}.vouchers-container .stat-card-unused .stat-card-icon{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.vouchers-container .stat-card-used .stat-card-icon{background:linear-gradient(135deg,#34d399,#10b981)}.vouchers-container .stat-card-expired .stat-card-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.vouchers-container .stat-card-mobile .stat-card-icon{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.vouchers-container .stat-card-info{display:flex;flex-direction:column}.vouchers-container .stat-card-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.15}.vouchers-container .stat-card-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.vouchers-container .bulk-actions-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;margin-bottom:16px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);animation:vouchersSlideDown .2s var(--ease)}@keyframes vouchersSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.vouchers-container .bulk-count{font-size:.85rem;font-weight:700;color:var(--accent-indigo);margin-right:auto}.vouchers-container .vouchers-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;margin-bottom:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow);width:fit-content;max-width:100%;overflow-x:auto}.vouchers-container .tab-item{display:flex;align-items:center;gap:8px;padding:9px 16px;border:none;background:transparent;border-radius:var(--radius-pill);font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.vouchers-container .tab-item:hover{color:var(--text-primary);background:#94a3b81f}.vouchers-container .tab-item.active{background:var(--grad-primary);color:#fff;box-shadow:0 6px 16px #4f46e547}.vouchers-container .tab-item.active-mobile{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 6px 16px #7c3aed47}.vouchers-container .tab-badge{padding:1px 8px;font-size:.72rem;font-weight:700;border-radius:var(--radius-pill);background:#94a3b82e;color:inherit}.vouchers-container .tab-item.active .tab-badge,.vouchers-container .tab-item.active-mobile .tab-badge{background:#ffffff47}.vouchers-container .filters-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.vouchers-container .search-wrapper{position:relative;flex:1;min-width:220px}.vouchers-container .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.vouchers-container .search-input{width:100%;padding:10px 14px 10px 40px;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow);transition:box-shadow var(--transition),border-color var(--transition)}.vouchers-container .search-input:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 4px #6366f124}.vouchers-container .view-toggle{display:flex;gap:2px;padding:4px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow)}.vouchers-container .view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.vouchers-container .view-btn:hover{color:var(--text-primary)}.vouchers-container .view-btn.active{background:var(--grad-primary);color:#fff}.vouchers-container .filter-select{font-family:inherit}.vouchers-container .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);box-shadow:var(--glass-shadow);overflow:hidden}.vouchers-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.vouchers-container .vouchers-table{width:100%;border-collapse:collapse;font-size:.85rem}.vouchers-container .vouchers-table thead th{position:sticky;top:0;padding:14px 16px;text-align:left;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:#f8fafce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(226,232,240,.8);white-space:nowrap}.vouchers-container .table-row{transition:background var(--transition)}.vouchers-container .table-row:hover{background:#6366f10d}.vouchers-container .vouchers-table td{padding:13px 16px;border-bottom:1px solid rgba(226,232,240,.6);color:var(--text-secondary);vertical-align:middle}.vouchers-container .vouchers-table tbody tr:last-child td{border-bottom:none}.vouchers-container .checkbox-cell{width:40px;text-align:center}.vouchers-container .checkbox-cell input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-indigo);cursor:pointer}.vouchers-container .code-cell{display:flex;align-items:center;gap:8px;font-weight:600}.vouchers-container .code-cell code{padding:4px 9px;font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.8rem;letter-spacing:.03em;color:var(--accent-indigo);background:#6366f114;border-radius:6px}.vouchers-container .btn-copy-code{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--text-faint);cursor:pointer;transition:background var(--transition),color var(--transition)}.vouchers-container .btn-copy-code:hover{background:#6366f11f;color:var(--accent-indigo)}.vouchers-container .status-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:.72rem;font-weight:700;border-radius:var(--radius-pill);white-space:nowrap}.vouchers-container .status-unused{color:#0e7490;background:linear-gradient(135deg,#06b6d42e,#06b6d414)}.vouchers-container .status-used{color:#047857;background:linear-gradient(135deg,#10b9812e,#10b98114)}.vouchers-container .status-revoked{color:#b45309;background:linear-gradient(135deg,#f59e0b2e,#f59e0b14)}.vouchers-container .status-mobile{color:#7c3aed;background:linear-gradient(135deg,#8b5cf62e,#7c3aed14)}.vouchers-container .user-badge{display:inline-flex;padding:3px 10px;font-size:.74rem;font-weight:600;border-radius:var(--radius-pill);background:#94a3b824;color:var(--text-secondary);white-space:nowrap}.vouchers-container .expiry-never{color:var(--accent-emerald);font-weight:600;font-size:.8rem}.vouchers-container .expiry-date{color:var(--text-muted);font-size:.8rem}.vouchers-container .actions-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}.vouchers-container .btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(203,213,225,.6);border-radius:var(--radius-sm);background:#fff9;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.vouchers-container .btn-action:hover{transform:translateY(-1px)}.vouchers-container .btn-print:hover{color:var(--accent-indigo);border-color:#6366f166;background:#6366f114}.vouchers-container .btn-delete:hover{color:var(--accent-rose);border-color:#f43f5e66;background:#f43f5e14}.vouchers-container .loading-state,.vouchers-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:var(--text-faint);text-align:center}.vouchers-container .empty-state svg{opacity:.5}.vouchers-container .empty-state p,.vouchers-container .loading-state p{margin:0;font-size:.9rem;color:var(--text-muted)}.vouchers-container .loading-spinner-small{width:28px;height:28px;border:3px solid rgba(99,102,241,.18);border-top-color:var(--accent-indigo);border-radius:50%;animation:vouchersSpin .8s linear infinite}@keyframes vouchersSpin{to{transform:rotate(360deg)}}.vouchers-container .vouchers-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;padding:18px}.vouchers-container .voucher-grid-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);transition:transform var(--transition),box-shadow var(--transition)}.vouchers-container .voucher-grid-card:hover{transform:translateY(-3px);box-shadow:var(--glass-shadow-lg)}.vouchers-container .voucher-grid-header{display:flex;align-items:center;justify-content:space-between}.vouchers-container .voucher-grid-checkbox{width:16px;height:16px;accent-color:var(--accent-indigo);cursor:pointer}.vouchers-container .voucher-grid-delete{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:transparent;color:var(--text-faint);cursor:pointer;transition:background var(--transition),color var(--transition)}.vouchers-container .voucher-grid-delete:hover{background:#f43f5e1f;color:var(--accent-rose)}.vouchers-container .voucher-grid-code{display:flex;align-items:center;gap:10px;color:var(--accent-indigo)}.vouchers-container .voucher-grid-code code{font-family:SF Mono,JetBrains Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700;letter-spacing:.04em;color:var(--text-primary)}.vouchers-container .voucher-grid-details{display:flex;flex-direction:column;gap:4px}.vouchers-container .voucher-grid-package{margin:0;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.vouchers-container .voucher-grid-status{margin:0;font-size:.76rem}.vouchers-container .voucher-grid-status .status-unused{color:#0e7490;font-weight:700}.vouchers-container .voucher-grid-status .status-used{color:#047857;font-weight:700}.vouchers-container .voucher-grid-status .status-mobile{color:#7c3aed;font-weight:700}.vouchers-container .voucher-grid-print{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;margin-top:4px;border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-sm);background:#6366f10f;color:var(--accent-indigo);font-size:.78rem;font-weight:700;cursor:pointer;transition:background var(--transition),transform var(--transition)}.vouchers-container .voucher-grid-print:hover{background:#6366f124;transform:translateY(-1px)}.vouchers-container .pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid rgba(226,232,240,.6);background:#f8fafc80}.vouchers-container .pagination-info{font-size:.8rem;color:var(--text-muted)}.vouchers-container .pagination-info strong{color:var(--text-primary)}.vouchers-container .pagination-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.vouchers-container .per-page-selector{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}.vouchers-container .per-page-select{padding:6px 10px;font-size:.8rem;font-family:inherit;color:var(--text-primary);background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer}.vouchers-container .per-page-select:focus{outline:none;border-color:var(--accent-indigo)}.vouchers-container .page-nav{display:flex;align-items:center;gap:4px}.vouchers-container .page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid rgba(203,213,225,.6);border-radius:var(--radius-sm);background:#fff9;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.vouchers-container .page-btn:hover:not(:disabled){background:#6366f114;border-color:#6366f14d;color:var(--accent-indigo)}.vouchers-container .page-btn:disabled{opacity:.4;cursor:not-allowed}.vouchers-container .page-btn-active{background:var(--grad-primary);border-color:transparent;color:#fff;box-shadow:0 4px 12px #4f46e547}.vouchers-container .page-btn-active:hover{background:var(--grad-primary);color:#fff}@media (max-width: 1024px){.vouchers-container{padding:22px 20px 48px}.vouchers-container .stats-grid{grid-template-columns:repeat(2,1fr)}.vouchers-container .modal{max-width:92vw;max-height:90vh}}@media (max-width: 640px){.vouchers-container{padding:12px 10px 32px}.vouchers-container .vouchers-header{flex-direction:column;align-items:stretch;gap:12px}.vouchers-container .vouchers-title{font-size:1.3rem}.vouchers-container .vouchers-subtitle{font-size:.8rem}.vouchers-container .btn-primary{width:100%;justify-content:center;padding:12px 18px;font-size:.85rem}.vouchers-container .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.vouchers-container .stat-card{padding:12px 14px;gap:10px;border-radius:var(--radius-md)}.vouchers-container .stat-card-icon{width:34px;height:34px}.vouchers-container .stat-card-icon svg{width:18px;height:18px}.vouchers-container .stat-card-value{font-size:1.1rem}.vouchers-container .stat-card-label{font-size:.7rem}.vouchers-container .vouchers-tabs{width:100%;padding:4px;border-radius:var(--radius-sm);gap:4px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.vouchers-container .tab-item{flex:0 0 auto;justify-content:center;padding:6px 12px;font-size:.7rem;border-radius:var(--radius-sm);min-width:70px}.vouchers-container .tab-badge{padding:1px 6px;font-size:.6rem}.vouchers-container .filters-bar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.vouchers-container .search-wrapper{min-width:0;width:100%}.vouchers-container .search-input{padding:10px 14px 10px 38px;font-size:.85rem}.vouchers-container .search-icon{left:12px;width:16px;height:16px}.vouchers-container .filters-bar .btn-secondary{width:100%;justify-content:center;padding:10px 14px;font-size:.8rem}.vouchers-container .filters-bar .btn-secondary span{display:inline}.vouchers-container .view-toggle{align-self:flex-start}.vouchers-container .view-btn{width:28px;height:28px}.vouchers-container .view-btn svg{width:14px;height:14px}.vouchers-container .filter-select{margin-left:0!important;width:100%;padding:10px 14px;font-size:.85rem}.vouchers-container .bulk-actions-bar{padding:10px 14px;gap:8px;border-radius:var(--radius-sm)}.vouchers-container .bulk-count{font-size:.8rem}.vouchers-container .bulk-actions-bar .btn-secondary,.vouchers-container .bulk-actions-bar .btn-danger{padding:8px 12px;font-size:.75rem}.vouchers-container .bulk-actions-bar .btn-secondary span,.vouchers-container .bulk-actions-bar .btn-danger span{display:inline}.vouchers-container .modal-overlay{padding:16px;align-items:center;justify-content:center}.vouchers-container .modal{max-width:100%;max-height:90vh;border-radius:var(--radius-lg);margin:auto}.vouchers-container .modal-header{padding:14px 16px}.vouchers-container .modal-header h2{font-size:1rem}.vouchers-container .modal-body{padding:14px 16px}.vouchers-container .modal-footer{flex-direction:column;padding:12px 16px 16px;gap:8px}.vouchers-container .modal-footer .btn-save,.vouchers-container .modal-footer .btn-cancel{width:100%;justify-content:center;padding:12px}.vouchers-container .form-section{margin-bottom:16px;padding-bottom:14px}.vouchers-container .form-section-title{font-size:.8rem;margin-bottom:10px}.vouchers-container .form-row{flex-direction:column;gap:0}.vouchers-container .form-row .form-group{min-width:0;width:100%}.vouchers-container .form-group{margin-bottom:10px}.vouchers-container .form-group label{font-size:.75rem}.vouchers-container .form-input,.vouchers-container .form-select{padding:9px 12px;font-size:.85rem}.vouchers-container .vouchers-table thead{display:none}.vouchers-container .vouchers-table,.vouchers-container .vouchers-table tbody,.vouchers-container .vouchers-table tr,.vouchers-container .vouchers-table td{display:block;width:100%}.vouchers-container .table-row{margin-bottom:10px;border:1px solid rgba(226,232,240,.7);border-radius:var(--radius-md);background:#ffffff80;padding:0;display:block}.vouchers-container .table-row:hover{background:#ffffffb3}.vouchers-container .vouchers-table td{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;border-bottom:1px dashed rgba(226,232,240,.5);text-align:right;font-size:.82rem;min-height:36px}.vouchers-container .vouchers-table td:last-child{border-bottom:none}.vouchers-container .vouchers-table td.checkbox-cell{justify-content:flex-start;padding:8px 14px}.vouchers-container .vouchers-table td.checkbox-cell input[type=checkbox]{width:18px;height:18px}.vouchers-container .vouchers-table td:before{content:attr(data-label);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-faint);text-align:left;flex-shrink:0;margin-right:8px}.vouchers-container .code-cell{justify-content:flex-end;gap:6px}.vouchers-container .code-cell code{font-size:.78rem;padding:3px 8px}.vouchers-container .btn-copy-code{width:22px;height:22px}.vouchers-container .btn-copy-code svg{width:12px;height:12px}.vouchers-container .actions-cell{justify-content:flex-end;gap:6px}.vouchers-container .btn-action{width:28px;height:28px}.vouchers-container .btn-action svg{width:14px;height:14px}.vouchers-container .status-badge{padding:3px 10px;font-size:.68rem}.vouchers-container .user-badge{padding:2px 8px;font-size:.68rem}.vouchers-container .vouchers-grid-view{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:10px;gap:10px}.vouchers-container .voucher-grid-card{padding:12px;gap:8px}.vouchers-container .voucher-grid-code code{font-size:.8rem}.vouchers-container .voucher-grid-package{font-size:.75rem}.vouchers-container .pagination-bar{flex-direction:column;align-items:stretch;text-align:center;padding:12px 14px;gap:10px}.vouchers-container .pagination-info{font-size:.75rem}.vouchers-container .pagination-controls{justify-content:center;gap:10px;flex-wrap:wrap}.vouchers-container .per-page-selector{font-size:.75rem}.vouchers-container .per-page-select{padding:4px 8px;font-size:.75rem}.vouchers-container .page-nav{flex-wrap:wrap;justify-content:center;gap:3px}.vouchers-container .page-btn{min-width:28px;height:28px;padding:0 6px;font-size:.72rem}.vouchers-container .loading-state,.vouchers-container .empty-state{padding:40px 16px}.vouchers-container .empty-state svg{width:36px;height:36px}.vouchers-container .loading-spinner-small{width:24px;height:24px;border-width:2px}}@media (max-width: 380px){.vouchers-container{padding:8px 6px 24px}.vouchers-container .stats-grid{grid-template-columns:1fr 1fr;gap:6px}.vouchers-container .stat-card{padding:10px;gap:6px}.vouchers-container .stat-card-icon{width:28px;height:28px}.vouchers-container .stat-card-icon svg{width:14px;height:14px}.vouchers-container .stat-card-value{font-size:.95rem}.vouchers-container .vouchers-grid-view{grid-template-columns:1fr 1fr;gap:6px;padding:6px}.vouchers-container .voucher-grid-card{padding:10px}.vouchers-container .vouchers-table td{padding:6px 10px;font-size:.75rem}.vouchers-container .tab-item{padding:5px 8px;font-size:.65rem;min-width:55px}.vouchers-container .tab-badge{padding:0 5px;font-size:.6rem}.vouchers-container .btn-primary{padding:10px 14px;font-size:.8rem}.vouchers-container .modal-overlay{padding:10px}.vouchers-container .modal{max-height:92vh}}@media (max-width: 640px){.vouchers-container .vouchers-table td:nth-child(1):before{content:""}.vouchers-container .vouchers-table td:nth-child(2):before{content:"Voucher Code"}.vouchers-container .vouchers-table td:nth-child(3):before{content:"Package"}.vouchers-container .vouchers-table td:nth-child(4):before{content:"Status"}.vouchers-container .vouchers-table td:nth-child(5):before{content:"Used By"}.vouchers-container .vouchers-table td:nth-child(6):before{content:"Usage Date"}.vouchers-container .vouchers-table td:nth-child(7):before{content:"Expires"}.vouchers-container .vouchers-table td:nth-child(8):before{content:"Actions"}}@media print{.vouchers-container .modal-overlay{position:fixed;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.vouchers-container .modal{max-height:100vh;border:none;box-shadow:none;border-radius:0}.vouchers-container .modal-header{background:#fff}.vouchers-container .modal-footer{border-top:1px solid #e2e8f0}}.payment-settings-tab{display:flex;flex-direction:column;gap:24px}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.settings-section h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.section-description{font-size:13px;color:#666;margin-bottom:16px;line-height:1.5}.security-notice{display:flex;align-items:center;gap:12px;background:#fee2e2;border-left:4px solid #dc2626;padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:13px;color:#7f1d1d}.security-notice svg{flex-shrink:0;color:#dc2626}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.settings-row:last-child{margin-bottom:0}@media (max-width: 768px){.settings-row{grid-template-columns:1fr}}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-group label{font-size:13px;font-weight:600;color:#374151}.input-group{display:flex;gap:8px;align-items:center}.settings-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s}.settings-input:focus{outline:none;border-color:#ff3b30;box-shadow:0 0 0 3px #ff3b301a}.btn-copy{padding:8px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#666}.btn-copy:hover{background:#e5e7eb;color:#1a1a1a}.text-success{color:#059669;font-size:12px;font-weight:600;margin-top:4px}.settings-group.checkbox{flex-direction:row;align-items:center}.settings-group.checkbox label{margin:0;display:flex;align-items:center;gap:8px;font-weight:500}.settings-group.checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0}.btn-secondary{padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:12px 24px;background:#ff3b30;border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{background:#d63026}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-top:16px;font-size:13px}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-success svg{color:#059669}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-error svg{color:#dc2626}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px;font-size:13px;line-height:1.6;color:#374151}.info-box p{margin:0 0 12px}.info-box p:last-child{margin-bottom:0}.info-box p strong{color:#1a1a1a;display:block;margin-bottom:8px}.info-box ul,.info-box ol{margin:12px 0;padding-left:20px}.info-box li{margin-bottom:6px}.info-box a{color:#ff3b30;text-decoration:none;font-weight:600}.info-box a:hover{text-decoration:underline}.webhook-url{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:12px;margin:12px 0;font-family:Monaco,Courier New,monospace;font-size:12px;color:#374151;word-break:break-all;overflow-x:auto}.settings-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.pm-mode-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.pm-mode-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.pm-mode-option:hover{border-color:#ff3b30;background:#f8fafc}.pm-mode-option.active{border-color:#ff3b30;background:#fef2f2;box-shadow:0 0 0 3px #ff3b301a}.pm-mode-option input[type=radio]{margin-top:3px;width:16px;height:16px;cursor:pointer;flex-shrink:0}.pm-mode-option-body{display:flex;flex-direction:column;gap:4px}.pm-mode-option-title{font-size:14px;font-weight:700;color:#1a1a1a}.pm-mode-option-desc{font-size:12.5px;color:#6b7280;line-height:1.5}.pm-mode-actions{display:flex;align-items:center;gap:12px}.pm-mode-loading{font-size:12.5px;color:#9ca3af}@media (max-width: 768px){.settings-section{padding:16px}.settings-row{gap:12px}.settings-input,.btn-secondary,.btn-primary{font-size:12px;padding:8px 12px}.info-box{font-size:12px}}:root{--glass-bg: rgba(255, 255, 255, .68);--glass-bg-strong: rgba(255, 255, 255, .92);--glass-border: rgba(255, 255, 255, .55);--glass-shadow: 0 10px 34px rgba(15, 23, 42, .09);--accent-red: #FF3B30;--accent-red-dark: #D63026;--accent-red-light: #FF5D52;--accent-green: #30d158;--accent-yellow: #ff9f0a;--accent-purple: #bf5af2;--accent-blue: #0a84ff;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--bg-primary: #eef1f6;--card-shadow: 0 6px 20px rgba(15, 23, 42, .08);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.settings-container{width:100%;max-width:100%;margin:0;padding:1.75rem;animation:fadeIn .4s ease-out;overflow-x:hidden;box-sizing:border-box;font-family:var(--ui-font);background:radial-gradient(1200px 400px at 0% -10%,rgba(10,132,255,.06),transparent),radial-gradient(900px 400px at 100% 0%,rgba(191,90,242,.05),transparent),var(--bg-primary)}.settings-header{margin-bottom:1.75rem}.settings-title{font-size:1.9rem;font-weight:700;letter-spacing:-.4px;display:flex;align-items:center;gap:.7rem;background:linear-gradient(135deg,#1d1d1f,#46464c);-webkit-background-clip:text;background-clip:text;color:transparent}.settings-title-icon{color:var(--accent-red);-webkit-text-fill-color:initial}.settings-subtitle{color:var(--text-secondary);margin-top:.3rem;font-size:.9rem}.alert-error,.alert-success{margin-bottom:1.5rem;padding:1rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.alert-error{background:#ff453a1a;border:1px solid rgba(255,69,58,.2);color:var(--accent-red)}.alert-success{background:#30d1581a;border:1px solid rgba(48,209,88,.2);color:var(--accent-green)}.settings-error{background:#ff453a1a;border:1px solid rgba(255,69,58,.2);border-radius:.75rem;padding:2rem;text-align:center;color:var(--accent-red)}.settings-tabs{display:flex;gap:.4rem;margin-bottom:1.75rem;padding:.35rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:14px;width:fit-content;max-width:100%;flex-wrap:wrap;overflow-x:auto;box-shadow:0 2px 10px #0f172a0d}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:550;color:var(--text-secondary);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap}.settings-tab:hover{color:var(--text-primary);background:#0000000a}.settings-tab-icon{display:flex;align-items:center}.settings-tab-active{color:#fff;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));box-shadow:0 4px 12px #ff3b3059}.settings-tab-active:hover{color:#fff;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark))}.portal-tab{display:flex;flex-direction:column;gap:1.5rem;width:100%;overflow-x:hidden;align-items:start}@media (min-width: 1100px){.portal-tab{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.5rem}}.portal-config-panel{display:flex;flex-direction:column;gap:1.25rem;min-width:0;width:100%;overflow-x:hidden}.portal-preview-panel{position:sticky;top:1.5rem;height:fit-content;width:100%;max-width:100%;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.25rem;box-sizing:border-box;box-shadow:var(--glass-shadow)}.config-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.35rem;transition:var(--transition-smooth);width:100%;overflow-x:hidden;box-sizing:border-box;box-shadow:0 2px 10px #0f172a0d}.config-card:hover{box-shadow:var(--glass-shadow)}.config-card-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;padding-bottom:.85rem;border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.config-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.1px}.card-icon-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;flex-shrink:0}.card-icon-blue{background:#ff3b3024;color:var(--accent-red)}.card-icon-green{background:#30d15824;color:var(--accent-green)}.card-icon-purple{background:#bf5af224;color:var(--accent-purple)}.card-icon-yellow{background:#ff9f0a29;color:var(--accent-yellow)}.card-icon-red{background:#ff453a24;color:var(--accent-red)}.config-card-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.router-selector{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (min-width: 640px){.router-selector{flex-direction:row;align-items:flex-end}}.router-selector-field{flex:1;min-width:0}.router-selector-field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.router-selector-field select{width:100%;padding:.55rem .75rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.6rem;font-size:.875rem;cursor:pointer}.btn-copy-command{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));color:#fff;border:none;border-radius:.65rem;font-size:.85rem;font-weight:550;cursor:pointer;white-space:nowrap;box-shadow:0 3px 10px #ff3b3047;transition:var(--transition-smooth)}.btn-copy-command:hover{transform:translateY(-1px)}.command-section{margin-bottom:1rem}.command-section label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.command-textarea{width:100%;padding:.65rem;background:#16181d;color:#4ade80;font-family:SF Mono,Menlo,monospace;font-size:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;resize:vertical;min-height:60px;box-sizing:border-box;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.command-hint{font-size:.6875rem;color:var(--text-secondary);margin-top:.35rem}.url-section{margin-bottom:.5rem}.url-section label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);margin-bottom:.3rem}.url-input-wrapper{display:flex;gap:.5rem;width:100%}.url-input{flex:1;min-width:0;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.6rem;font-size:.75rem;font-family:SF Mono,Menlo,monospace;overflow-x:auto;white-space:nowrap}.url-copy-btn{padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.6rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center}.colors-grid,.fonts-grid{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:1rem;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent}.colors-grid::-webkit-scrollbar,.fonts-grid::-webkit-scrollbar{height:6px}.colors-grid::-webkit-scrollbar-thumb,.fonts-grid::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.color-picker{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;width:180px}.color-picker-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:capitalize}.color-picker-controls{display:flex;align-items:center;gap:.5rem}.color-picker-input{width:2.4rem;height:2.4rem;border:1px solid var(--glass-border);border-radius:.55rem;cursor:pointer;flex-shrink:0;padding:0}.color-picker-text{flex:1;min-width:0;padding:.4rem .5rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.75rem;font-family:SF Mono,Menlo,monospace}.font-selector{display:flex;flex-direction:column;gap:.3rem;flex-shrink:0;width:200px}.font-selector-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.font-selector-select{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;cursor:pointer}.branding-fields{display:flex;flex-direction:column;gap:1rem}.branding-field{display:flex;flex-direction:column;gap:.3rem}.branding-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.branding-field input,.branding-field textarea{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;box-sizing:border-box;font-family:var(--ui-font)}.branding-field input:focus,.branding-field textarea:focus,.router-selector-field select:focus{outline:none;border-color:var(--accent-red);box-shadow:0 0 0 3px #ff3b3026}.preview-header-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;font-size:.78rem;font-weight:600;color:var(--text-primary);flex-wrap:wrap}.preview-badge{margin-left:auto;font-size:.625rem;font-weight:600;padding:.2rem .5rem;background:#30d15824;color:var(--accent-green);border-radius:1rem}.preview-note{text-align:center;font-size:.7rem;color:var(--text-secondary);margin-top:1.1rem;line-height:1.4}.ip-device{--ip-w: 300px;--ip-h: 630px;width:var(--ip-w);height:var(--ip-h);max-width:100%;margin:0 auto;position:relative;border-radius:52px;padding:14px;box-sizing:border-box;background:linear-gradient(155deg,#4b4d54,#232429 45%,#1a1b1f);box-shadow:0 20px 45px #0f172a47,0 2px 6px #0f172a26,inset 0 0 0 1.5px #ffffff1f}.ip-screen{position:relative;width:100%;height:100%;background:#fff;border-radius:40px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #00000059}.ip-dynamic-island{position:absolute;top:24px;left:50%;transform:translate(-50%);width:88px;height:26px;background:#000;border-radius:16px;z-index:20}.ip-statusbar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px 2px;font-size:13px;font-weight:600;color:#0b0b0c;flex-shrink:0;font-family:var(--ui-font)}.ip-statusbar-dark{color:#fff}.ip-statusbar-time{letter-spacing:.2px}.ip-statusbar-icons{display:flex;align-items:center;gap:5px}.ip-wifi-wrap{position:relative;display:flex}.ip-wifi-dot{position:absolute;top:-2px;right:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent-yellow);border:1.5px solid #fff}.ip-statusbar-dark .ip-wifi-dot{border-color:#1a1b1f}.ip-battery-wrap{display:flex;align-items:center;gap:3px}.ip-battery-pct{font-size:12px;font-weight:600}.ip-navbar{display:flex;align-items:center;padding:4px 14px 8px;flex-shrink:0;border-bottom:1px solid rgba(0,0,0,.08);font-family:var(--ui-font)}.ip-navbar-dark{border-bottom-color:#ffffff1f}.ip-navbar-cancel{font-size:13px;font-weight:500;color:var(--accent-red);width:58px;flex-shrink:0}.ip-navbar-dark .ip-navbar-cancel{color:#ff6b6b}.ip-navbar-title{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.ip-navbar-title-main{font-size:12.5px;font-weight:650;color:#0b0b0c}.ip-navbar-dark .ip-navbar-title-main{color:#fff}.ip-navbar-title-sub{font-size:10px;color:var(--text-secondary);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-navbar-dark .ip-navbar-title-sub{color:#ffffffa6}.ip-navbar-spacer{width:58px;flex-shrink:0}.ip-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.ip-scroll::-webkit-scrollbar{display:none}.ip-home-indicator-wrap{position:absolute;bottom:6px;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.ip-home-indicator{width:120px;height:4.5px;border-radius:4px;background:#ffffffe6}.ip-home-indicator-dark{background:#000000bf}.cp-portal{position:relative;min-height:100%;color:#0f172a;overflow:hidden}.cp-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(145deg,#f0f7ff,#fff 45%,#fff7ed);pointer-events:none}.cp-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.cp-bg-orb-1{width:500px;height:500px;top:-200px;right:-150px;opacity:.07}.cp-bg-orb-2{width:400px;height:400px;bottom:-100px;left:-100px;opacity:.08}.cp-bg-orb-3{width:300px;height:300px;top:40%;left:30%;opacity:.05}.cp-wrapper{position:relative;z-index:1;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:10px;padding:14px 12px 30px;box-sizing:border-box}.cp-header{border-radius:18px;padding:20px 18px 16px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000021,0 0 0 1px #ffffff1a inset}.cp-header:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:#ffffff12}.cp-header:after{content:"";position:absolute;bottom:-40px;left:-40px;width:150px;height:150px;border-radius:50%;background:#ffffff0d}.cp-logo{display:block;margin:0 auto 10px;max-height:48px;max-width:120px;object-fit:contain;border-radius:10px;background:#ffffff26;padding:4px 8px}.cp-title{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;position:relative;z-index:1;word-break:break-word;margin:0}.cp-header-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;background:#ffffff26;border-radius:99px;font-size:.64rem;color:#ffffffe6;position:relative;z-index:1;max-width:100%}.cp-badge-text{word-break:break-word}.cp-badge-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;flex-shrink:0}.cp-card{background:var(--cp-surface, #ffffff);border-radius:14px;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #00000012;overflow:hidden}.cp-card-muted{background:#f8fafc;border:1px solid #e2e8f0}.cp-card-amber{background:#fffbeb;border:1px solid var(--cp-accent, #f59e0b)}.cp-card-tv{border:1.5px solid var(--cp-accent, #f59e0b);background:linear-gradient(135deg,#fffbeb,#fff7ed)}.cp-card-header{padding:12px 14px 0;display:flex;align-items:center;gap:8px}.cp-card-icon{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.cp-card-icon-accent{background:linear-gradient(135deg,var(--cp-accent, #f59e0b),var(--cp-accent-dark, #d97706))}.cp-card-title{font-family:var(--cp-heading-font, "Outfit", sans-serif);font-size:.85rem;font-weight:700;color:#0f172a}.cp-card-title-tv{color:#92400e}.cp-card-body{padding:10px 14px 14px}.cp-device-rows{font-size:.72rem;color:#475569;display:flex;flex-direction:column;gap:2px}.cp-pair{display:flex;justify-content:space-between;padding:3px 0}.cp-pair strong{color:#1e293b}.cp-steps{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.cp-step{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;font-size:.72rem;color:#374151;line-height:1.5}.cp-step-emoji{font-size:.8rem;flex-shrink:0;margin-top:1px}.cp-help{margin-top:8px;padding:8px 10px;background:#f0f9ff;border-radius:10px;font-size:.7rem;color:var(--cp-text-muted, #64748b)}.cp-help a{font-weight:600;text-decoration:none}.cp-input-group{position:relative;margin-bottom:10px}.cp-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.85rem;pointer-events:none}.cp-voucher-input{width:100%;padding:11px 12px 11px 34px;border:2px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#f8fafc;color:#0f172a;letter-spacing:.05em;box-sizing:border-box}.cp-voucher-input::placeholder{color:#94a3b8;letter-spacing:0}.cp-btn-primary{width:100%;padding:11px 12px;color:#fff;border:none;border-radius:10px;font-family:var(--cp-heading-font, "Outfit", sans-serif);font-size:.82rem;font-weight:700;cursor:pointer;letter-spacing:.01em;box-shadow:0 4px 14px #2563eb59;display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box}.cp-reconnect-btns{display:flex;gap:8px;flex-wrap:wrap}.cp-reconnect-btns .cp-btn-primary{flex:1;min-width:120px}.cp-empty{text-align:center;color:#94a3b8;font-size:.72rem;padding:10px 0;margin:0}.cp-package-list{display:flex;flex-direction:column;gap:8px}.cp-package-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1.5px solid #e2e8f0}.cp-pkg-name{font-family:var(--cp-heading-font, "Outfit", sans-serif);font-size:.76rem;font-weight:700;color:#0f172a;word-break:break-word}.cp-pkg-meta{font-size:.66rem;color:#64748b;margin-top:2px}.cp-pkg-price{font-family:var(--cp-heading-font, "Outfit", sans-serif);font-size:.74rem;font-weight:800;white-space:nowrap}.cp-btn-buy{padding:7px 14px;color:#fff;border:none;border-radius:8px;font-family:var(--cp-heading-font, "Outfit", sans-serif);font-size:.7rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px #2563eb4d}.cp-tv-desc{font-size:.7rem;color:#78716c;margin:0 0 8px;line-height:1.5}.cp-footer{text-align:center;font-size:.64rem;color:#94a3b8;padding:4px 0 2px}.cp-footer a{font-weight:600;text-decoration:none}.hotspot-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.hotspot-grid{grid-template-columns:repeat(2,1fr)}}.hotspot-field{display:flex;flex-direction:column;gap:.3rem}.hotspot-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.hotspot-field input,.hotspot-field select{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;box-sizing:border-box}.scroll-hint{font-size:.72rem;color:var(--text-secondary);text-align:center;margin-top:.5rem;-webkit-user-select:none;user-select:none}.payment-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.payment-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.payment-field select,.payment-field input{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;box-sizing:border-box}.iotec-config{background:#0a84ff0f;border-radius:.75rem;padding:1rem;margin-bottom:1rem;overflow-x:auto}.iotec-config h3{font-size:.875rem;font-weight:600;color:var(--accent-blue);margin-bottom:.75rem}.iotec-field{margin-bottom:.75rem}.iotec-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary);display:block;margin-bottom:.3rem}.iotec-field input{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-primary);cursor:pointer;flex-wrap:wrap}.add-instruction-card{background:#00000005;border-radius:.75rem;padding:1rem;margin-bottom:1.5rem}.add-instruction-card h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.add-instruction-form{display:flex;flex-direction:column;gap:.75rem}.instruction-field{display:flex;flex-direction:column;gap:.3rem}.instruction-field label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.instruction-field input,.instruction-field textarea{width:100%;padding:.55rem;background:#00000009;border:1px solid var(--glass-border);border-radius:.55rem;font-size:.875rem;box-sizing:border-box}.btn-add-instruction{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem;background:linear-gradient(135deg,var(--accent-blue),#0060d6);color:#fff;border:none;border-radius:.55rem;font-size:.875rem;font-weight:550;cursor:pointer;box-shadow:0 3px 10px #0a84ff47}.current-instructions h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.instructions-list{display:flex;flex-direction:column;gap:.5rem}.instruction-item{display:flex;justify-content:space-between;align-items:flex-start;background:#00000005;border-radius:.75rem;padding:.75rem;gap:.5rem}.instruction-content{flex:1;min-width:0}.instruction-step{display:inline-block;padding:.15rem .55rem;background:#0a84ff1f;color:var(--accent-blue);border-radius:.3rem;font-size:.625rem;font-weight:650;margin-bottom:.5rem}.instruction-content p{font-size:.8125rem;color:var(--text-primary);word-break:break-word}.btn-delete-instruction{padding:.4rem;background:#ff453a1a;color:var(--accent-red);border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition-smooth);flex-shrink:0;display:flex}.btn-delete-instruction:hover{background:#ff453a2e}.no-instructions{text-align:center;padding:2rem;color:var(--text-secondary)}.settings-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--glass-border);flex-wrap:wrap}.btn-save-settings{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.6rem;background:linear-gradient(135deg,var(--accent-blue),#0060d6);color:#fff;border:none;border-radius:.8rem;font-size:.875rem;font-weight:550;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 14px #0a84ff4d}.btn-save-settings:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #0a84ff66}.btn-save-settings:disabled{opacity:.7;cursor:default}.btn-cancel-settings{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.6rem;background:#0000000b;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:.8rem;font-size:.875rem;font-weight:550;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel-settings:hover{background:#00000012}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.loading-spinner{position:relative;width:3rem;height:3rem}.spinner-ring{width:3rem;height:3rem;border:3px solid rgba(10,132,255,.2);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:1rem;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-container{padding:1rem}.settings-title{font-size:1.5rem}.settings-actions{flex-direction:column}.btn-save-settings,.btn-cancel-settings{justify-content:center}.preview-package-item{flex-direction:column;text-align:center}.instruction-item{flex-direction:column}.btn-delete-instruction{align-self:flex-end}.ip-device{--ip-w: 260px;--ip-h: 560px}}@media (max-width: 480px){.router-selector{flex-direction:column}.btn-copy-command{width:100%}.ip-device{--ip-w: 240px;--ip-h: 520px}}.subscribed-users-container{padding:24px;background:#f2f2f7;min-height:100vh;overflow-x:hidden;max-width:100vw}.su-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.su-header .page-title{font-size:28px;font-weight:700;color:#111827;margin:0;letter-spacing:-.5px}.su-header .page-subtitle{margin:2px 0 0;color:#6b7280;font-size:14px}.su-header-actions{display:flex;gap:10px;align-items:center}.su-refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.5);background:#ffffff59;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;font-weight:600;font-size:14px;color:#6b7280;transition:all .25s ease;white-space:nowrap}.su-refresh-btn:hover{transform:translateY(-2px);background:#ffffff80}.su-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.su-refresh-btn .spinning{animation:spin 1s linear infinite}.su-filters{margin:0 0 20px}.su-search{display:flex;align-items:center;gap:10px;background:#ffffff59;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:12px 16px}.su-search svg{color:#6b7280;flex-shrink:0}.su-search input{border:none;outline:none;background:transparent;width:100%;font-size:14px;color:#111827}.su-search input::placeholder{color:#9ca3af}.su-error{margin-bottom:12px;padding:12px 16px;border-radius:14px;border:1px solid rgba(220,38,38,.2);background:#dc26260d;color:#dc2626;font-size:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.su-table-wrapper{background:#ffffff59;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.6);border-radius:24px;overflow:hidden;overflow-x:auto;box-shadow:0 10px 35px #0000000d,inset 0 1px 1px #ffffffb3;position:relative}.su-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:0 0 4px;margin:0}.su-table-scroll::-webkit-scrollbar{height:6px;width:6px}.su-table-scroll::-webkit-scrollbar-track{background:#0000000d;border-radius:10px;margin:0 10px}.su-table-scroll::-webkit-scrollbar-thumb{background:#6b728040;border-radius:10px;transition:all .3s ease}.su-table-scroll::-webkit-scrollbar-thumb:hover{background:#6b728066}.su-table-scroll{scrollbar-width:thin;scrollbar-color:rgba(107,114,128,.25) transparent}.su-table{width:100%;border-collapse:collapse;min-width:800px}.su-table thead{background:#ffffff4d}.su-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.3);white-space:nowrap;position:sticky;top:0;z-index:2;background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.su-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.15);font-size:13px;color:#111827;vertical-align:middle}.su-table tbody tr{transition:background .15s ease}.su-table tbody tr:hover{background:#ffffff2e}.su-table tbody tr:last-child td{border-bottom:none}.su-user-cell{display:flex;align-items:center;gap:12px;min-width:140px}.su-avatar{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#2563eb1a;color:#ff3b30;flex-shrink:0}.su-username{font-weight:600;color:#111827;font-size:13px}.su-muted{color:#6b7280;font-size:12px}.su-mono{font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.02em}.su-voucher-code{font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:700;color:#7c3aed;background:#7c3aed14;padding:3px 10px;border-radius:6px;font-size:12px;letter-spacing:.05em;white-space:nowrap}.su-plan-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#2563eb14;color:#ff3b30;font-weight:600;font-size:12px;white-space:nowrap}.su-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-weight:600;font-size:12px;white-space:nowrap}.su-status-active{background:#0596691a;color:#059669}.su-status-due{background:#d977061a;color:#d97706}.su-status-expired{background:#dc26261a;color:#dc2626}.su-status-pending{background:#6b728014;color:#6b7280}.su-view-btn{width:34px;height:34px;border:none;background:#ffffff73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;color:#ff3b30;touch-action:manipulation}.su-view-btn:hover{background:#2563eb1f;transform:scale(1.05)}.su-view-btn:active{transform:scale(.92)}.su-empty{padding:40px 20px;text-align:center;color:#6b7280}.su-empty svg{display:block;margin:0 auto 12px;color:#9ca3af}.su-empty .spinning{animation:spin 1s linear infinite}.su-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.su-modal{background:#ffffffd9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.6);border-radius:28px;width:min(520px,100%);max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 30px 80px #00000038}.su-modal-header{padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px 28px 0 0;z-index:1}.su-modal-header-title{font-weight:800;color:#0f172a;font-size:18px}.su-modal-header-sub{font-size:12px;color:#64748b;margin-top:2px}.su-modal-close{background:transparent;border:none;cursor:pointer;font-size:24px;color:#6b7280;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .25s ease}.su-modal-close:hover{background:#dc26261a;color:#dc2626}.su-modal-body{padding:20px}.su-modal-field{margin-bottom:16px}.su-modal-label{font-size:12px;color:#64748b;margin-bottom:6px;display:block}.su-modal-value{display:flex;gap:8px;align-items:center}.su-modal-value-input{flex:1;font-weight:700;color:#0f172a;background:#f8fafccc;border:1px solid rgba(226,232,240,.6);padding:10px 12px;border-radius:12px;overflow:hidden;overflow-x:auto;text-overflow:ellipsis;font-size:14px}.su-modal-value .su-copy-btn{background:#f1f5f9cc;border:1px solid rgba(226,232,240,.6);border-radius:12px;padding:0 12px;cursor:pointer;height:42px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b}.su-modal-value .su-copy-btn:hover{background:#2563eb1a;color:#ff3b30}.su-modal-warning{font-size:11px;color:#991b1b;background:#dc26260d;padding:10px 12px;border-radius:10px;border:1px solid rgba(220,38,38,.15);margin-bottom:16px}.su-modal-password-input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(226,232,240,.6);outline:none;font-size:14px;background:#f8fafccc;transition:all .25s ease}.su-modal-password-input:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #3b82f61a}.su-modal-hint{font-size:12px;color:#94a3b8;margin-top:6px}.su-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.su-modal-btn-cancel{padding:10px 18px;border-radius:12px;background:#f1f5f9cc;border:1px solid rgba(226,232,240,.6);cursor:pointer;font-weight:600;color:#475569;transition:all .2s ease}.su-modal-btn-cancel:hover{background:#e2e8f0cc}.su-modal-btn-submit{padding:10px 18px;border-radius:12px;background:#ff3b30;color:#fff;border:none;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.su-modal-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.su-modal-btn-submit:active{transform:scale(.97)}.su-desktop-only{display:none}.su-mobile-only{display:block}@media (min-width: 641px){.su-desktop-only{display:block}.su-mobile-only{display:none}}.su-mobile-cards{display:flex;flex-direction:column;gap:12px;padding-bottom:16px}.su-mobile-card{background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:18px;overflow:hidden;overflow-x:auto;box-shadow:0 4px 16px #0000000a}.su-mobile-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff4d;border-bottom:1px solid rgba(255,255,255,.3)}.su-mobile-card-user{flex:1;min-width:0}.su-mobile-card-user .su-username{font-size:14px;font-weight:600;color:#111827;overflow:hidden;overflow-x:auto;text-overflow:ellipsis;white-space:nowrap}.su-mobile-card-user .su-muted{font-size:12px;color:#6b7280;overflow:hidden;overflow-x:auto;text-overflow:ellipsis;white-space:nowrap}.su-mobile-card-body{padding:4px 16px 14px;display:flex;flex-direction:column}.su-mobile-card-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.su-mobile-card-row:last-child{border-bottom:none;padding-bottom:0}.su-mobile-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.su-mobile-value{font-size:13px;color:#111827;font-weight:500;text-align:right;word-break:break-all}.su-mobile-card-row .su-plan-pill,.su-mobile-card-row .su-status-pill{font-size:11px;padding:4px 10px}.su-mobile-card-row .su-view-btn{width:38px;height:38px;border-radius:12px}@media (max-width: 380px){.subscribed-users-container{padding:10px}.su-header .page-title{font-size:20px}.su-avatar{width:30px;height:30px;font-size:12px}.su-mobile-card-header{padding:10px 12px;gap:8px}.su-mobile-card-body{padding:2px 12px 10px}.su-mobile-card-row{padding:6px 0}.su-plan-pill,.su-status-pill{font-size:10px;padding:3px 8px}.su-modal{border-radius:20px}.su-modal-body{padding:16px}}@media (max-width: 480px){.subscribed-users-container{padding:12px}.su-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.su-header .page-title{font-size:24px}.su-header .page-subtitle{font-size:13px}.su-header-actions{width:100%}.su-refresh-btn{flex:1;justify-content:center;padding:10px 12px;font-size:13px}.su-filters{margin-bottom:12px}.su-search{padding:10px 14px;border-radius:14px}.su-search input{font-size:13px}.su-mobile-cards{gap:10px}.su-mobile-card{border-radius:16px}.su-mobile-card-header{padding:12px 14px;gap:10px}.su-mobile-card-body{padding:2px 14px 12px}.su-mobile-card-row{padding:7px 0}.su-modal-overlay{padding:12px;align-items:flex-end}.su-modal{border-radius:24px;max-height:80vh}.su-modal-header{padding:16px;border-radius:24px 24px 0 0}.su-modal-body{padding:16px}.su-modal-actions{flex-direction:column}.su-modal-btn-cancel,.su-modal-btn-submit{width:100%;justify-content:center}}@media (min-width: 481px) and (max-width: 768px){.subscribed-users-container{padding:16px}.su-table{min-width:750px}.su-table-wrapper:after{content:"← Scroll →";position:absolute;bottom:8px;right:12px;font-size:10px;color:#6b728066;background:#ffffff80;padding:2px 10px;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;opacity:.5}}@media (max-height: 500px) and (orientation: landscape){.subscribed-users-container{padding:10px}.su-header{margin-bottom:12px}.su-header .page-title{font-size:22px}.su-table th,.su-table td{padding:8px 10px;font-size:11px}.su-table{min-width:650px}.su-modal{max-height:90vh}}@media (hover: none){.su-refresh-btn:hover{transform:none}.su-table tbody tr:hover{background:transparent}.su-view-btn:hover,.su-modal-btn-submit:hover{transform:none}}@supports (padding: max(0px)){.subscribed-users-container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.su-modal-overlay{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}.su-router-name{font-weight:700;color:#ff3b30;font-size:.8rem;display:inline-block;padding:3px 10px;border:1px solid #FF3B30;border-radius:6px;background:#2563eb0a;white-space:nowrap}.su-payer-cell{display:flex;align-items:center}.su-payer-name{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#059669;white-space:nowrap}.su-payer-name svg{flex-shrink:0;opacity:.7}.su-payer-first_time{color:#7c3aed}.su-payer-returning{color:#0891b2}.payment-details-container{max-width:1400px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f5f7fa,#eef2f7);min-height:100vh}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-size:28px;font-weight:700;color:#0f172a;margin:0}.page-subtitle{font-size:14px;color:#64748b;margin-top:4px}.header-actions{display:flex;gap:12px}.toggle-money-btn,.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s}.toggle-money-btn:hover,.refresh-btn:hover{background:#f8fafc;transform:translateY(-1px);border-color:#ff3b30}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.stats-row{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:20px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #e2e8f0;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center}.users-icon{background:#007aff1a;color:#ff3b30}.revenue-icon{background:#22c55e1a;color:#22c55e}.checked-icon{background:#8b5cf61a;color:#8b5cf6}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#0f172a}.stat-label{font-size:13px;color:#64748b}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-container{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 16px;transition:all .2s}.search-container:focus-within{border-color:#ff3b30;box-shadow:0 0 0 3px #007aff1a}.search-container svg{color:#94a3b8}.search-container input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.search-container input::placeholder{color:#94a3b8}.filter-container{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 16px}.filter-container svg{color:#94a3b8}.filter-container select{border:none;outline:none;font-size:14px;background:transparent;cursor:pointer}.customers-table-wrapper{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000d}.customers-table{width:100%;border-collapse:collapse}.customers-table th{text-align:left;padding:16px;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.customers-table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.customer-row{cursor:pointer;transition:all .2s}.customer-row:hover{background:#f8fafc}.customer-row:hover .arrow-cell svg{transform:translate(4px);color:#ff3b30}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ff3b30,#0051d5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#0f172a}.user-username{font-size:12px;color:#64748b}.phone-cell{display:flex;align-items:center;gap:8px;color:#475569;font-family:monospace}.phone-cell svg{color:#94a3b8}.receipt-cell{display:flex;align-items:center;gap:8px}.receipt-cell svg{color:#94a3b8}.receipt-cell code{font-family:monospace;font-size:12px;background:#f1f5f9;padding:4px 8px;border-radius:6px}.amount-cell{font-weight:600;color:#0f172a}.status-checked{background:#22c55e1a;color:#22c55e}.status-pending{background:#ef44441a;color:#ef4444}.date-cell{display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px}.date-cell svg{color:#94a3b8}.arrow-cell svg{color:#94a3b8;transition:all .2s}.cd-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cd-header-left{display:flex;align-items:flex-start;gap:16px}.back-btn{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.back-btn:hover{background:#f1f5f9;transform:translate(-2px)}.cd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-bottom:8px}.cd-title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 8px}.cd-status-badges{display:flex;gap:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#22c55e1a;color:#22c55e}.online-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;background:#f1f5f9;color:#475569}.online-badge.online{background:#22c55e1a;color:#22c55e}.online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #22c55e33;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cd-header-actions{position:relative}.actions-btn{width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#64748b}.actions-btn:hover{background:#f1f5f9}.dropdown-menu{position:absolute;top:48px;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #e2e8f0;min-width:180px;z-index:100;overflow:hidden}.dropdown-menu button{width:100%;padding:10px 16px;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-size:13px;color:#334155;transition:background .2s}.dropdown-menu button:hover{background:#f8fafc}.cd-package-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:20px 24px;margin-bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.package-card-header{display:flex;align-items:center;gap:16px}.package-icon{width:48px;height:48px;background:#ffffff1a;border-radius:16px;display:flex;align-items:center;justify-content:center}.package-name{font-size:18px;font-weight:600;margin-bottom:4px}.package-expiry{display:flex;align-items:center;gap:6px;font-size:13px;color:#ffffffb3}.package-actions{display:flex;align-items:center;gap:20px}.time-remaining{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff1a;border-radius:30px;font-size:13px;font-weight:500}.action-buttons{display:flex;gap:8px}.action-chip{padding:8px 14px;background:#ffffff1a;border:none;border-radius:30px;color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.action-chip:hover{background:#fff3;transform:translateY(-1px)}.cd-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.tab{padding:10px 20px;background:none;border:none;border-radius:12px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.tab:hover{background:#f1f5f9;color:#1e293b}.tab.active{background:#fff;color:#ff3b30;box-shadow:0 1px 3px #0000000d}.cd-content{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;margin-bottom:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;padding:24px}.info-section{background:#f8fafc;border-radius:16px;padding:20px}.info-section h3{font-size:16px;font-weight:600;color:#0f172a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:#64748b}.info-value{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#1e293b}.info-value code{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:6px;font-size:12px}.info-value button{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px;transition:all .2s}.info-value button:hover{background:#e2e8f0;color:#ff3b30}.highlight{color:#ff3b30;font-weight:600}.speed-indicator{display:flex;gap:16px;margin-bottom:16px}.speed-item{flex:1;text-align:center;padding:10px;background:#fff;border-radius:12px}.speed-label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.speed-value{font-size:16px;font-weight:700;color:#ff3b30}.usage-stats{margin-top:16px}.usage-item{display:flex;justify-content:space-between;padding:8px 0}.usage-label{font-size:12px;color:#64748b}.usage-value{font-size:13px;font-weight:600;color:#1e293b}.payments-tab{padding:24px}.payments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:16px}.summary-card svg{color:#ff3b30}.summary-card div{display:flex;flex-direction:column}.summary-card span{font-size:12px;color:#64748b}.summary-card strong{font-size:18px;font-weight:700;color:#0f172a}.payments-table-wrapper,.sessions-table-wrapper{overflow-x:auto}.payments-table,.sessions-table{width:100%;border-collapse:collapse}.payments-table th,.sessions-table th{text-align:left;padding:12px;background:#f8fafc;font-size:12px;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0}.payments-table td,.sessions-table td{padding:12px;font-size:13px;border-bottom:1px solid #f1f5f9}.status-completed{display:inline-block;padding:4px 10px;background:#22c55e1a;color:#22c55e;border-radius:20px;font-size:11px;font-weight:500}.sms-tab{padding:24px}.sms-composer h3{font-size:16px;font-weight:600;margin-bottom:16px}.sms-input-group{margin-bottom:16px}.sms-input-group label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:#1e293b}.sms-input-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;resize:vertical;font-family:inherit}.sms-input-group textarea:focus{outline:none;border-color:#ff3b30;box-shadow:0 0 0 3px #007aff1a}.send-sms-btn{padding:10px 20px;background:#ff3b30;color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.send-sms-btn:hover{background:#0051d5;transform:translateY(-1px)}.notes-tab{padding:24px}.add-note textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;margin-bottom:12px;resize:vertical;font-family:inherit}.add-note button{padding:10px 20px;background:#ff3b30;color:#fff;border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.add-note button:hover{background:#0051d5}.cd-footer{text-align:center;padding:24px 0 16px;border-top:1px solid #e2e8f0}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.footer-links span{font-size:12px;color:#64748b;cursor:pointer;transition:color .2s}.footer-links span:hover{color:#ff3b30}.copyright{font-size:11px;color:#94a3b8}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:#94a3b8}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#ff3b30;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1024px){.customers-table,.payments-table,.sessions-table{min-width:800px}.customers-table-wrapper,.payments-table-wrapper,.sessions-table-wrapper{overflow-x:auto}}@media (max-width: 768px){.payment-details-container{padding:16px}.page-title,.cd-title{font-size:22px}.header-actions{width:100%}.toggle-money-btn,.refresh-btn{flex:1;justify-content:center}.filters-section{flex-direction:column}.search-container,.filter-container{width:100%}.info-grid{grid-template-columns:1fr;padding:16px}.cd-package-card{flex-direction:column;align-items:flex-start}.package-actions{flex-direction:column;width:100%}.action-buttons{width:100%;justify-content:center}.cd-tabs{overflow-x:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.footer-links{flex-wrap:wrap;gap:12px}}@media (max-width: 480px){.stat-card{padding:16px}.stat-value{font-size:22px}.stat-icon{width:40px;height:40px}.package-name{font-size:16px}.time-remaining{font-size:11px}.action-chip{padding:6px 10px;font-size:11px}}.payer-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap}.payer-badge.payer-mobile_money{color:#059669}.payer-badge.payer-first_time{color:#7c3aed}.payer-badge.payer-returning{color:#0891b2}.ip-bindings-container{padding:24px;background:#f8f9fa;min-height:100vh}.ip-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{font-size:24px;font-weight:600;color:#2c3e50;margin:0 0 4px}.page-subtitle{font-size:14px;color:#6c757d;margin:0}.ip-header-actions{display:flex;gap:12px}.refresh-btn,.discover-btn,.create-binding-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.refresh-btn{background:#fff;color:#6c757d;border:1px solid #dee2e6}.refresh-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.discover-btn{background:#28a745;color:#fff}.discover-btn:hover{background:#218838;transform:translateY(-1px)}.create-binding-btn{background:#4361ee;color:#fff}.create-binding-btn:hover{background:#3a56d4;transform:translateY(-1px)}.ip-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.ip-stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s}.ip-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.ip-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.ip-stat-icon.total{background:#e3f2fd;color:#1976d2}.ip-stat-icon.active{background:#e8f5e9;color:#2e7d32}.ip-stat-icon.inactive{background:#ffebee;color:#c62828}.ip-stat-icon.devices{background:#e8f0fe;color:#4285f4}.ip-stat-info{flex:1}.ip-stat-value{font-size:28px;font-weight:700;color:#2c3e50}.ip-stat-label{font-size:14px;color:#6c757d}.ip-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.router-filter,.ip-search{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:8px;border:1px solid #dee2e6}.router-filter select,.ip-search input{border:none;outline:none;font-size:14px;background:transparent;min-width:200px}.router-filter select{cursor:pointer}.ip-search input{min-width:250px}.ip-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.ip-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.ip-table-header h3{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.binding-count{font-size:13px;color:#6c757d}.ip-table{width:100%;border-collapse:collapse}.ip-table thead{background:#f8f9fa;border-bottom:1px solid #dee2e6}.ip-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#495057}.ip-table td{padding:16px;border-bottom:1px solid #f1f3f5;font-size:14px}.ip-row:hover{background:#f8f9fa}.mac-cell,.ip-cell,.user-cell{display:flex;align-items:center;gap:8px}.mac-cell code,.ip-cell code{background:#f1f3f5;padding:4px 8px;border-radius:6px;font-size:12px;font-family:Monaco,Courier New,monospace}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.actions-cell{display:flex;gap:8px}.action-btn{padding:6px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center}.action-btn.edit{color:#4361ee}.action-btn.edit:hover{background:#e3f2fd}.action-btn.delete{color:#dc3545}.action-btn.delete:hover{background:#ffebee}.ip-empty{text-align:center;padding:60px 48px}.ip-empty-icon{width:80px;height:80px;margin:0 auto 16px;background:#f1f3f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#adb5bd}.ip-empty h2{font-size:20px;color:#495057;margin-bottom:8px}.ip-empty p{color:#6c757d;margin-bottom:24px}.ip-empty-small{text-align:center;padding:40px;color:#6c757d}.loading-state{text-align:center;padding:60px 48px}.spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f3f3f3;border-top:3px solid #4361ee;border-radius:50%;animation:spin 1s linear infinite}.ip-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.ip-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.device-modal{max-width:800px!important}.ip-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dee2e6;position:sticky;top:0;background:#fff;z-index:1}.ip-modal-header h2{font-size:20px;margin:0;color:#2c3e50}.close-btn{background:none;border:none;cursor:pointer;color:#6c757d;padding:4px;border-radius:4px;transition:background .2s}.close-btn:hover{background:#f8f9fa}.ip-modal-body{padding:24px}.ip-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #dee2e6;position:sticky;bottom:0;background:#fff}.footer-note{flex:1;display:flex;align-items:center;gap:8px;color:#6c757d;font-size:12px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#495057}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.form-group small{display:block;margin-top:6px;font-size:12px;color:#6c757d}.cancel-btn,.save-btn{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cancel-btn{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.cancel-btn:hover{background:#e9ecef}.save-btn{background:#4361ee;color:#fff}.save-btn:hover{background:#3a56d4;transform:translateY(-1px)}.device-stats-summary{display:flex;gap:16px;padding:12px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-wrap:wrap}.stat-tag{display:flex;align-items:center;gap:6px;font-size:13px;color:#495057}.dot{width:10px;height:10px;border-radius:50%}.dot.total{background:#6c757d}.dot.authenticated{background:#28a745}.dot.unauthenticated{background:#ffc107}.dot.bound{background:#4361ee}.dot.unbound{background:#dc3545}.device-filters{display:flex;gap:10px;padding:16px 20px;border-bottom:1px solid #dee2e6;flex-wrap:wrap;align-items:center}.filter-chip{padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.filter-chip.active{background:#4361ee;border-color:#4361ee;color:#fff}.filter-chip:hover:not(.active){background:#e9ecef}.refresh-devices-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:13px;background:transparent;border:1px solid #dee2e6;cursor:pointer;margin-left:auto;transition:all .2s}.refresh-devices-btn:hover{background:#f8f9fa}.devices-list{max-height:450px;overflow-y:auto}.device-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #f1f3f5;transition:background .2s;gap:16px}.device-item:hover{background:#f8f9fa}.device-item.bound{background:#f0fdf4;border-left:3px solid #28a745}.device-item.unbound{border-left:3px solid #ffc107}.device-item.pending{background:#fffbeb;border-left-color:#ffc107}.device-status-indicator{margin-top:2px}.status-auth{color:#28a745}.status-pending{color:#ffc107}.status-bound{color:#4361ee}.status-blocked{color:#dc3545}.device-info{flex:1}.device-mac{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;flex-wrap:wrap}.device-mac code{background:#f1f3f5;padding:4px 8px;border-radius:6px;font-size:12px;font-family:Monaco,Courier New,monospace}.bound-badge{background:#28a745;color:#fff;font-size:10px;padding:2px 8px;border-radius:12px;margin-left:8px}.pending-badge{background:#ffc107;color:#856404;font-size:10px;padding:2px 8px;border-radius:12px;margin-left:8px}.authenticated-badge{background:#17a2b8;color:#fff;font-size:10px;padding:2px 8px;border-radius:12px;margin-left:8px}.device-details{display:flex;gap:16px;font-size:12px;color:#6c757d;margin-bottom:8px;flex-wrap:wrap}.device-details span{display:inline-flex;align-items:center;gap:4px}.device-signal{font-family:monospace}.device-type-badge{font-size:10px;padding:2px 8px;border-radius:12px;background:#e9ecef;color:#495057;text-transform:capitalize}.device-type-badge.wireless_connecting{background:#fff3cd;color:#856404}.device-type-badge.dhcp_waiting{background:#d1ecf1;color:#0c5460}.device-type-badge.unauthorized_blocked{background:#f8d7da;color:#721c24}.device-type-badge.hotspot_authorized{background:#d4edda;color:#155724}.device-additional{font-size:11px;color:#6c757d;margin-top:6px;display:flex;gap:16px;flex-wrap:wrap}.bind-device-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#4361ee;color:#fff;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;align-self:center}.bind-device-btn:hover:not(:disabled){background:#3a56d4;transform:translateY(-1px)}.bind-device-btn:disabled{background:#adb5bd;cursor:not-allowed;opacity:.6}.discovering-note{font-size:12px;color:#6c757d;margin-top:8px}@media (max-width: 768px){.ip-bindings-container{padding:16px}.ip-header{flex-direction:column}.ip-header-actions{width:100%}.refresh-btn,.discover-btn,.create-binding-btn{flex:1;justify-content:center}.ip-stats-grid{grid-template-columns:repeat(2,1fr)}.ip-filters{flex-direction:column}.router-filter,.ip-search,.router-filter select,.ip-search input{width:100%}.device-filters{flex-direction:column}.refresh-devices-btn{margin-left:0;width:100%;justify-content:center}.device-item{flex-direction:column}.bind-device-btn{width:100%;justify-content:center}.device-details{flex-direction:column;gap:6px}.ip-table-wrapper{overflow-x:scroll}.ip-table{min-width:700px}}@media (max-width: 480px){.ip-stats-grid{grid-template-columns:1fr}.device-stats-summary{flex-direction:column;gap:8px}}.devices-list::-webkit-scrollbar,.ip-modal-body::-webkit-scrollbar{width:8px;height:8px}.devices-list::-webkit-scrollbar-track,.ip-modal-body::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.devices-list::-webkit-scrollbar-thumb,.ip-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.devices-list::-webkit-scrollbar-thumb:hover,.ip-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.message-clients-container{padding:24px;background:#f2f2f7;min-height:100vh}.mc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.mc-header .page-title{font-size:32px;font-weight:700;color:#111827;margin:0;letter-spacing:-1px}.mc-header .page-subtitle{margin-top:4px;color:#6b7280;font-size:14px}.mc-header-actions{display:flex;gap:12px}.refresh-btn,.create-msg-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.refresh-btn{background:#ffffff59;color:#6b7280}.refresh-btn:hover{transform:translateY(-2px);background:#ffffff80}.create-msg-btn{background:#ff3b30;color:#fff;border:none;box-shadow:0 4px 12px #2563eb4d}.create-msg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.mc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.mc-stat-card{background:#ffffff59;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:20px;box-shadow:0 8px 30px #0000000f,inset 0 1px 1px #ffffffb3;transition:all .3s ease;display:flex;align-items:center;gap:16px}.mc-stat-card:hover{transform:translateY(-2px)}.mc-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.mc-stat-icon.total{color:#ff3b30}.mc-stat-icon.active{color:#059669}.mc-stat-icon.targeted{color:#d97706}.mc-stat-icon.global{color:#7c3aed}.mc-stat-card-total{background:linear-gradient(135deg,#2563eb12,#ffffff59,#2563eb08)}.mc-stat-card-active{background:linear-gradient(135deg,#05966912,#ffffff59,#05966908)}.mc-stat-card-targeted{background:linear-gradient(135deg,#d9770612,#ffffff59,#d9770608)}.mc-stat-card-global{background:linear-gradient(135deg,#7c3aed12,#ffffff59,#7c3aed08)}.mc-stat-info{flex:1}.mc-stat-value{font-size:26px;font-weight:700;color:#111827;letter-spacing:-1px;line-height:1.2}.mc-stat-label{font-size:13px;color:#6b7280;font-weight:500}.mc-filters{display:flex;gap:14px;margin-bottom:24px;flex-wrap:wrap}.router-filter{display:flex;align-items:center;gap:10px;background:#ffffff59;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.6);border-radius:18px;padding:12px 16px;flex:1;min-width:180px}.router-filter svg{color:#6b7280;flex-shrink:0}.router-filter select{border:none;outline:none;background:transparent;font-size:14px;color:#111827;width:100%;cursor:pointer}.mc-table-wrapper{background:#ffffff59;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.6);border-radius:28px;box-shadow:0 10px 35px #0000000d,inset 0 1px 1px #ffffffb3;overflow:hidden}.mc-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff6;border-bottom:1px solid rgba(255,255,255,.3)}.mc-table-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.msg-count{font-size:13px;color:#6b7280;background:#ffffff80;padding:4px 12px;border-radius:999px}.mc-table{width:100%;border-collapse:collapse;min-width:1100px}.mc-table thead{background:#ffffff4d}.mc-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mc-table td{padding:14px 16px;border-top:1px solid rgba(255,255,255,.3);font-size:13px;color:#111827}.mc-row:hover{background:#ffffff2e}.title-cell{max-width:200px}.title-text{font-weight:500;color:#111827;display:block;margin-bottom:2px}.title-preview{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.date-cell{color:#6b7280;white-space:nowrap;font-size:12px}.type-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.type-message{background:#2563eb1a;color:#ff3b30}.type-voucher{background:#0596691a;color:#059669}.type-advertisement{background:#d977061a;color:#d97706}.type-announcement{background:#dc26261a;color:#dc2626}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.status-active{background:#0596691a;color:#059669}.status-badge.status-inactive{background:#dc26261a;color:#dc2626}.status-badge.status-draft{background:#6b72801a;color:#6b7280}.status-badge.status-scheduled{background:#d977061a;color:#d97706}.target-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.target-badge.target-global{background:#2563eb14;color:#ff3b30}.target-badge.target-client{background:#7c3aed14;color:#7c3aed}.bool-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.bool-badge.yes{background:#0596691a;color:#059669}.bool-badge.no{background:#6b728014;color:#6b7280}.actions-cell{display:flex;gap:6px}.action-btn{width:34px;height:34px;border:none;background:#ffffff73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center}.action-btn.edit{color:#ff3b30}.action-btn.edit:hover{background:#2563eb26;transform:scale(1.05)}.action-btn.delete{color:#dc2626}.action-btn.delete:hover{background:#dc262626;transform:scale(1.05)}.mc-empty{text-align:center;padding:60px 40px}.mc-empty-icon{width:80px;height:80px;margin:0 auto 20px;background:#ffffff80;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.mc-empty h2{font-size:20px;color:#111827;margin-bottom:8px}.mc-empty p{color:#6b7280;margin-bottom:24px}.loading-state{text-align:center;padding:60px 40px}.spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid rgba(0,0,0,.08);border-top:3px solid #FF3B30;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.mc-modal{background:#ffffffd9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.6);border-radius:32px;width:90%;max-width:580px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.3);position:sticky;top:0;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1;border-radius:32px 32px 0 0}.mc-modal-header h2{font-size:20px;font-weight:700;margin:0;color:#111827}.close-btn{width:36px;height:36px;border:none;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;color:#6b7280}.close-btn:hover{background:#dc26261a;color:#dc2626}.mc-modal-body{padding:24px}.mc-modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.3);position:sticky;bottom:0;background:#fff9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:0 0 32px 32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#111827}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.6);border-radius:14px;background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px;color:#111827;transition:all .25s ease;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff3b30;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{display:block;margin-top:6px;font-size:12px;color:#6b7280}.loading-hint{color:#ff3b30;font-size:12px;display:block;margin-top:4px}.info-hint{color:#6b7280;font-size:12px;display:block;margin-top:4px}.form-options-row{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#111827;-webkit-user-select:none;user-select:none}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#FF3B30;cursor:pointer}.selected-client-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2563eb0f;border:1px solid rgba(37,99,235,.15);border-radius:14px;margin-bottom:20px;font-size:13px;color:#111827;flex-wrap:wrap}.selected-client-preview code{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2px 10px;border-radius:6px;font-size:12px;font-family:Monaco,Courier New,monospace;color:#ff3b30}.preview-sep{color:#9ca3af;margin:0 4px}.cancel-btn,.save-btn{flex:1;padding:12px 20px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.cancel-btn{background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#6b7280;border:1px solid rgba(255,255,255,.5)}.cancel-btn:hover{background:#fffc}.save-btn{background:#ff3b30;color:#fff;border:none;box-shadow:0 4px 12px #2563eb4d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.message-clients-container{padding:16px}.mc-header{flex-direction:column;align-items:flex-start}.mc-header .page-title{font-size:24px}.mc-header-actions{width:100%}.refresh-btn,.create-msg-btn{flex:1;justify-content:center}.mc-stats-grid{grid-template-columns:1fr 1fr}.mc-stat-card{padding:16px}.mc-stat-value{font-size:22px}.mc-filters{flex-direction:column}.router-filter{min-width:unset}.mc-modal{width:95%;margin:16px}.form-options-row{flex-direction:column;gap:12px}.mc-modal-footer{flex-direction:column}}@media (max-width: 480px){.mc-stats-grid{grid-template-columns:1fr}.mc-stat-card{padding:14px}.mc-table-header{flex-direction:column;align-items:flex-start;gap:8px}.mc-modal-body,.mc-modal-footer{padding:16px}}.mc-modal::-webkit-scrollbar{width:6px}.mc-modal::-webkit-scrollbar-track{background:transparent}.mc-modal::-webkit-scrollbar-thumb{background:#6b72804d;border-radius:999px}.mc-modal::-webkit-scrollbar-thumb:hover{background:#6b728080}.mc-table-wrapper .footer-note{padding:12px 20px;font-size:12px;color:#6b7280;border-top:1px solid rgba(255,255,255,.3);background:#fff3}.customer-care-container{--cc-bg: #f2f2f7;--cc-text-primary: #111827;--cc-text-secondary: #374151;--cc-text-muted: #6b7280;--cc-text-faint: #9ca3af;--cc-glass-bg: rgba(255, 255, 255, .35);--cc-glass-strong: rgba(255, 255, 255, .5);--cc-glass-border: rgba(255, 255, 255, .6);--cc-glass-input: rgba(255, 255, 255, .45);--cc-accent-blue: #FF3B30;--cc-accent-blue-hover: #FF3B30;--cc-accent-red: #dc2626;--cc-accent-red-bg: rgba(220, 38, 38, .08);--cc-accent-green: #10b981;--cc-accent-amber: #f59e0b;--cc-shadow-sm: 0 4px 16px rgba(0, 0, 0, .04);--cc-shadow-md: 0 6px 20px rgba(0, 0, 0, .06);--cc-shadow-lg: 0 8px 30px rgba(0, 0, 0, .06);--cc-radius-sm: 10px;--cc-radius-md: 12px;--cc-radius-lg: 14px;--cc-radius-xl: 20px;--cc-radius-2xl: 28px;--cc-blur-light: blur(20px);--cc-blur-strong: blur(30px);--cc-transition: .2s ease}.customer-care-container{padding:20px 24px;background:var(--cc-bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;box-sizing:border-box}.customer-care-container *,.customer-care-container *:before,.customer-care-container *:after{box-sizing:border-box}.customer-care-container .cc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.customer-care-container .cc-title{font-size:28px;font-weight:700;color:var(--cc-text-primary);margin:0 0 4px;letter-spacing:-1px}.customer-care-container .cc-subtitle{margin:0;color:var(--cc-text-muted);font-size:14px}.customer-care-container .cc-layout{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:start}.customer-care-container .cc-compose-panel{background:var(--cc-glass-bg);backdrop-filter:var(--cc-blur-strong);-webkit-backdrop-filter:var(--cc-blur-strong);border:1px solid var(--cc-glass-border);border-radius:var(--cc-radius-2xl);padding:20px 24px;box-shadow:var(--cc-shadow-lg),inset 0 1px 1px #ffffffb3;position:sticky;top:20px}.customer-care-container .cc-compose-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:700;color:var(--cc-text-primary)}.customer-care-container .cc-compose-header svg{color:var(--cc-accent-blue)}.customer-care-container .cc-compose-form{display:flex;flex-direction:column;gap:14px}.customer-care-container .cc-form-group{display:flex;flex-direction:column;gap:6px}.customer-care-container .cc-form-group label{font-size:12px;font-weight:600;color:var(--cc-text-muted);text-transform:uppercase;letter-spacing:.04em}.customer-care-container .cc-form-group input,.customer-care-container .cc-form-group textarea{width:100%;border:1px solid var(--cc-glass-border);background:var(--cc-glass-input);backdrop-filter:var(--cc-blur-light);-webkit-backdrop-filter:var(--cc-blur-light);border-radius:var(--cc-radius-md);padding:12px 14px;font-size:14px;color:var(--cc-text-primary);outline:none;font-family:inherit;transition:border-color var(--cc-transition),box-shadow var(--cc-transition)}.customer-care-container .cc-form-group input::placeholder,.customer-care-container .cc-form-group textarea::placeholder{color:var(--cc-text-faint)}.customer-care-container .cc-form-group input:focus,.customer-care-container .cc-form-group textarea:focus{border-color:var(--cc-accent-blue);box-shadow:0 0 0 4px #3b82f61a}.customer-care-container .cc-form-group textarea{resize:vertical;min-height:100px}.customer-care-container .cc-send-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cc-accent-blue);color:#fff;border:none;border-radius:var(--cc-radius-md);padding:12px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:background var(--cc-transition),transform .15s ease,box-shadow var(--cc-transition);box-shadow:0 4px 12px #3b82f64d;width:100%}.customer-care-container .cc-send-btn:hover:not(:disabled){background:var(--cc-accent-blue-hover);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f659}.customer-care-container .cc-send-btn:active:not(:disabled){transform:translateY(0)}.customer-care-container .cc-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.customer-care-container .cc-send-btn:focus-visible{outline:2px solid var(--cc-accent-blue);outline-offset:2px}.customer-care-container .cc-messages-panel{background:var(--cc-glass-bg);backdrop-filter:var(--cc-blur-strong);-webkit-backdrop-filter:var(--cc-blur-strong);border:1px solid var(--cc-glass-border);border-radius:var(--cc-radius-2xl);padding:20px 24px;box-shadow:var(--cc-shadow-lg),inset 0 1px 1px #ffffffb3;min-height:400px}.customer-care-container .cc-messages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600;color:var(--cc-text-primary)}.customer-care-container .cc-unread-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:999px;animation:ccPulse 2s ease-in-out infinite}@keyframes ccPulse{0%,to{opacity:1}50%{opacity:.6}}.customer-care-container .cc-messages-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding-right:4px}.customer-care-container .cc-messages-list::-webkit-scrollbar{width:4px}.customer-care-container .cc-messages-list::-webkit-scrollbar-track{background:transparent}.customer-care-container .cc-messages-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.customer-care-container .cc-message-card{background:var(--cc-glass-bg);backdrop-filter:var(--cc-blur-light);-webkit-backdrop-filter:var(--cc-blur-light);border:1px solid var(--cc-glass-border);border-radius:var(--cc-radius-lg);padding:14px 18px;box-shadow:var(--cc-shadow-sm);transition:transform var(--cc-transition),box-shadow var(--cc-transition),border-color var(--cc-transition);cursor:pointer}.customer-care-container .cc-message-card:hover{transform:translateY(-2px);box-shadow:var(--cc-shadow-md)}.customer-care-container .cc-message-card.cc-unread{background:var(--cc-glass-strong);border-left:4px solid var(--cc-accent-blue)}.customer-care-container .cc-message-card.cc-expanded{background:var(--cc-glass-strong);border-color:#3b82f64d;box-shadow:var(--cc-shadow-md)}.customer-care-container .cc-message-card.cc-message-card-unread{background:var(--cc-glass-strong);border-left:4px solid var(--cc-accent-blue)}.customer-care-container .cc-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px}.customer-care-container .cc-message-sender{display:flex;align-items:center;gap:8px}.customer-care-container .cc-sender-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.customer-care-container .cc-admin-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.customer-care-container .cc-user-badge{background:#6366f11f;color:var(--cc-accent-blue)}.customer-care-container .cc-dot{display:inline-block;width:8px;height:8px;background:var(--cc-accent-blue);border-radius:50%;animation:ccPulse 2s ease-in-out infinite}.customer-care-container .cc-message-meta{display:flex;align-items:center;gap:8px}.customer-care-container .cc-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--cc-text-muted)}.customer-care-container .cc-time svg{opacity:.5}.customer-care-container .cc-expand-hint{font-size:10px;color:var(--cc-text-faint);font-weight:500;letter-spacing:.02em}.customer-care-container .cc-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--cc-text-muted);border-radius:var(--cc-radius-sm);cursor:pointer;transition:background var(--cc-transition),color var(--cc-transition)}.customer-care-container .cc-action-btn:hover{background:var(--cc-accent-red-bg);color:var(--cc-accent-red)}.customer-care-container .cc-message-subject{font-weight:600;font-size:14px;color:var(--cc-text-primary);margin-bottom:2px}.customer-care-container .cc-message-body{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06)}.customer-care-container .cc-message-body p{margin:0 0 8px;font-size:13px;color:var(--cc-text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.customer-care-container .cc-timestamp{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--cc-text-faint);margin-top:6px}.customer-care-container .cc-timestamp svg{opacity:.5}.customer-care-container .cc-reply-block{margin-top:10px;padding:12px 14px;background:#3b82f60a;border-radius:var(--cc-radius-md);border-left:3px solid var(--cc-accent-blue)}.customer-care-container .cc-reply-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--cc-accent-blue);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.customer-care-container .cc-reply-block p{margin:0 0 4px;font-size:13px;color:var(--cc-text-secondary);line-height:1.5}.customer-care-container .cc-reply-block .cc-timestamp{margin-top:4px}.customer-care-container .cc-reply-area{margin-top:12px}.customer-care-container .cc-reply-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--cc-accent-blue);border:1px solid rgba(59,130,246,.2);border-radius:var(--cc-radius-sm);padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--cc-transition),transform .15s ease}.customer-care-container .cc-reply-btn:hover{background:#3b82f614;transform:translateY(-1px)}.customer-care-container .cc-reply-btn:active{transform:translateY(0)}.customer-care-container .cc-reply-form{display:flex;flex-direction:column;gap:8px}.customer-care-container .cc-reply-form textarea{width:100%;border:1px solid var(--cc-glass-border);background:var(--cc-glass-input);backdrop-filter:var(--cc-blur-light);-webkit-backdrop-filter:var(--cc-blur-light);border-radius:var(--cc-radius-sm);padding:10px 12px;font-size:13px;color:var(--cc-text-primary);outline:none;font-family:inherit;resize:vertical;min-height:60px;transition:border-color var(--cc-transition),box-shadow var(--cc-transition)}.customer-care-container .cc-reply-form textarea:focus{border-color:var(--cc-accent-blue);box-shadow:0 0 0 3px #3b82f61a}.customer-care-container .cc-reply-actions{display:flex;gap:8px}.customer-care-container .cc-reply-send{display:inline-flex;align-items:center;gap:6px;background:var(--cc-accent-blue);color:#fff;border:none;border-radius:var(--cc-radius-sm);padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--cc-transition),transform .15s ease}.customer-care-container .cc-reply-send:hover{background:var(--cc-accent-blue-hover);transform:translateY(-1px)}.customer-care-container .cc-reply-send:active{transform:translateY(0)}.customer-care-container .cc-reply-cancel{background:transparent;color:var(--cc-text-muted);border:1px solid var(--cc-glass-border);border-radius:var(--cc-radius-sm);padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--cc-transition)}.customer-care-container .cc-reply-cancel:hover{background:#0000000a}.customer-care-container .cc-reply-item{background:var(--cc-glass-bg);backdrop-filter:var(--cc-blur-light);-webkit-backdrop-filter:var(--cc-blur-light);border:1px solid var(--cc-glass-border);border-radius:var(--cc-radius-sm);padding:12px 16px;margin-left:32px;margin-bottom:8px;box-shadow:var(--cc-shadow-sm);border-left:3px solid #6366f1}.customer-care-container .cc-reply-item .cc-message-header{margin-bottom:4px}.customer-care-container .cc-reply-item .cc-message-body{font-size:13px;color:var(--cc-text-secondary);line-height:1.5}.customer-care-container .cc-reply-item .cc-message-body p{margin:0 0 6px}.customer-care-container .cc-reply-item .cc-timestamp{font-size:11px;color:var(--cc-text-faint);display:flex;align-items:center;gap:4px}.customer-care-container .cc-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px;color:var(--cc-text-muted);font-size:14px}.customer-care-container .cc-loading:before{content:"";width:24px;height:24px;margin-right:10px;border:3px solid rgba(59,130,246,.12);border-top-color:var(--cc-accent-blue);border-radius:50%;animation:ccSpin .8s linear infinite}@keyframes ccSpin{to{transform:rotate(360deg)}}.customer-care-container .cc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--cc-text-muted);text-align:center}.customer-care-container .cc-empty svg{opacity:.3;margin-bottom:12px;color:var(--cc-text-faint)}.customer-care-container .cc-empty p{margin:0;font-size:14px;color:var(--cc-text-muted)}.customer-care-container .cc-form-group input:focus-visible,.customer-care-container .cc-form-group textarea:focus-visible,.customer-care-container .cc-reply-form textarea:focus-visible{outline:2px solid var(--cc-accent-blue);outline-offset:2px}.customer-care-container .cc-action-btn:focus-visible,.customer-care-container .cc-reply-btn:focus-visible{outline:2px solid var(--cc-accent-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){.customer-care-container *,.customer-care-container .cc-message-card,.customer-care-container .cc-send-btn,.customer-care-container .cc-reply-btn,.customer-care-container .cc-reply-send,.customer-care-container .cc-reply-cancel{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.customer-care-container .cc-unread-badge{animation:none!important}}@media (max-width: 1024px){.customer-care-container .cc-layout{grid-template-columns:1fr;gap:20px}.customer-care-container .cc-compose-panel{position:static;top:0}.customer-care-container .cc-messages-list{max-height:500px}}@media (max-width: 640px){.customer-care-container{padding:12px 12px 32px}.customer-care-container .cc-header{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:16px}.customer-care-container .cc-title{font-size:20px}.customer-care-container .cc-subtitle{font-size:13px}.customer-care-container .cc-layout{gap:16px}.customer-care-container .cc-compose-panel,.customer-care-container .cc-messages-panel{padding:16px;border-radius:var(--cc-radius-xl)}.customer-care-container .cc-compose-header{font-size:14px}.customer-care-container .cc-form-group input,.customer-care-container .cc-form-group textarea{font-size:13px;padding:10px 12px}.customer-care-container .cc-form-group textarea{min-height:80px}.customer-care-container .cc-send-btn{font-size:13px;padding:10px 16px}.customer-care-container .cc-messages-list{max-height:400px;gap:10px}.customer-care-container .cc-message-card{padding:12px 14px;border-radius:var(--cc-radius-md)}.customer-care-container .cc-message-header{flex-direction:column;align-items:flex-start;gap:4px}.customer-care-container .cc-message-meta{width:100%;justify-content:space-between}.customer-care-container .cc-sender-badge{font-size:10px;padding:1px 8px}.customer-care-container .cc-message-subject{font-size:13px}.customer-care-container .cc-message-body p{font-size:12px}.customer-care-container .cc-reply-block{padding:10px 12px}.customer-care-container .cc-reply-block p{font-size:12px}.customer-care-container .cc-reply-actions{flex-direction:column}.customer-care-container .cc-reply-send,.customer-care-container .cc-reply-cancel{width:100%;justify-content:center}.customer-care-container .cc-empty{padding:40px 16px}.customer-care-container .cc-empty p{font-size:13px}.customer-care-container .cc-expand-hint{display:none}}@media (max-width: 380px){.customer-care-container{padding:8px 8px 24px}.customer-care-container .cc-title{font-size:18px}.customer-care-container .cc-compose-panel,.customer-care-container .cc-messages-panel{padding:12px;border-radius:var(--cc-radius-lg)}.customer-care-container .cc-form-group input,.customer-care-container .cc-form-group textarea{font-size:12px;padding:8px 10px}.customer-care-container .cc-message-card{padding:10px 12px}.customer-care-container .cc-message-subject{font-size:12px}.customer-care-container .cc-message-body p{font-size:11px}}@media print{.customer-care-container{background:#fff;padding:20px}.customer-care-container .cc-compose-panel,.customer-care-container .cc-messages-panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #e5e7eb;box-shadow:none}.customer-care-container .cc-message-card{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #e5e7eb;box-shadow:none;cursor:default}.customer-care-container .cc-message-card:hover{transform:none;box-shadow:none}.customer-care-container .cc-send-btn,.customer-care-container .cc-reply-btn,.customer-care-container .cc-reply-send,.customer-care-container .cc-reply-cancel,.customer-care-container .cc-action-btn,.customer-care-container .cc-message-reply-box{display:none!important}.customer-care-container .cc-message-body{display:block!important}.customer-care-container .cc-expand-hint{display:none!important}.customer-care-container .cc-unread-badge{animation:none!important;background:#ef4444!important;color:#fff!important}}.alex-chat-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-height:calc(100vh - 80px);background:#f8f9fa}.alex-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e9ecef;flex-shrink:0}.alex-header-left{display:flex;align-items:center;gap:14px}.alex-header-left .alex-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative}.alex-avatar-glow{display:none}.alex-title{font-size:17px;font-weight:600;color:#1e293b;margin:0}.alex-subtitle{font-size:13px;color:#64748b;margin:2px 0 0}.alex-header-right{display:flex;gap:8px}.alex-clear-btn{padding:8px;border-radius:8px;background:transparent;color:#94a3b8;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s;display:flex;align-items:center}.alex-clear-btn:hover{background:#f1f5f9;color:#64748b}.alex-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.alex-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.alex-welcome-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#6366f1}.alex-welcome h3{font-size:20px;color:#1e293b;margin:0 0 10px}.alex-welcome p{font-size:14px;color:#64748b;margin:0 0 24px;max-width:400px;line-height:1.6}.alex-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:500px}.alex-suggestions button{padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;text-align:left}.alex-suggestions button:hover{border-color:#6366f1;color:#6366f1;background:#f8faff}.alex-message{display:flex;gap:12px;max-width:78%;animation:msgIn .25s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.alex-message.user{align-self:flex-end;flex-direction:row-reverse}.alex-message-avatar{flex-shrink:0}.alex-bot-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center}.alex-user-avatar{width:34px;height:34px;border-radius:10px;background:#e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center}.alex-message-content{position:relative}.alex-message-text{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.55;color:#1e293b}.alex-message.assistant .alex-message-text{background:#fff;border:1px solid #e9ecef;border-top-left-radius:4px}.alex-message.user .alex-message-text{background:#6366f1;color:#fff;border-top-right-radius:4px}.alex-typing{display:flex;gap:5px;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:4px 14px 14px}.alex-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:typingBounce 1.4s infinite ease-in-out}.alex-dot:nth-child(2){animation-delay:.2s}.alex-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.alex-input-area{padding:16px 24px 12px;background:#fff;border-top:1px solid #e9ecef;flex-shrink:0}.alex-input-wrapper{display:flex;gap:12px;align-items:flex-end}.alex-input-wrapper textarea{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;resize:none;transition:border-color .2s;line-height:1.4}.alex-input-wrapper textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.alex-input-wrapper textarea::placeholder{color:#94a3b8}.alex-send-btn{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.alex-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.alex-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.alex-spin{animation:spin 1s linear infinite}.alex-disclaimer{font-size:11px;color:#94a3b8;text-align:center;margin:8px 0 0}.alex-cursor{animation:blink .8s infinite;font-weight:300;color:#6366f1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.subscription-page{min-height:100%;padding:0}.subscription-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.subscription-title{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.subscription-banner{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-radius:14px;border:1px solid}.subscription-banner h2{margin:0 0 4px;font-size:1.1rem;font-weight:700}.subscription-banner p{margin:0;font-size:.9rem;opacity:.85}.subscription-banner.green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#6ee7b7;color:#065f46}.subscription-banner.orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-color:#fdba74;color:#9a3412}.subscription-banner.red,.subscription-banner.suspended{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;color:#991b1b}.subscription-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.subscription-detail-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;text-align:center;transition:box-shadow .2s}.subscription-detail-card:hover{box-shadow:0 4px 12px #0000000f}.subscription-detail-card .detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.subscription-detail-card .detail-value{font-size:.95rem;font-weight:700;color:#1e293b}.subscription-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.9rem}.subscription-payment-result{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:.9rem;font-weight:500}.subscription-payment-result.success{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46}.subscription-payment-result.failed{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.subscription-payment-result.pending{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.polling-indicator{font-size:.8rem;opacity:.7;font-style:italic}.subscription-pay-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.subscription-pay-section h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.1rem;color:#1e293b}.pay-description{margin:0 0 18px;font-size:.9rem;color:#64748b;line-height:1.5}.pay-description strong{display:block;margin-top:4px;color:#1e293b}.pay-form{display:flex;gap:12px;align-items:center}.phone-input{flex:1;padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px;font-size:.95rem;color:#1e293b;outline:none;transition:border-color .2s,box-shadow .2s}.phone-input:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #3b82f626}.phone-input::placeholder{color:#94a3b8}.pay-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff3b30,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.pay-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.pay-button:disabled{opacity:.5;cursor:not-allowed}.subscription-history{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px}.subscription-history h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;color:#1e293b}.no-history{color:#94a3b8;font-size:.9rem;text-align:center;padding:20px}.history-table{display:flex;flex-direction:column}.history-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;padding:10px 0;border-bottom:2px solid #f1f5f9;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.history-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr;padding:12px 0;border-bottom:1px solid #f8fafc;font-size:.88rem;color:#334155;align-items:center}.history-row:last-child{border-bottom:none}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.failed{background:#fee2e2;color:#991b1b}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.85rem;cursor:pointer;transition:all .2s}.refresh-button:hover{background:#f1f5f9;color:#1e293b}.spinning{animation:spin 1s linear infinite}@media (max-width: 640px){.pay-form{flex-direction:column}.pay-button{width:100%;justify-content:center}.history-header,.history-row{grid-template-columns:1fr 1fr;gap:6px}}.bk-container{padding:24px;background:#f2f2f7;min-height:100vh;max-width:100vw;overflow-x:hidden}.bk-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.bk-page-title{font-size:26px;font-weight:700;color:#111827;margin:0;letter-spacing:-.4px}.bk-page-subtitle{margin:2px 0 0;color:#6b7280;font-size:13.5px}.bk-header-actions{display:flex;gap:10px;flex-wrap:wrap}.bk-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:14px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.bk-btn-ghost{background:#ffffff8c;border-color:#0f172a14;color:#4b5563}.bk-btn-ghost:hover{background:#ffffffd9}.bk-btn-outline{background:#2563eb14;border-color:#2563eb33;color:#ff3b30}.bk-btn-outline:hover{background:#2563eb24}.bk-btn-primary{background:#ff3b30;color:#fff;box-shadow:0 4px 12px #2563eb47}.bk-btn-primary:hover{background:#1d4ed8}.bk-btn-danger{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.bk-btn-danger:hover{background:#b91c1c}.bk-btn:disabled{opacity:.6;cursor:not-allowed}.bk-spin{animation:bk-spin 1s linear infinite}@keyframes bk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bk-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.bk-stat-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 20px #0000000a}.bk-stat-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bk-stat-total{background:#64748b1f;color:#475569}.bk-stat-active{background:#dc26261a;color:#dc2626}.bk-stat-inactive{background:#0596691a;color:#059669}.bk-stat-value{font-size:19px;font-weight:700;color:#111827;line-height:1.1}.bk-stat-label{font-size:12px;color:#6b7280;margin-top:2px}.bk-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.bk-router-select,.bk-search{display:flex;align-items:center;gap:10px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:10px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.bk-router-select{min-width:200px;color:#6b7280}.bk-router-select select{border:none;outline:none;background:transparent;font-size:13.5px;color:#111827;width:100%;cursor:pointer}.bk-search{flex:1;min-width:240px;color:#6b7280}.bk-search input{border:none;outline:none;background:transparent;width:100%;font-size:13.5px;color:#111827}.bk-search input::placeholder{color:#9ca3af}.bk-search-modal{margin-bottom:14px}.bk-table-wrapper{background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:22px;overflow:hidden;overflow-x:auto;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 28px #0000000a}.bk-table{width:100%;border-collapse:collapse;min-width:760px}.bk-table th{text-align:left;padding:13px 16px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid rgba(15,23,42,.06);background:#fff6;white-space:nowrap}.bk-table td{padding:13px 16px;font-size:13px;color:#111827;border-bottom:1px solid rgba(15,23,42,.04);vertical-align:middle}.bk-table tbody tr:last-child td{border-bottom:none}.bk-table tbody tr:hover{background:#2563eb08}.bk-mac-cell,.bk-ip-cell{display:flex;align-items:center;gap:6px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#374151;white-space:nowrap}.bk-mac-cell svg,.bk-ip-cell svg{color:#9ca3af;flex-shrink:0}.bk-muted{color:#6b7280;font-size:12px}.bk-comment-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:12.5px}.bk-status{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-weight:600;font-size:11.5px;white-space:nowrap}.bk-status-active{background:#dc26261a;color:#dc2626}.bk-status-inactive{background:#6b72801a;color:#6b7280}.bk-status-synced{background:#0596691a;color:#059669}.bk-status-pending{background:#d977061a;color:#d97706}.bk-actions-cell{white-space:nowrap}.bk-row-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.bk-row-unblock{background:#0596691a;color:#059669}.bk-row-unblock:hover{background:#0596692e}.bk-row-reblock,.bk-row-block{background:#dc26261a;color:#dc2626}.bk-row-reblock:hover,.bk-row-block:hover{background:#dc26262e}.bk-empty{padding:44px 20px;text-align:center;color:#6b7280}.bk-empty svg{display:block;margin:0 auto 10px;color:#9ca3af}.bk-empty-page{padding:60px 20px;text-align:center;color:#6b7280;background:#ffffff8c;border-radius:22px;border:1px solid rgba(255,255,255,.7)}.bk-empty-page svg{margin:0 auto 12px;color:#9ca3af}.bk-empty-page h2{color:#111827;font-size:17px;margin-bottom:6px}.bk-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.bk-modal{width:min(460px,100%);max-height:88vh;overflow-y:auto;background:#ffffffeb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 80px #0003}.bk-modal-wide{width:min(560px,100%)}.bk-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(15,23,42,.06)}.bk-modal-header h2{margin:0;font-size:16px;font-weight:700;color:#111827}.bk-modal-close{background:transparent;border:none;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bk-modal-close:hover{background:#dc262614;color:#dc2626}.bk-modal-body{padding:18px 20px}.bk-form-group{margin-bottom:14px}.bk-form-group label{display:block;font-size:12.5px;font-weight:600;color:#374151;margin-bottom:6px}.bk-form-group input,.bk-form-group textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;outline:none;font-size:13.5px;background:#f8fafc;color:#111827;transition:all .2s ease;font-family:inherit}.bk-form-group input:focus,.bk-form-group textarea:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #2563eb1a}.bk-form-group small{display:block;margin-top:5px;color:#9ca3af;font-size:11.5px}.bk-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid rgba(15,23,42,.06)}.bk-subscriber-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.bk-subscriber-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid #eef1f5;background:#fafbfc}.bk-subscriber-avatar{width:32px;height:32px;border-radius:10px;background:#2563eb1a;color:#ff3b30;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.bk-subscriber-main{flex:1;min-width:0}.bk-subscriber-name{font-weight:600;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bk-subscriber-meta{font-size:11.5px;color:#6b7280;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.bk-container{padding:12px}.bk-page-title{font-size:21px}.bk-header-actions{width:100%}.bk-btn{flex:1;justify-content:center}.bk-modal-footer{flex-direction:column}.bk-modal-footer .bk-btn{width:100%}}.du-container{padding:24px;background:#f2f2f7;min-height:100vh;max-width:100vw;overflow-x:hidden}.du-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.du-header-title{display:flex;align-items:center;gap:12px}.du-header-icon{width:40px;height:40px;border-radius:12px;background:#dc26261a;color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.du-page-title{font-size:26px;font-weight:700;color:#111827;margin:0;letter-spacing:-.4px}.du-page-subtitle{margin:2px 0 0;color:#6b7280;font-size:13.5px}.du-header-actions{display:flex;gap:10px;flex-wrap:wrap}.du-refresh-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:14px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:#ffffff8c;border-color:#0f172a14;color:#4b5563}.du-refresh-btn:hover:not(:disabled){background:#ffffffd9}.du-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.du-spin{animation:du-spin 1s linear infinite}@keyframes du-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.du-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.du-search{display:flex;align-items:center;gap:10px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:10px 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex:1;min-width:240px;color:#6b7280}.du-search input{border:none;outline:none;background:transparent;width:100%;font-size:13.5px;color:#111827}.du-search input::placeholder{color:#9ca3af}.du-selectall-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:14px;font-weight:600;font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:#2563eb14;border-color:#2563eb33;color:#ff3b30}.du-selectall-btn:hover{background:#2563eb24}.du-error{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:#dc262614;color:#dc2626;margin-bottom:16px;font-size:13px;border:1px solid rgba(220,38,38,.15)}.du-bulk-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#2563eb0f;border-radius:14px;margin-bottom:16px;border:1px solid rgba(37,99,235,.1)}.du-bulk-bar span{font-size:13.5px;color:#111827}.du-bulk-actions{display:flex;gap:8px}.du-bulk-remove{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease;background:#dc2626;color:#fff}.du-bulk-remove:hover{background:#b91c1c}.du-bulk-cancel{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease;background:#ffffff8c;border-color:#0f172a14;color:#4b5563}.du-bulk-cancel:hover{background:#ffffffd9}.du-list{background:#ffffff8c;border:1px solid rgba(255,255,255,.7);border-radius:22px;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 28px #0000000a}.du-empty{padding:60px 20px;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:12px}.du-empty svg{color:#9ca3af}.du-empty div{font-size:14px}.du-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(15,23,42,.04);transition:background .2s ease}.du-row:last-child{border-bottom:none}.du-row:hover{background:#2563eb08}.du-row-selected{background:#2563eb0f}.du-row-checkbox{width:18px;height:18px;cursor:pointer;border-radius:4px;border:2px solid #d1d5db;transition:all .2s ease;flex-shrink:0}.du-row-checkbox:checked{background:#ff3b30;border-color:#ff3b30}.du-row-avatar{width:36px;height:36px;border-radius:10px;background:#2563eb1a;color:#ff3b30;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.du-row-main{flex:1;min-width:0}.du-row-name{font-weight:600;font-size:14px;color:#111827}.du-row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:#6b7280;margin-top:2px}.du-dot{color:#d1d5db}.du-payer{display:inline-flex;align-items:center;gap:4px;background:#05966914;padding:2px 8px;border-radius:6px;color:#059669;font-size:11.5px}.du-row-mac{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#374151;padding:4px 8px;background:#0000000a;border-radius:6px;white-space:nowrap}.du-row-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:#dc262614;color:#dc2626;flex-shrink:0}.du-row-delete:hover{background:#dc262629}.du-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.du-modal{width:min(460px,100%);max-height:88vh;overflow-y:auto;background:#ffffffeb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 30px 80px #0003;padding:24px}.du-modal-icon{width:48px;height:48px;border-radius:14px;background:#dc26261a;color:#dc2626;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.du-modal-title{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.du-modal-body{font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:20px}.du-modal-actions{display:flex;gap:10px}.du-modal-cancel{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid #e2e8f0;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;background:#fff;color:#4b5563;flex:1;justify-content:center}.du-modal-cancel:hover:not(:disabled){background:#f8fafc}.du-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.du-modal-confirm{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;background:#dc2626;color:#fff;flex:1;justify-content:center}.du-modal-confirm:hover:not(:disabled){background:#b91c1c}.du-modal-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.du-container{padding:12px}.du-page-title{font-size:21px}.du-header-actions{width:100%}.du-refresh-btn{width:100%;justify-content:center}.du-filters{flex-direction:column}.du-search{min-width:unset}.du-selectall-btn{width:100%;justify-content:center}.du-bulk-bar{flex-direction:column;align-items:stretch}.du-bulk-actions{flex-direction:column}.du-row{flex-wrap:wrap}.du-row-checkbox{align-self:flex-start;margin-top:8px}.du-row-mac{margin-left:50px;font-size:11px}.du-modal{padding:20px}.du-modal-actions{flex-direction:column}}@media (max-width: 768px){.du-row-meta{font-size:11.5px}}.sms-container{padding:24px;background:#f2f2f7;min-height:100vh;max-width:100vw;overflow-x:hidden}.sms-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.sms-header-title{display:flex;align-items:center;gap:12px}.sms-header-icon{width:38px;height:38px;border-radius:12px;background:#2563eb1a;color:#ff3b30;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sms-title{font-size:22px;font-weight:700;color:#111827;margin:0;letter-spacing:-.3px}.sms-subtitle{margin:2px 0 0;color:#6b7280;font-size:13px}.sms-header-right{display:flex;align-items:center;gap:10px}.sms-refresh-indicator{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:#9ca3af}.sms-status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700}.sms-status-on{background:#0596691a;color:#059669}.sms-status-off{background:#6b72801a;color:#6b7280}.sms-banner-warning{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#d9770614;border:1px solid rgba(217,119,6,.2);color:#92400e;font-size:12.5px;margin-bottom:16px}.sms-banner-warning svg{flex-shrink:0;color:#d97706}.sms-tabs{display:flex;gap:8px;margin-bottom:18px;background:#ffffff80;border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:5px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);width:fit-content;max-width:100%;overflow-x:auto}.sms-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:12px;border:none;background:transparent;color:#6b7280;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.sms-tab:hover{background:#2563eb0f}.sms-tab.active{background:#ff3b30;color:#fff;box-shadow:0 4px 12px #2563eb47}.sms-sections{display:flex;flex-direction:column;gap:16px;max-width:640px}.sms-card{background:#fff9;border:1px solid rgba(255,255,255,.75);border-radius:20px;padding:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 28px #0000000a}.sms-card h3{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#111827;margin:0 0 16px}.sms-card h3 svg{color:#ff3b30}.sms-field{margin-bottom:14px}.sms-field:last-child{margin-bottom:0}.sms-field label{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#374151;margin-bottom:6px}.sms-label-icon{color:#9ca3af}.sms-field-hint{margin-top:6px;font-size:11.5px;color:#9ca3af;line-height:1.5}.sms-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #e2e8f0;outline:none;font-size:13.5px;background:#f8fafc;color:#111827;font-family:inherit;transition:all .2s ease}.sms-input:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.sms-input.sms-disabled{opacity:.6;cursor:not-allowed}.sms-textarea{resize:vertical;min-height:60px}.sms-input-icon-wrap{position:relative}.sms-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.sms-input-with-icon{padding-left:34px}.sms-char-count{margin-top:6px;font-size:11.5px;color:#9ca3af}.sms-switch{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.05);font-size:13px;color:#374151;font-weight:500;cursor:pointer}.sms-switch:last-child{border-bottom:none}.sms-switch input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:999px;background:#e2e8f0;position:relative;cursor:pointer;transition:background .25s ease;flex-shrink:0}.sms-switch input[type=checkbox]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 3px #0003;transition:transform .25s ease}.sms-switch input[type=checkbox]:checked{background:#ff3b30}.sms-switch input[type=checkbox]:checked:before{transform:translate(16px)}.sms-slider{display:none}.sms-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:13px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.sms-btn-primary{background:#ff3b30;color:#fff;box-shadow:0 4px 12px #2563eb47}.sms-btn-primary:hover{background:#1d4ed8}.sms-btn-outline{background:#2563eb14;border-color:#2563eb33;color:#ff3b30}.sms-btn-outline:hover{background:#2563eb24}.sms-btn-ghost{background:transparent;color:#ff3b30;padding:6px 10px}.sms-btn-ghost:hover{background:#2563eb0f}.sms-btn:disabled{opacity:.6;cursor:not-allowed}.sms-refresh-btn{padding:10px 12px}.sms-help-link{margin-top:10px;font-size:12px;padding:6px 4px}.sms-input-wrap{position:relative}.sms-input-wrap .sms-input{padding-right:40px}.sms-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s ease}.sms-eye-btn:hover{color:#ff3b30}.sms-balance-result{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#0596690f;border:1px solid rgba(5,150,105,.15)}.sms-balance-icon{color:#059669;flex-shrink:0}.sms-balance-value{font-weight:700;color:#111827;font-size:14px}.sms-error-msg{display:flex;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#dc26260f;border:1px solid rgba(220,38,38,.18);color:#dc2626;font-size:12.5px}.sms-history-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.sms-search-box{flex:1;min-width:180px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#9ca3af}.sms-search-box input{border:none;outline:none;background:transparent;font-size:13px;color:#111827;width:100%}.sms-filter{width:auto;min-width:140px}.sms-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(15,23,42,.06)}.sms-table{width:100%;border-collapse:collapse;min-width:620px}.sms-table th{text-align:left;padding:11px 14px;font-size:10.5px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;background:#f8fafccc;border-bottom:1px solid rgba(15,23,42,.06);white-space:nowrap}.sms-table td{padding:11px 14px;font-size:12.5px;color:#111827;border-bottom:1px solid rgba(15,23,42,.04);vertical-align:middle}.sms-table tbody tr:last-child td{border-bottom:none}.sms-table tbody tr:hover{background:#2563eb05}.sms-phone-cell{display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:SF Mono,Fira Code,Consolas,monospace}.sms-phone-cell svg{color:#9ca3af}.sms-cat-badge{display:inline-block;padding:3px 9px;border-radius:999px;background:#2563eb14;color:#ff3b30;font-size:11px;font-weight:600;text-transform:capitalize}.sms-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;text-transform:capitalize;padding:3px 9px;border-radius:999px}.sms-status-delivered{background:#0596691a;color:#059669}.sms-status-failed{background:#dc26261a;color:#dc2626}.sms-status-pending{background:#d977061a;color:#d97706}.sms-msg-preview{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280}.sms-empty{padding:44px 20px;text-align:center;color:#6b7280}.sms-empty svg{display:block;margin:0 auto 10px;color:#9ca3af}.sms-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:#6b7280}.sms-muted{color:#9ca3af;font-weight:400}.sms-spin{animation:sms-spin 1s linear infinite}@keyframes sms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sms-green{color:#059669}.sms-red{color:#dc2626}.sms-yellow{color:#d97706}.sms-help-intro{font-size:13px;color:#6b7280;line-height:1.55;margin:0 0 18px}.sms-help-steps{list-style:none;counter-reset:sms-step;display:flex;flex-direction:column;gap:16px;padding:0;margin:0}.sms-help-steps>li{counter-increment:sms-step;position:relative;padding-left:38px}.sms-help-steps>li:before{content:counter(sms-step);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:#2563eb1a;color:#ff3b30;font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center}.sms-help-step-title{font-weight:700;font-size:13.5px;color:#111827;margin-bottom:4px}.sms-help-step-body{font-size:13px;color:#4b5563;line-height:1.6}.sms-help-step-body code{background:#0f172a0f;padding:1px 6px;border-radius:5px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#111827}.sms-help-sublist{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.sms-help-sublist li{font-size:12.5px;color:#4b5563}.sms-help-link-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:10px;background:#2563eb14;color:#ff3b30;font-weight:600;font-size:12px;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.sms-help-link-btn:hover{background:#2563eb24}.sms-webhook-box{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.sms-webhook-box code{flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;color:#111827;overflow-x:auto;white-space:nowrap;background:none;padding:0}.sms-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:9px;background:#ff3b30;color:#fff;border:none;font-weight:600;font-size:12px;cursor:pointer;flex-shrink:0;transition:background .2s ease}.sms-copy-btn:hover{background:#1d4ed8}.sms-advanced-details{width:100%}.sms-advanced-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:13.5px;font-weight:700;color:#374151;padding:2px 0}.sms-advanced-summary::-webkit-details-marker{display:none}.sms-advanced-summary span{display:inline-flex;align-items:center;gap:8px}.sms-advanced-summary span svg{color:#9ca3af}.sms-advanced-chevron{color:#9ca3af;transition:transform .2s ease;flex-shrink:0}.sms-advanced-details[open] .sms-advanced-chevron{transform:rotate(180deg)}.sms-advanced-body{margin-top:16px;padding-top:16px;border-top:1px solid rgba(15,23,42,.06)}.sms-provider-intro{font-size:13px;color:#6b7280;line-height:1.55;margin:0 0 14px}.sms-provider-options{display:flex;flex-direction:column;gap:10px}.sms-provider-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .2s ease}.sms-provider-option:hover{border-color:#2563eb66;background:#2563eb08}.sms-provider-option.active{border-color:#ff3b30;background:#2563eb0f;box-shadow:0 0 0 3px #2563eb14}.sms-provider-option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;flex-shrink:0;margin-top:1px;position:relative;cursor:pointer;transition:all .2s ease}.sms-provider-option input[type=radio]:checked{border-color:#ff3b30;background:#ff3b30}.sms-provider-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.sms-provider-option-body{flex:1}.sms-provider-option-title{font-size:13.5px;font-weight:700;color:#111827;margin-bottom:2px}.sms-provider-option-desc{font-size:12px;color:#6b7280;line-height:1.5}.sms-buy-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sms-buy-stat{padding:16px;border-radius:16px;background:#2563eb0d;border:1px solid rgba(37,99,235,.12)}.sms-buy-stat-label{font-size:11.5px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.sms-buy-stat-value{font-size:22px;font-weight:800;color:#111827;letter-spacing:-.3px}.sms-buy-stat-sub{font-size:11px;color:#9ca3af;margin-top:2px}.sms-purchase-preview{margin-top:8px;display:inline-block;padding:4px 12px;border-radius:999px;background:#0596691a;color:#059669;font-weight:700;font-size:12.5px}.sms-pending-list{display:flex;flex-direction:column;gap:8px}.sms-pending-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#d977060d;border:1px solid rgba(217,119,6,.12)}.sms-pending-amount{font-weight:700;font-size:13px;color:#111827}@media (max-width: 480px){.sms-container{padding:14px}.sms-title{font-size:19px}.sms-header{flex-direction:column;align-items:flex-start}.sms-tabs{width:100%}.sms-tab{flex:1;justify-content:center}.sms-history-filters{flex-direction:column}.sms-filter{width:100%}.sms-webhook-box{flex-direction:column;align-items:stretch}.sms-copy-btn{justify-content:center}.sms-buy-stats{grid-template-columns:1fr}}.bk-table td{padding:12px 16px}.bk-pagination-wrapper{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;margin-top:12px;flex-wrap:wrap;gap:10px}.bk-pagination-info{font-size:13px;color:#6b7280}.bk-pagination-info .page-num{color:#9ca3af}.bk-pagination-btns{display:flex;gap:8px}.bk-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.bk-detail-item{background:#ffffff80;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.7)}.bk-detail-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.bk-detail-value{font-size:14px;font-weight:600;color:#111827}.bk-detail-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:8px}.bk-detail-tab{padding:8px 14px;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:transparent;color:#6b7280;display:flex;align-items:center;gap:6px}.bk-detail-tab:hover{background:#2563eb0d}.bk-detail-tab-active{background:#2563eb1a;color:#ff3b30;border-color:#2563eb33}.bk-detail-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.bk-detail-list-item{background:#ffffff80;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.7)}.bk-detail-list-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.bk-detail-list-item-title{font-weight:600;font-size:13px;color:#111827;display:flex;align-items:center;gap:6px}.bk-detail-list-item-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280;flex-wrap:wrap}.bk-detail-list-item-meta code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:11px}.bk-detail-list-empty{text-align:center;padding:20px;color:#6b7280}.bk-detail-list-empty svg{display:block;margin:0 auto 8px;color:#9ca3af}.bk-shared-warn{color:#f59e0b;flex-shrink:0;cursor:help}.bk-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#dc262614;color:#dc2626;border-radius:14px;margin-bottom:16px;font-size:13px;font-weight:500}@media (max-width: 768px){.bk-detail-grid{grid-template-columns:1fr 1fr}.bk-detail-list-item-meta{flex-direction:column;align-items:flex-start;gap:4px}.bk-pagination-wrapper{flex-direction:column;align-items:stretch;gap:8px}.bk-pagination-btns{justify-content:center}}@media (max-width: 480px){.bk-detail-grid{grid-template-columns:1fr}}.pp-container{display:flex;flex-direction:column;gap:18px;padding:4px}.pp-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.pp-header-title{display:flex;align-items:center;gap:12px}.pp-header-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7f1d1d,#ff3b30);color:#fff;box-shadow:0 6px 16px #2563eb47}.pp-title{font-size:20px;font-weight:700;color:#111827;margin:0}.pp-subtitle{font-size:13px;color:#6b7280;margin:2px 0 0}.pp-header-right{display:flex;align-items:center;gap:12px}.pp-refresh-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ff3b30}.pp-mode-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.pp-mode-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af}.pp-mode-dot.pp-mode-on{background:#059669;box-shadow:0 0 0 3px #05966926}.pp-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pp-refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.pp-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.pp-withdraw-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #05966940}.pp-withdraw-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 6px 16px #05966952}.pp-withdraw-btn:disabled{opacity:.5;cursor:not-allowed;background:#6b7280;box-shadow:none}.pp-spin{animation:pp-spin .9s linear infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}.pp-banner-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;font-size:13px}.pp-banner-warning strong{color:#78350f}.pp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 900px){.pp-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pp-cards{grid-template-columns:1fr}}.pp-water-card{position:relative;overflow:hidden;border-radius:20px;min-height:140px;background:#ffffffb8;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 1px 2px #0000000a,0 8px 32px #0000000f,inset 0 1px #ffffffb3;transition:box-shadow .3s ease,transform .3s ease}.pp-water-card:hover{box-shadow:0 1px 3px #0000000a,0 12px 48px #0000001a,inset 0 1px #ffffffb3;transform:translateY(-2px)}.pp-card-available{--water-color: #FF3B30;--water-color-soft: rgba(59, 130, 246, .25);--water-glow: rgba(59, 130, 246, .12);background:#eff6ffb3}.pp-card-pending{--water-color: #f59e0b;--water-color-soft: rgba(245, 158, 11, .25);--water-glow: rgba(245, 158, 11, .12);background:#fffbebb3}.pp-card-collected{--water-color: #10b981;--water-color-soft: rgba(16, 185, 129, .25);--water-glow: rgba(16, 185, 129, .12);background:#ecfdf5b3}.pp-card-withdrawn{--water-color: #8b5cf6;--water-color-soft: rgba(139, 92, 246, .25);--water-glow: rgba(139, 92, 246, .12);background:#f5f3ffb3}.pp-water-fill-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:20px;pointer-events:none}.pp-water-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,var(--water-color-soft) 0%,var(--water-color-soft) 60%,rgba(255,255,255,.15) 100%);transition:height 1.2s cubic-bezier(.34,1.2,.64,1);will-change:height}.pp-water-fill:before{content:"";position:absolute;top:-40%;left:-10%;width:120%;height:60%;background:radial-gradient(ellipse at center,var(--water-glow),transparent 70%);opacity:.6;filter:blur(20px);animation:pp-glow-pulse 4s ease-in-out infinite}@keyframes pp-glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.pp-wave{position:absolute;left:0;width:200%;height:24px;fill:var(--water-color-soft);will-change:transform}.pp-wave-back{top:-20px;opacity:.4;animation:pp-wave-move 8s linear infinite}.pp-wave-front{top:-14px;opacity:.6;animation:pp-wave-move 4.5s linear infinite reverse}@keyframes pp-wave-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.pp-card-content{position:relative;z-index:2;padding:18px 20px;display:flex;flex-direction:column;height:100%;min-height:140px;justify-content:space-between}.pp-card-top{display:flex;align-items:center;gap:10px}.pp-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--water-color);border:1px solid rgba(255,255,255,.3)}.pp-card-label{font-size:12.5px;font-weight:600;color:#6b7280;letter-spacing:.01em}.pp-card-value{font-size:24px;font-weight:800;color:#111827;margin-top:6px;letter-spacing:-.02em;line-height:1.2}.pp-card-value .pp-card-currency{font-size:14px;font-weight:600;color:#6b7280;margin-right:2px}.pp-card-hint{font-size:11.5px;color:#9ca3af;margin-top:2px}.pp-card-hint .pp-tank-label{display:inline-block;padding:1px 8px;border-radius:12px;background:#ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:10px;color:#6b7280;border:1px solid rgba(255,255,255,.3);margin-left:4px}.pp-capacity-bar{width:100%;height:3px;border-radius:2px;background:#0000000f;margin-top:6px;overflow:hidden;position:relative}.pp-capacity-fill{height:100%;border-radius:2px;background:var(--water-color);transition:width 1s cubic-bezier(.34,1.2,.64,1);will-change:width;opacity:.5}.pp-capacity-fill.pp-capacity-near{opacity:.8}.pp-capacity-fill.pp-capacity-full{opacity:1;background:linear-gradient(90deg,var(--water-color),#ef4444)}.pp-ripple-wrap{position:absolute;z-index:3;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.pp-ripple-ring{width:14px;height:14px;border-radius:50%;background:var(--water-color);opacity:.7;animation:pp-ripple-expand 1.4s ease-out forwards}@keyframes pp-ripple-expand{0%{transform:scale(1);opacity:.55}70%{transform:scale(9);opacity:.12}to{transform:scale(11);opacity:0}}.pp-ripple-badge{position:absolute;top:-6px;display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;animation:pp-badge-float 1.4s ease-out forwards;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.pp-ripple-up .pp-ripple-badge{background:#059669d9}.pp-ripple-down .pp-ripple-badge{background:#dc2626d9}@keyframes pp-badge-float{0%{opacity:0;transform:translateY(6px) scale(.9)}15%{opacity:1;transform:translateY(-4px) scale(1)}75%{opacity:1;transform:translateY(-22px) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.95)}}.pp-tx-card{background:#ffffffb8;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 8px 32px #0000000f}.pp-tx-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.pp-tx-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827;flex-wrap:wrap}.pp-tx-count{font-size:12px;font-weight:500;color:#9ca3af}.pp-tx-filters{display:flex;align-items:center;gap:8px}.pp-filter{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#6b7280}.pp-filter select{border:none;background:transparent;font-size:13px;color:#374151;outline:none;cursor:pointer}.pp-table-wrap{overflow-x:auto}.pp-table{width:100%;border-collapse:collapse;font-size:13px}.pp-table thead tr{background:#f9fafb99}.pp-table th{text-align:left;padding:12px 14px;font-size:11.5px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid rgba(0,0,0,.05);white-space:nowrap}.pp-table td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151;vertical-align:middle}.pp-table tbody tr:hover{background:#00000005}.pp-date-cell{white-space:nowrap}.pp-time{font-size:11px;color:#9ca3af}.pp-txid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#6b7280;white-space:nowrap}.pp-phone{white-space:nowrap}.pp-amount{font-weight:600;white-space:nowrap}.pp-net{color:#059669}.pp-fee{color:#dc2626;white-space:nowrap}.pp-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pp-status-success{background:#ecfdf5;color:#059669}.pp-status-failed{background:#fef2f2;color:#dc2626}.pp-status-cancelled{background:#f3f4f6;color:#6b7280}.pp-status-pending{background:#fffbeb;color:#d97706}.pp-status-processing{background:#eff6ff;color:#ff3b30}.pp-status-rejected{background:#fef2f2;color:#b91c1c}.pp-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.pp-type-collection{background:#ecfdf5;color:#059669}.pp-type-withdrawal{background:#eff6ff;color:#ff3b30}.pp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.pp-modal{background:#ffffffe0;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-radius:24px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003,inset 0 1px #ffffffb3;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.pp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.pp-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827}.pp-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:none;background:#f3f4f699;color:#6b7280;cursor:pointer;transition:all .2s ease}.pp-modal-close:hover:not(:disabled){background:#e5e7ebcc;color:#111827}.pp-modal-close:disabled{opacity:.5;cursor:not-allowed}.pp-modal-body{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-field label{font-size:12.5px;font-weight:600;color:#4b5563}.pp-field input{padding:10px 12px;border:1px solid rgba(209,213,219,.6);border-radius:12px;font-size:14px;color:#111827;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:#ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pp-field input:focus{border-color:#ff3b30;box-shadow:0 0 0 3px #2563eb1f}.pp-field input:disabled{background:#f9fafb80;color:#6b7280}.pp-preview-loading{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#6b7280;padding:4px 0}.pp-preview-error{font-size:12.5px;color:#dc2626;background:#fef2f2cc;border:1px solid #fecaca;border-radius:8px;padding:8px 12px}.pp-preview{border:1px solid rgba(229,231,235,.6);border-radius:14px;background:#f9fafb80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pp-preview-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#4b5563}.pp-preview-val{font-weight:600;color:#111827}.pp-row-est .pp-preview-val{color:#b45309}.pp-row-remaining{border-top:1px solid rgba(229,231,235,.6);padding-top:8px;font-weight:600}.pp-row-remaining .pp-preview-val{color:#059669}.pp-preview-note{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;color:#9ca3af;line-height:1.4;padding-top:6px;border-top:1px dashed rgba(229,231,235,.6)}.pp-preview-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:2px}.pp-preview-name{font-size:11.5px;font-weight:500;color:#6b7280;text-align:right}.pp-preview-divider{height:1px;background:#e5e7eb99;margin:2px 0}.pp-row-highlight{background:#ecfdf599;border:1px solid rgba(167,243,208,.5);border-radius:8px;padding:6px 10px;margin:0 -6px;font-weight:700}.pp-row-highlight .pp-preview-val{color:#059669;font-size:14px}.pp-preview-warning{display:flex;align-items:flex-start;gap:6px;font-size:12px;color:#b45309;background:#fffbebcc;border:1px solid #fcd34d;border-radius:8px;padding:8px 10px;line-height:1.4}.pp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(0,0,0,.05)}.pp-modal-cancel{padding:9px 16px;border-radius:10px;border:1px solid rgba(209,213,219,.6);background:#fff9;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pp-modal-cancel:hover:not(:disabled){background:#f9fafbcc}.pp-modal-confirm{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pp-modal-confirm:hover:not(:disabled){filter:brightness(1.05)}.pp-modal-confirm:disabled,.pp-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 20px;color:#9ca3af;text-align:center}.pp-empty p{margin:0;font-size:14px;font-weight:500;color:#6b7280}.pp-empty-sub{font-size:12px!important;font-weight:400!important;color:#9ca3af!important}.pp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#6b7280}.pp-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 16px;border-top:1px solid rgba(0,0,0,.05)}.pp-page-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;border:1px solid rgba(229,231,235,.6);background:#fff9;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pp-page-btn:hover:not(:disabled){background:#f9fafbcc;border-color:#d1d5dbcc}.pp-page-btn:disabled{opacity:.5;cursor:not-allowed}.pp-page-info{font-size:13px;color:#6b7280}.pp-info-note{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:14px;background:#eff6ff99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(191,219,254,.5);color:#1e40af;font-size:12.5px;line-height:1.5}.pp-charges-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-weight:600;font-size:12.5px;color:#ff3b30;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.pp-charges-trigger:hover{color:#1d4ed8}.pp-charges-trigger-inline{margin-left:4px}.pp-charges-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:60}.pp-charges-overlay-open{opacity:1;pointer-events:auto}.pp-charges-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100vw);background:#ffffffe0;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border:1px solid rgba(255,255,255,.4);border-right:none;box-shadow:-8px 0 32px #0000001a;transform:translate(100%);transition:transform .3s ease;z-index:61;display:flex;flex-direction:column;overflow:hidden}.pp-charges-drawer-open{transform:translate(0)}.pp-charges-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.pp-charges-drawer-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;color:#111827}.pp-charges-drawer-body{padding:20px;overflow-y:auto;flex:1}.pp-charges-intro{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#4b5563;background:#f0fdf499;border:1px solid rgba(187,247,208,.5);border-radius:10px;padding:10px 12px;margin-bottom:20px}.pp-charges-section{margin-bottom:22px}.pp-charges-section-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:#111827;margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}.pp-charges-table{width:100%;border-collapse:collapse;font-size:13px}.pp-charges-table th{text-align:left;color:#6b7280;font-weight:600;padding:6px 8px;border-bottom:1px solid rgba(229,231,235,.6)}.pp-charges-table td{padding:8px;border-bottom:1px solid rgba(243,244,246,.6);color:#374151}.pp-charges-value{display:flex;align-items:center;gap:4px;font-weight:600;color:#059669}.pp-charges-examples{display:flex;flex-direction:column;gap:10px}.pp-charges-example-card{display:flex;gap:10px;align-items:flex-start;background:#f9fafb99;border:1px solid rgba(238,240,243,.6);border-radius:10px;padding:10px 12px}.pp-charges-example-icon{width:30px;height:30px;border-radius:8px;background:#eef2ff99;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-charges-example-main{font-weight:600;font-size:13px;color:#111827}.pp-charges-example-charge{font-size:12.5px;color:#b91c1c}.pp-charges-example-result{font-size:12.5px;color:#059669;font-weight:600}.pp-charges-footnote{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:#6b7280;border-top:1px solid rgba(229,231,235,.6);padding-top:14px;margin-top:4px}.pp-security-step{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 4px;text-align:center}.pp-security-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eff6ff99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff3b30;border:1px solid rgba(255,255,255,.3)}.pp-security-icon.pp-security-warn{background:#fffbeb99;color:#d97706}.pp-security-title{font-size:16px;font-weight:700;color:#111827;margin:0}.pp-security-desc{font-size:13px;color:#6b7280;line-height:1.5;margin:0;max-width:340px}.pp-security-legal{font-size:11.5px;color:#9ca3af;line-height:1.5;margin:4px 0 0;max-width:320px}.pp-pin-field{max-width:220px;width:100%;margin:0 auto}.pp-pin-field input{text-align:center;letter-spacing:.5em;font-size:20px;font-weight:700}.pp-full-width{width:100%;justify-content:center}.pp-cooldown-box{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border-radius:10px;background:#fffbebcc;border:1px solid #fcd34d;color:#92400e;width:100%;max-width:300px}.pp-cooldown-box.pp-cooldown-lock{background:#fef2f2cc;border-color:#fca5a5;color:#b91c1c}.pp-cooldown-label{font-size:12px;font-weight:600}.pp-cooldown-value{font-size:18px;font-weight:700}.pp-otp-resend{margin-top:4px;padding:8px 14px;border:none;background:none;color:#ff3b30;font-size:13px;font-weight:600;cursor:pointer}.pp-otp-resend:disabled{color:#9ca3af;cursor:not-allowed}.pp-modal-back{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:1px solid rgba(229,231,235,.6);background:#fff9;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pp-modal-back:hover:not(:disabled){background:#f9fafbcc;border-color:#d1d5dbcc}.pp-modal-back:disabled{opacity:.5;cursor:not-allowed}.pp-masked-dest{font-size:15px;font-weight:700;color:#111827;background:#ecfdf599;border:1px solid rgba(167,243,208,.5);border-radius:10px;padding:8px 16px;letter-spacing:.02em}.pp-attempts-remaining{margin:0;font-size:12.5px;font-weight:600;color:#b45309}.pp-confirm-step{display:flex;flex-direction:column;gap:12px}.pp-preview-balance{color:#059669}@media (prefers-reduced-motion: reduce){.pp-wave-back,.pp-wave-front,.pp-ripple-ring,.pp-ripple-badge,.pp-water-fill,.pp-capacity-fill,.pp-water-fill:before{animation:none!important;transition:none!important}}.pp-mini-chart{margin-top:6px;width:100%}.pp-mini-chart-bars{display:flex;align-items:flex-end;gap:12px;height:36px;justify-content:center}.pp-mini-chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;max-width:30px}.pp-mini-chart-bar{width:100%;min-height:4px;border-radius:3px 3px 0 0;transition:height .8s cubic-bezier(.34,1.2,.64,1);position:relative}.pp-mini-chart-bar-success{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 0 12px #0596694d}.pp-mini-chart-bar-failed{background:linear-gradient(180deg,#ef4444,#dc2626);box-shadow:0 0 12px #dc26264d}.pp-mini-chart-label{font-size:9px;font-weight:700;color:#9ca3af;letter-spacing:.02em}.pp-card-transaction-stats{display:flex;gap:12px;margin:4px 0 2px;width:100%}.pp-card-stat{display:flex;align-items:center;gap:4px;background:#fff6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:2px 8px 2px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.3);flex:1}.pp-stat-icon{font-size:11px;font-weight:700}.pp-stat-value{font-size:13px;font-weight:700;color:#111827}.pp-stat-label{font-size:9px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.pp-stat-percent{font-size:10px;font-weight:700;color:#059669;margin-left:auto;background:#0596691a;padding:0 4px;border-radius:3px}.pp-card-stat:last-child .pp-stat-percent{color:#dc2626;background:#dc26261a}.sec-container{display:flex;flex-direction:column;gap:18px;padding:4px}.sec-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.sec-header-title{display:flex;align-items:center;gap:12px}.sec-header-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;box-shadow:0 6px 16px #1e293b47}.sec-title{font-size:20px;font-weight:700;color:#111827;margin:0}.sec-subtitle{font-size:13px;color:#6b7280;margin:2px 0 0}.sec-banner-warn{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;font-size:13px}.sec-banner-warn strong{color:#78350f}.sec-profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.sec-profile-row{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}.sec-profile-label{color:#6b7280;font-weight:500}.sec-profile-value{color:#111827;font-weight:600}.sec-status-on{color:#059669;background:#ecfdf5;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.sec-status-off{color:#b45309;background:#fffbeb;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.sec-tabs{display:flex;flex-wrap:wrap;gap:8px}.sec-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#4b5563;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.sec-tab:hover{border-color:#d1d5db;background:#f9fafb}.sec-tab-active{background:linear-gradient(135deg,#1e293b,#374151);color:#fff;border-color:transparent}.sec-tab-icon{display:flex;align-items:center}.sec-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.sec-card-header{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#111827}.sec-card-desc{font-size:13px;color:#6b7280;line-height:1.5;margin:0}.sec-note{font-size:13px;color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;padding:10px 12px}.sec-field{display:flex;flex-direction:column;gap:6px}.sec-field label{font-size:12.5px;font-weight:600;color:#4b5563}.sec-field input{padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;color:#111827;outline:none;transition:border-color .2s ease}.sec-field input:focus{border-color:#374151;box-shadow:0 0 0 3px #3341551f}.sec-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sec-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e293b,#374151);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.sec-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.sec-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sec-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:12.5px;font-weight:600;cursor:pointer;align-self:flex-start;transition:all .2s ease}.sec-btn-secondary:hover{background:#f9fafb}.sec-btn-resend{margin-top:2px;padding:8px 14px;border:none;background:none;color:#374151;font-size:13px;font-weight:600;cursor:pointer;align-self:flex-start}.sec-btn-resend:disabled{color:#9ca3af;cursor:not-allowed}.sec-activity-list{display:flex;flex-direction:column;gap:10px}.sec-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.sec-activity-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#ff3b30;flex-shrink:0}.sec-activity-body{flex:1;min-width:0}.sec-activity-label{font-size:13.5px;font-weight:600;color:#111827}.sec-activity-desc{font-size:12.5px;color:#6b7280;margin-top:2px}.sec-activity-time{font-size:11.5px;color:#9ca3af;white-space:nowrap;text-align:right}.sec-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:#9ca3af;text-align:center}.sec-empty p{margin:0;font-size:14px;font-weight:500;color:#6b7280}.sec-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:#6b7280}.sec-spin{animation:sec-spin .9s linear infinite}@keyframes sec-spin{to{transform:rotate(360deg)}}.sec-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 0;border-top:1px solid #f3f4f6;margin-top:6px}.sec-page-btn{padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer}.sec-page-btn:hover:not(:disabled){background:#f9fafb}.sec-page-btn:disabled{opacity:.5;cursor:not-allowed}.sec-page-info{font-size:13px;color:#6b7280}@media (max-width: 640px){.sec-field-row{grid-template-columns:1fr}.sec-activity-item{flex-direction:column}.sec-activity-time{text-align:left}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;width:min(380px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border:1px solid rgba(74,222,128,.3);border-radius:16px;padding:14px 16px;box-shadow:0 8px 25px #0003,0 0 0 1px #4ade801a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastSlideIn .3s cubic-bezier(.21,1.11,.35,1.05);transition:all .2s ease}.toast:hover{transform:translate(-2px);box-shadow:0 12px 30px #00000040}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:linear-gradient(135deg,#54d0af,#065f46);border-color:#4ade8080;box-shadow:0 8px 25px #10b98133}.toast-success .toast-icon{color:#4ade80}.toast-error{background:linear-gradient(135deg,#bbcad5,#d8d0d0);border-color:#fdf3f380}.toast-error .toast-icon{color:#f87171}.toast-warning{background:linear-gradient(135deg,#78350f,#92400e);border-color:#fbbf2480}.toast-warning .toast-icon{color:#fbbf24}.toast-info{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#f8717180}.toast-info .toast-icon{color:#f87171}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.toast-message{font-size:14px;line-height:1.4;font-weight:500;word-break:break-word;flex:1}.toast-close{background:#ffffff14;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;border-radius:8px;transition:all .2s ease;flex-shrink:0;margin-top:-2px}.toast-close:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#f8717199;border-radius:0 0 16px 16px;animation:progress 3s linear forwards}@keyframes progress{0%{width:100%}to{width:0%}}@media (max-width: 640px){.toast-container{top:16px;right:16px;left:16px;width:auto}.toast{padding:12px 14px}.toast-message{font-size:13px}}:root{--glass-bg: rgba(255, 255, 255, .96);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--accent-red: #FF3B30;--accent-red-dark: #D63026;--accent-red-light: #FF5D52;--accent-red-subtle: rgba(255, 59, 48, .1);--text-primary: #1d1d1f;--text-secondary: #6c6c70;--text-tertiary: #8e8e93;--border-light: rgba(0, 0, 0, .06);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.2, .64, 1)}.login-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;position:relative;overflow-y:auto;background:#f5f5f7}.login-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(255,59,48,.04),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,59,48,.03),transparent 50%);animation:slowDrift 20s ease-in-out infinite}.login-card{position:relative;z-index:10;width:100%;max-width:460px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:2.5rem;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;animation:fadeInUp .6s cubic-bezier(.2,.9,.4,1.1)}.login-logo-section{text-align:center;margin-bottom:2rem}.login-logo-wrapper{position:relative;display:inline-block;margin-bottom:1.25rem}.login-logo{width:150px;height:150px;object-fit:contain;border-radius:1.5rem;position:relative;z-index:2;transition:var(--transition-bounce)}.login-logo:hover{transform:scale(1.05)}.login-logo-wrapper:hover .logo-reflection{width:100%;left:0;opacity:.5}.logo-fallback{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-dark));border-radius:1.5rem;color:#fff;font-weight:600}.login-title{font-size:1.75rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem}.login-subtitle{color:var(--text-secondary);font-size:.875rem;letter-spacing:-.2px}.login-form{display:flex;flex-direction:column;gap:1rem}.input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:2}.form-input:focus{outline:none;border-color:var(--accent-red);background:#fff;box-shadow:0 0 0 4px #ff3b301a}.btn-login{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#1d1d1f,#2c2c2e);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:.5rem;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-login:hover:before{left:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-sparkle{transition:var(--transition-smooth)}.btn-login:hover .btn-sparkle{transform:rotate(15deg)}.register-link{margin-top:1.5rem;text-align:center}.register-link p{font-size:.875rem;color:var(--text-secondary)}.register-link a{color:var(--accent-red);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:var(--transition-smooth)}.register-link a:hover{gap:.5rem;color:var(--accent-red-dark)}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light);text-align:center}.login-footer p{font-size:.6875rem;color:var(--text-tertiary)}@media (max-width: 480px){.login-card{padding:1.5rem}.login-logo{width:60px;height:60px}.login-title{font-size:1.5rem}.form-input{padding:.75rem 1.25rem .75rem 5rem;text-align:left;font-size:.875rem}.btn-login{padding:.75rem}}:root{--glass-bg: rgba(255, 255, 255, .96);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15);--accent-blue: #FF3B30;--accent-blue-dark: #0051d5;--accent-green: #34c759;--text-primary: #1d1d1f;--text-secondary: #6c6c70;--text-tertiary: #8e8e93;--border-light: rgba(0, 0, 0, .06);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.2, .64, 1)}.register-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem;position:relative;overflow-y:auto;background:#f5f5f7}.register-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 0%,rgba(0,122,255,.04),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,122,255,.03),transparent 50%);animation:slowDrift 20s ease-in-out infinite}@keyframes slowDrift{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.02) rotate(.5deg)}}.glass-reflection-1{position:absolute;top:-50%;left:-20%;width:60%;height:150%;background:linear-gradient(135deg,#fff6,#fff0 60%);transform:rotate(25deg);pointer-events:none;animation:reflectMove 12s ease-in-out infinite}.glass-reflection-2{position:absolute;bottom:-30%;right:-10%;width:40%;height:100%;background:linear-gradient(225deg,#ffffff4d,#fff0 70%);transform:rotate(-15deg);pointer-events:none;animation:reflectMove2 15s ease-in-out infinite}@keyframes reflectMove{0%,to{transform:rotate(25deg) translate(0);opacity:.5}50%{transform:rotate(25deg) translate(5%);opacity:.8}}@keyframes reflectMove2{0%,to{transform:rotate(-15deg) translate(0);opacity:.4}50%{transform:rotate(-15deg) translate(-5%);opacity:.7}}.register-card{position:relative;z-index:10;width:100%;max-width:480px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:2.5rem;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;animation:fadeInUp .6s cubic-bezier(.2,.9,.4,1.1)}.card-refraction{position:absolute;top:-50%;left:-20%;width:80%;height:200%;background:linear-gradient(135deg,#ffffff26,#fff0 50%);transform:rotate(35deg);pointer-events:none;animation:refractionMove 8s ease-in-out infinite}@keyframes refractionMove{0%,to{transform:rotate(35deg) translate(-10%);opacity:.3}50%{transform:rotate(35deg) translate(10%);opacity:.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-logo-section{text-align:center;margin-bottom:2rem}.register-logo-wrapper{position:relative;display:inline-block;margin-bottom:1.25rem}.register-logo{width:150px;height:150px;object-fit:contain;border-radius:1.5rem;position:relative;z-index:2;transition:var(--transition-bounce)}.register-logo:hover{transform:scale(1.05)}.logo-glimmer{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.6) 20%,transparent 40%,transparent 60%,rgba(255,255,255,.4) 80%,transparent 100%);border-radius:1.75rem;opacity:0;transition:opacity .3s ease;pointer-events:none;animation:glimmer 3s ease-in-out infinite}@keyframes glimmer{0%{opacity:0;transform:translate(-100%)}20%{opacity:.6;transform:translate(0)}40%{opacity:0;transform:translate(100%)}to{opacity:0;transform:translate(200%)}}.logo-reflection{position:absolute;bottom:-15px;left:10%;width:80%;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.08),transparent);border-radius:50%;filter:blur(4px);transition:var(--transition-smooth)}.register-logo-wrapper:hover .logo-reflection{width:100%;left:0;opacity:.5}.logo-fallback{font-size:3rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-blue-dark));border-radius:1.5rem;color:#fff;font-weight:600}.register-title{font-size:1.75rem;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.25rem}.register-subtitle{color:var(--text-secondary);font-size:.875rem;letter-spacing:-.2px}.alert-error{margin-bottom:1.5rem;padding:.75rem 1rem;background:#ff3b3014;border:1px solid rgba(255,59,48,.15);border-radius:.75rem;display:flex;align-items:center;gap:.75rem;color:#ff3b30;font-size:.875rem}.alert-success{margin-bottom:1.5rem;padding:.75rem 1rem;background:#34c75914;border:1px solid rgba(52,199,89,.15);border-radius:.75rem;display:flex;align-items:center;gap:.75rem;color:var(--accent-green);font-size:.875rem}.animate-slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.register-form{display:flex;flex-direction:column;gap:1rem}.form-group{position:relative}.input-wrapper{position:relative;overflow:hidden;border-radius:.75rem}.input-icon{left:1.125rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;z-index:2}.form-input{width:100%;padding:.875rem 3.5rem .875rem 4.5rem;background:#f9f9fb;border:1px solid var(--border-light);border-radius:.75rem;font-size:.9375rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-blue);background:#fff;box-shadow:0 0 0 4px #007aff1a}.password-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;z-index:2;transition:var(--transition-smooth)}.form-input::placeholder{color:var(--text-tertiary);font-size:.875rem}.form-hint{font-size:.6875rem;color:var(--text-tertiary);margin-top:.375rem;margin-left:.5rem}.input-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;pointer-events:none}.input-wrapper:hover .input-shimmer{left:100%}.btn-register{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#1d1d1f,#2c2c2e);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);margin-top:.5rem;position:relative;overflow:hidden}.btn-register:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-register:hover:before{left:100%}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.btn-register:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{transition:var(--transition-smooth)}.btn-register:hover .btn-arrow{transform:translate(4px)}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-link{margin-top:1.5rem;text-align:center}.login-link p{font-size:.875rem;color:var(--text-secondary)}.login-link a{color:var(--accent-blue);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:var(--transition-smooth)}.login-link a:hover{gap:.5rem;color:var(--accent-blue-dark)}.register-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-light);text-align:center}.register-footer p{font-size:.6875rem;color:var(--text-tertiary)}@media (max-width: 480px){.register-card{padding:1.5rem}.register-logo{width:60px;height:60px}.register-title{font-size:1.5rem}.form-input{padding:.75rem 1.25rem .75rem 5rem;text-align:left;font-size:.875rem}.btn-register{padding:.75rem}}.root-admin-page{--pa-bg-1: #eef2fb;--pa-bg-2: #e3e9f7;--pa-bg-3: #dbe4f5;--pa-glass: rgba(255, 255, 255, .55);--pa-glass-strong: rgba(255, 255, 255, .72);--pa-glass-border: rgba(255, 255, 255, .6);--pa-ink: #101828;--pa-ink-soft: #475467;--pa-ink-faint: #8a96ab;--pa-sidebar-1: #10182b;--pa-sidebar-2: #1a2440;--pa-sidebar-3: #232f52;--pa-accent-1: #4f6bff;--pa-accent-2: #7c5cff;--pa-danger-1: #ff5c72;--pa-danger-2: #ff8a5c;--pa-radius-lg: 22px;--pa-radius-md: 16px;--pa-radius-sm: 10px;--pa-shadow-soft: 0 8px 30px rgba(30, 41, 82, .08);--pa-shadow-card: 0 10px 34px rgba(30, 41, 82, .1);--pa-shadow-lift: 0 16px 44px rgba(30, 41, 82, .16);--pa-topbar-height: 60px}.root-admin-page *{box-sizing:border-box}.root-admin-page{min-height:100vh;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--pa-ink);background:radial-gradient(1100px 500px at 85% -10%,rgba(124,92,255,.1),transparent 60%),radial-gradient(900px 500px at 5% 110%,rgba(79,107,255,.1),transparent 60%),linear-gradient(160deg,var(--pa-bg-1) 0%,var(--pa-bg-2) 45%,var(--pa-bg-3) 100%)}.root-admin-page .root-admin-mobile-topbar{display:none}.root-admin-page .hamburger-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--pa-radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#f0f2ff;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.root-admin-page .hamburger-btn:hover{background:#ffffff29}.root-admin-page .hamburger-btn:active{transform:scale(.94)}.root-admin-page .mobile-topbar-title{display:flex;align-items:center;gap:8px;color:#f4f6ff;font-size:15px;font-weight:700;letter-spacing:.1px}.root-admin-page .mobile-topbar-title svg{color:#a5b4ff}.root-admin-page .mobile-topbar-spacer{width:40px}.root-admin-page .sidebar-overlay{display:none}.root-admin-page .root-admin-sidebar{width:260px;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 20px;background:linear-gradient(165deg,var(--pa-sidebar-1) 0%,var(--pa-sidebar-2) 55%,var(--pa-sidebar-3) 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:4px 0 34px #0a0f1e40;position:sticky;top:0;height:100vh}.root-admin-page .root-admin-brand{position:relative;display:flex;align-items:center;gap:12px;padding:14px 14px 22px 10px;color:#f4f6ff;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.root-admin-page .root-admin-brand svg{color:#a5b4ff;filter:drop-shadow(0 0 10px rgba(124,92,255,.55))}.root-admin-page .root-admin-brand h2{margin:0;font-size:16px;font-weight:700;letter-spacing:.2px}.root-admin-page .root-admin-brand p{margin:2px 0 0;font-size:12px;color:#8892b8}.root-admin-page .sidebar-close-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;margin-left:auto;border-radius:var(--pa-radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#cfd5f2;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.root-admin-page .sidebar-close-btn:hover{background:linear-gradient(135deg,var(--pa-danger-1),var(--pa-danger-2));color:#fff}.root-admin-page .root-admin-nav{display:flex;flex-direction:column;gap:6px;flex:1}.root-admin-page .tab-button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:1px solid transparent;border-radius:var(--pa-radius-sm);background:transparent;color:#aab2d6;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:background .18s ease,color .18s ease,border-color .18s ease}.root-admin-page .tab-button:hover{background:#ffffff0f;color:#f0f2ff}.root-admin-page .tab-button.active{background:linear-gradient(135deg,#4f6bff59,#7c5cff4d);border-color:#96a5ff59;color:#fff;box-shadow:0 4px 16px #4f6bff40}.root-admin-page .tab-button svg{flex-shrink:0}.root-admin-page .root-admin-logout{display:flex;align-items:center;gap:10px;justify-content:center;padding:12px 14px;margin-top:14px;border-radius:var(--pa-radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#cfd5f2;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease}.root-admin-page .root-admin-logout:hover{background:linear-gradient(135deg,var(--pa-danger-1),var(--pa-danger-2));color:#fff;border-color:transparent}.root-admin-page .root-admin-main{flex:1;padding:32px 40px 56px;overflow-y:auto;min-width:0}.root-admin-page .root-admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:12px}.root-admin-page .root-admin-header h1{margin:0 0 6px;font-size:26px;font-weight:700;color:var(--pa-ink);letter-spacing:-.3px}.root-admin-page .root-admin-header p{margin:0;color:var(--pa-ink-soft);font-size:14px}.root-admin-page .refresh-button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:999px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--pa-accent-1),var(--pa-accent-2));box-shadow:0 8px 22px #4f6bff4d;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.root-admin-page .refresh-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px #4f6bff61}.root-admin-page .refresh-button:active{transform:translateY(0)}.root-admin-page .root-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.root-admin-page .metric-card{position:relative;padding:20px 22px;border-radius:var(--pa-radius-md);background:var(--pa-glass);border:1px solid var(--pa-glass-border);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--pa-shadow-card);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.root-admin-page .metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--pa-accent-1),var(--pa-accent-2))}.root-admin-page .metric-card:hover{transform:translateY(-3px);box-shadow:var(--pa-shadow-lift)}.root-admin-page .Zotic-profit-hero{display:flex;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--pa-radius-lg);color:#fff;margin-bottom:18px;background:linear-gradient(135deg,#182b72,#6246c7);box-shadow:var(--pa-shadow-lift)}.root-admin-page .finance-eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.78}.root-admin-page .Zotic-profit-hero strong{display:block;font-size:clamp(29px,4vw,43px);margin:7px 0}.root-admin-page .Zotic-profit-hero p{margin:0 0 8px;display:flex;gap:5px;align-items:center;color:#dce6ff}.root-admin-page .Zotic-profit-hero small{color:#c7d2fe}.root-admin-page .finance-hero-totals{min-width:220px;display:grid;align-content:center;gap:12px}.root-admin-page .finance-hero-totals span{display:flex;justify-content:space-between;gap:16px;color:#dbeafe}.root-admin-page .finance-hero-totals b{color:#fff}.root-admin-page .Zotic-finance-section{display:flex;flex-direction:column;gap:18px}.root-admin-page .finance-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.root-admin-page .finance-toolbar>div:first-child{margin-right:auto}.root-admin-page .finance-toolbar h2{margin:0 0 4px;font-size:21px}.root-admin-page .finance-toolbar p{margin:0;font-size:13px;color:var(--pa-ink-soft)}.root-admin-page .finance-toolbar select,.root-admin-page .finance-toolbar input{border:1px solid #d4dbeb;padding:9px 10px;border-radius:9px;background:#fff;color:var(--pa-ink)}.root-admin-page .finance-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.root-admin-page .finance-summary-row>div,.root-admin-page .finance-card{background:var(--pa-glass-strong);border:1px solid var(--pa-glass-border);border-radius:var(--pa-radius-md);box-shadow:var(--pa-shadow-soft)}.root-admin-page .finance-summary-row>div{padding:18px}.root-admin-page .finance-summary-row span{display:block;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--pa-ink-soft)}.root-admin-page .finance-summary-row b{display:block;margin-top:8px;font-size:22px}.root-admin-page .finance-summary-row .profit{background:linear-gradient(135deg,#e2f9ef,#eefbf5)}.root-admin-page .finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.root-admin-page .finance-card{padding:19px}.root-admin-page .finance-card h3{margin:0 0 13px;font-size:15px}.root-admin-page .finance-line{width:100%;background:none;border:0;display:flex;padding:9px 0;border-bottom:1px solid #e7ebf4;color:var(--pa-ink);align-items:center;text-align:left;font:inherit}.root-admin-page button.finance-line{cursor:pointer}.root-admin-page .finance-line span{margin-right:auto;color:var(--pa-ink-soft)}.root-admin-page .finance-line b{margin-right:8px}.root-admin-page .finance-total{padding-top:13px;display:flex;justify-content:space-between;font-weight:700}.root-admin-page .finance-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.root-admin-page .finance-kpis span{background:#f5f7fd;padding:10px;border-radius:9px;font-size:12px;color:var(--pa-ink-soft)}.root-admin-page .finance-kpis b{display:block;margin-top:4px;color:var(--pa-ink);font-size:14px}.root-admin-page .finance-subheading{margin:14px 0 8px;color:var(--pa-ink-soft);font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.root-admin-page .chart-card{min-height:220px}.root-admin-page .profit-bars{height:155px;display:flex;align-items:end;gap:8px;padding:12px 0 20px;border-bottom:1px solid #dfe5f1;overflow-x:auto}.root-admin-page .profit-bars>div{min-width:20px;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7166ea,#3d82e8);position:relative}.root-admin-page .profit-bars span{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:10px;color:var(--pa-ink-faint);white-space:nowrap}.root-admin-page .finance-note{margin:0;color:var(--pa-ink-soft);font-size:12px}.root-admin-page .ledger-detail{display:block;margin-top:3px;color:var(--pa-ink-faint);font-weight:500;white-space:nowrap}.root-admin-page .wallet-balances-card{width:100%}.root-admin-page .wallet-balances-card .table-scroll{max-height:420px;overflow-y:auto}.root-admin-page .wallet-admin-name{font-weight:600;color:var(--pa-ink)}.root-admin-page .wallet-balance-cell{text-align:right;font-weight:600;white-space:nowrap}.root-admin-page .wallet-total-row{background:linear-gradient(135deg,#e2f9ef,#eefbf5)}.root-admin-page .wallet-total-row td{color:#065f46;border-top:2px solid #10b981}.root-admin-page .root-dashboard-grid .metric-card:nth-child(1):before{background:linear-gradient(180deg,#4f6bff,#7c5cff)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(2):before{background:linear-gradient(180deg,#22c1b0,#2ea3f2)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(3):before{background:linear-gradient(180deg,#ff8a5c,#ff5c72)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(4):before{background:linear-gradient(180deg,#ffb648,#ff8a5c)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(5):before{background:linear-gradient(180deg,#19c37d,#22c1b0)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(6):before{background:linear-gradient(180deg,#19c37d,#7ee787)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(7):before{background:linear-gradient(180deg,#f7b733,#fc4a1a)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(8):before{background:linear-gradient(180deg,#7c5cff,#c66fff)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(9):before{background:linear-gradient(180deg,#2ea3f2,#4f6bff)}.root-admin-page .root-dashboard-grid .metric-card:nth-child(10):before{background:linear-gradient(180deg,#ff5c72,#7c5cff)}.root-admin-page .metric-label{font-size:12.5px;font-weight:600;color:var(--pa-ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.root-admin-page .metric-value{font-size:24px;font-weight:700;color:var(--pa-ink);letter-spacing:-.3px}.root-admin-page .section-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.root-admin-page .search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;padding:10px 14px;border-radius:var(--pa-radius-sm);background:#10182beb;border:1px solid rgba(255,255,255,.08);color:#e7ebff}.root-admin-page .search-box svg{color:#8892b8;flex-shrink:0}.root-admin-page .search-box input{flex:1;border:none;outline:none;background:transparent;color:#f0f2ff;font-size:14px}.root-admin-page .search-box input::placeholder{color:#6f7aa3}.root-admin-page .section-toolbar select{padding:10px 14px;border-radius:var(--pa-radius-sm);border:1px solid rgba(16,24,43,.14);background:var(--pa-glass-strong);color:var(--pa-ink);font-size:13.5px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.root-admin-page .btn-small{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--pa-radius-sm);border:none;font-size:13px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--pa-accent-1),var(--pa-accent-2));box-shadow:0 6px 18px #4f6bff47}.root-admin-page .table-scroll{border-radius:var(--pa-radius-md);overflow:hidden;background:var(--pa-glass);border:1px solid var(--pa-glass-border);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--pa-shadow-card);overflow-x:auto}.root-admin-page .root-admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.root-admin-page .root-admin-table thead th{text-align:left;padding:14px 18px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--pa-ink-soft);background:#ffffff59;border-bottom:1px solid rgba(16,24,43,.08);white-space:nowrap}.root-admin-page .root-admin-table tbody td{padding:14px 18px;color:var(--pa-ink);border-bottom:1px solid rgba(16,24,43,.06)}.root-admin-page .root-admin-table tbody tr:last-child td{border-bottom:none}.root-admin-page .root-admin-table tbody tr:hover{background:#4f6bff0d}.root-admin-page .actions-cell{display:flex;gap:8px;flex-wrap:wrap}.root-admin-page .actions-cell button{padding:7px 12px;border-radius:999px;border:1px solid rgba(16,24,43,.12);background:#fff9;color:var(--pa-ink);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.root-admin-page .actions-cell button:hover{background:linear-gradient(135deg,var(--pa-accent-1),var(--pa-accent-2));color:#fff;border-color:transparent}.root-admin-page .actions-cell button.danger:hover{background:linear-gradient(135deg,var(--pa-danger-1),var(--pa-danger-2))}.root-admin-page .root-announcements-section{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.root-admin-page .announcement-form{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--pa-radius-md);background:var(--pa-glass);border:1px solid var(--pa-glass-border);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--pa-shadow-card)}.root-admin-page .announcement-form label{display:block;font-size:12px;font-weight:600;color:var(--pa-ink-soft);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.root-admin-page .announcement-form input,.root-admin-page .announcement-form textarea{width:100%;padding:11px 14px;border-radius:var(--pa-radius-sm);border:1px solid rgba(255,255,255,.08);background:#10182beb;color:#f0f2ff;font-size:13.5px;font-family:inherit;outline:none;transition:border-color .15s ease}.root-admin-page .announcement-form input::placeholder,.root-admin-page .announcement-form textarea::placeholder{color:#6f7aa3}.root-admin-page .announcement-form input:focus,.root-admin-page .announcement-form textarea:focus{border-color:var(--pa-accent-1)}.root-admin-page .announcement-form textarea{min-height:120px;resize:vertical}.root-admin-page .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:var(--pa-radius-sm);font-size:14px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--pa-accent-1),var(--pa-accent-2));box-shadow:0 10px 26px #4f6bff52;transition:transform .15s ease,box-shadow .15s ease}.root-admin-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #4f6bff66}.root-admin-page .announcement-list{display:flex;flex-direction:column;gap:14px}.root-admin-page .announcement-card{padding:18px 20px;border-radius:var(--pa-radius-md);background:var(--pa-glass);border:1px solid var(--pa-glass-border);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--pa-shadow-card)}.root-admin-page .announcement-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.root-admin-page .announcement-header h3{margin:0;font-size:15.5px;font-weight:700;color:var(--pa-ink)}.root-admin-page .announcement-header span{font-size:12px;color:var(--pa-ink-faint);white-space:nowrap}.root-admin-page .announcement-card p{margin:0 0 14px;color:var(--pa-ink-soft);font-size:13.5px;line-height:1.5}.root-admin-page .announcement-actions{display:flex;gap:8px}.root-admin-page .announcement-actions button{padding:7px 14px;border-radius:999px;border:1px solid rgba(16,24,43,.12);background:#fff9;color:var(--pa-ink);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.root-admin-page .announcement-actions button:hover{background:linear-gradient(135deg,var(--pa-accent-1),var(--pa-accent-2));color:#fff;border-color:transparent}.root-admin-page .announcement-actions button.danger:hover{background:linear-gradient(135deg,var(--pa-danger-1),var(--pa-danger-2))}.root-admin-page .audit-summary{margin-bottom:14px}.root-admin-page .audit-summary p{margin:0;color:var(--pa-ink-soft);font-size:13.5px}.root-admin-page .system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.root-admin-page .system-card{padding:20px 22px;border-radius:var(--pa-radius-md);background:var(--pa-glass);border:1px solid var(--pa-glass-border);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--pa-shadow-card);transition:transform .2s ease,box-shadow .2s ease}.root-admin-page .system-card:hover{transform:translateY(-3px);box-shadow:var(--pa-shadow-lift)}.root-admin-page .system-card h3{margin:0 0 8px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--pa-ink-soft)}.root-admin-page .system-card p{margin:0;font-size:22px;font-weight:700;color:var(--pa-ink)}.root-admin-page .root-customer-care-section .root-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.root-admin-page .root-customer-care-section .root-empty-state svg{margin-bottom:12px;opacity:.4}.root-admin-page .root-customer-care-section .root-empty-state p{margin:0;font-size:14px}@media (max-width: 980px){.root-admin-page .root-announcements-section{grid-template-columns:1fr}}@media (max-width: 860px){.root-admin-page{flex-direction:column}.root-admin-page .root-admin-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:500;height:var(--pa-topbar-height);padding:0 16px;background:linear-gradient(165deg,var(--pa-sidebar-1) 0%,var(--pa-sidebar-2) 60%,var(--pa-sidebar-3) 100%);box-shadow:0 6px 24px #0a0f1e38}.root-admin-page .sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#090d1a80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:pa-fade-in .18s ease}.root-admin-page .root-admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:min(78vw,300px);max-width:300px;flex-direction:column;align-items:stretch;justify-content:space-between;padding:20px 18px 24px;z-index:999;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:none}.root-admin-page .root-admin-sidebar.mobile-open{transform:translate(0);box-shadow:18px 0 48px #06091459}.root-admin-page .root-admin-brand{padding:6px 6px 18px 4px}.root-admin-page .sidebar-close-btn{display:flex}.root-admin-page .root-admin-nav{overflow-x:visible;flex-direction:column}.root-admin-page .root-admin-main{padding:20px 16px 40px}.root-admin-page .root-admin-header{flex-wrap:wrap}}@media (max-width: 480px){.root-admin-page .root-admin-sidebar{width:84vw}.root-admin-page .root-admin-header h1{font-size:21px}.root-admin-page .metric-value{font-size:20px}}.root-admin-page button:focus-visible,.root-admin-page input:focus-visible,.root-admin-page select:focus-visible,.root-admin-page textarea:focus-visible{outline:2px solid var(--pa-accent-1);outline-offset:2px}@keyframes pa-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.root-admin-page .metric-card,.root-admin-page .system-card,.root-admin-page .refresh-button,.root-admin-page .btn-primary,.root-admin-page .root-admin-sidebar,.root-admin-page .sidebar-overlay{transition:none;animation:none}}/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,SF Pro,Helvetica Neue,Helvetica,Arial,sans-serif}html,body,#root{width:100%;max-width:100vw;height:100%;overflow-x:hidden}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b8}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-glass: rgba(255, 255, 255, .72);--bg-glass-strong: rgba(255, 255, 255, .92);--text-primary: #1d1d1f;--text-secondary: #86868b;--accent-red: #FF3B30;--accent-red-light: #FF5D52;--accent-red-dark: #D63026;--accent-red-subtle: rgba(255, 59, 48, .15);--accent-red-soft: rgba(255, 59, 48, .08);--border-light: rgba(0, 0, 0, .06);--border-glass: rgba(255, 255, 255, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .08);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-steady: all .2s ease-out;--topbar-height: 10%}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,SF Pro,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;overflow:hidden;width:100%;max-width:100vw;height:100vh}.appRoot{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);position:relative}.appRoot:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,rgba(255,59,48,.08),transparent 40%),radial-gradient(ellipse at 80% 70%,rgba(255,93,82,.06),transparent 45%),radial-gradient(ellipse at 40% 80%,rgba(255,59,48,.04),transparent 50%);animation:slowDrift 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes slowDrift{0%{transform:translate(0) rotate(0)}33%{transform:translate(2%,1%) rotate(1deg)}66%{transform:translate(-1%,2%) rotate(-.5deg)}to{transform:translate(0) rotate(0)}}.appRoot:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 60% 40%,rgba(255,59,48,.03),transparent 60%);pointer-events:none;z-index:0;animation:gentlePulse 15s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:.5}50%{opacity:1}}.sidebar{position:fixed;top:0;left:0;height:100vh;background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;transition:width .35s cubic-bezier(.4,0,.2,1);z-index:100;overflow-x:hidden;overflow-y:auto;will-change:width;transform:translateZ(0);backface-visibility:hidden}.sidebar-expanded{width:250px}.sidebar-collapsed{width:80px}.sidebar-mobile-open{transform:translate(0)}.sidebar-logo-area{padding:20px 16px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.logo-wrapper{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.logo-emoji{font-size:22px;position:relative;z-index:1}.logo-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}20%{left:100%}to{left:100%}}.logo-text{line-height:1.2;white-space:nowrap}.logo-title{font-weight:600;font-size:18px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-subtitle{font-size:11px;color:var(--text-secondary);letter-spacing:-.2px}.sidebar-collapse-btn,.sidebar-expand-btn{width:28px;height:28px;border-radius:50%;background:#0000000a;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-steady);color:var(--text-secondary);flex-shrink:0}.sidebar-collapse-btn:hover,.sidebar-expand-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red);transform:scale(1.05)}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.nav-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);transition:var(--transition-steady);cursor:pointer;text-decoration:none;position:relative;transform:translateZ(0);backface-visibility:hidden}.nav-item:hover{background:#0000000a;transform:translate(2px)}.nav-item-active{background:#ff3b301f}.nav-icon-wrapper{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon{width:20px;height:20px;color:var(--accent-red);transition:var(--transition-steady)}.nav-item-active .nav-icon{color:var(--accent-red)}.nav-active-dot{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--accent-red);border-radius:50%;box-shadow:0 0 0 3px #ff3b3033;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.1)}}.nav-label{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;white-space:nowrap}.nav-badge{font-size:11px;font-weight:600;background:#ff3b301f;color:var(--accent-red);padding:2px 8px;border-radius:20px;flex-shrink:0}.nav-item-collapsed{justify-content:center;padding:10px}.nav-item-collapsed .nav-icon{width:22px;height:22px}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(0,0,0,.06);flex-shrink:0}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;transition:var(--transition-steady);color:var(--text-secondary);font-size:14px}.logout-btn:hover{background:#ff3b301a;color:#ff3b30}.main-content{flex:1;margin-left:250px;transition:margin-left .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;z-index:1;will-change:margin-left;transform:translateZ(0);backface-visibility:hidden}.main-content-expanded{margin-left:80px}.topbar{background:#ffffffb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;flex-shrink:0;height:var(--topbar-height);transform:translateZ(0)}.topbar-left{display:flex;align-items:center;gap:16px;min-width:160px}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-glass-strong);border:1px solid var(--border-light);align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-steady)}.mobile-menu-btn:hover{background:#fff;transform:scale(1.02)}.page-title-wrapper{position:relative;overflow:hidden}.page-title{font-size:22px;font-weight:600;letter-spacing:-.3px;background:linear-gradient(135deg,#1d1d1f,#3a3a3e);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:titleShimmer 4s ease-in-out infinite;pointer-events:none}@keyframes titleShimmer{0%{left:-100%}20%{left:200%}to{left:200%}}.topbar-center{flex:1;max-width:400px;margin:0 24px;padding-top:27px}.search-container{position:relative;width:100%;height:40px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:1}.search-input{width:100%;padding:10px 40px 10px 42px;background:#0000000a;border:1px solid rgba(0,0,0,.06);border-radius:30px;font-size:15px;transition:var(--transition-steady)}.search-input:focus{outline:none;background:#fff;border-color:var(--accent-red);box-shadow:0 0 0 4px #ff3b301f}.search-shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-secondary);background:#0000000f;padding:2px 8px;border-radius:8px;font-weight:500}.search-glimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border-radius:30px;pointer-events:none;animation:glimmer 3s infinite}@keyframes glimmer{0%{left:-100%}10%{left:100%}to{left:100%}}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-icon-btn{width:40px;height:40px;border-radius:30px;background:#0000000a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-steady);position:relative}.topbar-icon-btn:hover{background:#00000014;transform:scale(1.02)}.notification-dot{position:absolute;top:8px;right:10px;width:8px;height:8px;background:#ff3b30;border-radius:50%;border:1px solid white}.settings-btn{position:relative;overflow:hidden}.btn-refraction{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:refraction 4s ease-in-out infinite;pointer-events:none}@keyframes refraction{0%{left:-100%}15%{left:100%}to{left:100%}}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-red),var(--accent-red-light));border-radius:30px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:var(--transition-steady);flex-shrink:0}.user-avatar:hover{transform:scale(1.02)}.avatar-initials{font-size:14px;font-weight:600;color:#fff}.avatar-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:radial-gradient(circle,rgba(255,59,48,.4),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease;pointer-events:none}.user-avatar:hover .avatar-glow{opacity:1;animation:glowPulse 1.5s infinite}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.time-display{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:-.2px}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.page-content::-webkit-scrollbar-thumb{background:#ff3b304d;border-radius:3px;transition:background .2s}.page-content::-webkit-scrollbar-thumb:hover{background:#ff3b3080}.content-glass{background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-glass);overflow:hidden;transition:var(--transition-steady);transform:translateZ(0)}.content-glass:hover{box-shadow:0 12px 48px #00000014}.glass-card{background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000000a;transition:var(--transition-steady)}.glass-card:hover{background:#fffc;box-shadow:0 8px 24px #00000014}.glass-reflection{position:relative;overflow:hidden}.glass-reflection:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.glass-reflection:hover:after{left:100%}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fadeIn .3s ease;border:none;cursor:pointer;width:100%;touch-action:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.sidebar-expanded{width:280px}.topbar{padding:10px 20px}.page-title{font-size:20px}.topbar-center{max-width:300px}}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-mobile-open{transform:translate(0)}.main-content,.main-content-expanded{margin-left:0}.mobile-menu-btn{display:flex}.topbar-center{max-width:200px;margin:0 12px}.search-shortcut,.time-display{display:none}.page-content{padding:16px}}@media (max-width: 480px){.topbar-center{display:none}.page-title{font-size:18px}.topbar-icon-btn,.user-avatar{width:36px;height:36px}.card{width:100%;max-width:100%}.card-grid,.cards-grid,.stats-grid{grid-template-columns:1fr}.table-wrapper,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table{white-space:nowrap}button,.btn,[role=button],a.nav-item,a.btn,input[type=submit],input[type=button]{min-height:44px}body,p,span,td,th,input,select,textarea,label{font-size:max(14px,inherit)}.card,.content-glass,.page-content{max-width:100vw;overflow-x:hidden}}.page-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}::selection{background:#ff3b3033;color:var(--accent-red)}button,a,.nav-item,.sidebar-collapse-btn,.sidebar-expand-btn{transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}*{-webkit-tap-highlight-color:transparent}.install-pwa-banner{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#ff3b30,#ff5d52);color:#fff;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-pwa-content{display:flex;align-items:center;gap:12px;padding:12px 16px;max-width:600px;margin:0 auto}.install-pwa-icon{font-size:28px;flex-shrink:0}.install-pwa-text{flex:1;display:flex;flex-direction:column;min-width:0}.install-pwa-text strong{font-size:14px;font-weight:600}.install-pwa-text span{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-pwa-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;min-height:44px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;flex-shrink:0}.install-pwa-btn:hover{background:#ffffff4d}.install-pwa-dismiss{background:none;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}