@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--bg-card:#fff;--bg-card-elevated:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--accent-cyan:#0284c7;--accent-cyan-glow:#0284c71f;--accent-indigo:#4f46e5;--accent-indigo-glow:#4f46e51f;--accent-violet:#7c3aed;--accent-emerald:#10b981;--accent-emerald-glow:#10b98126;--accent-amber:#f59e0b;--accent-rose:#ef4444;--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 16px -2px #0f172a0f, 0 2px 6px -1px #0f172a05;--shadow-lg:0 12px 30px -4px #0f172a14, 0 4px 12px -2px #0f172a08;--shadow-glow:0 0 25px #2563eb26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-layout{width:100vw;min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 10% 5%,#2563eb0a 0%,#0000 45%),radial-gradient(circle at 90% 90%,#10b9810a 0%,#0000 45%),#f8fafc;flex-direction:column;display:flex}.topbar{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#fffffff5;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 20px;display:flex;box-shadow:0 1px 3px #0f172a08}.topbar-left{align-items:center;gap:14px;display:flex}.brand-badge{letter-spacing:-.4px;color:var(--text-main);align-items:center;gap:10px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand-logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#0284c7);border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 12px #2563eb40}.version-chip{color:#1d4ed8;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.topbar-status-strip{border-left:1px solid var(--border-subtle);align-items:center;gap:8px;padding-left:14px;display:flex}.telemetry-chip{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#fff;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:600;display:flex;box-shadow:0 1px 2px #0f172a05}.pulse-indicator{background-color:var(--accent-emerald);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseBeacon;box-shadow:0 0 8px #10b98199}@keyframes pulseBeacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex}.topbar-btn:hover{color:var(--text-main);border-color:var(--border-medium);background:#f1f5f9}.user-pill{border:1px solid var(--border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-name{color:var(--text-main);font-size:12px;font-weight:600}.workspace{flex:1;height:calc(100vh - 56px);display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-subtle);background:#fff;flex-direction:column;gap:16px;width:260px;min-width:260px;padding:16px 12px;transition:transform .25s;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:3px;display:flex}.nav-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);padding:6px 10px 4px;font-size:10.5px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-main);background:#f1f5f9}.nav-item.active{color:#1d4ed8;background:#eff6ff;font-weight:700}.nav-item-inner{align-items:center;gap:10px;display:flex}.nav-counter{color:var(--text-muted);background:#f1f5f9;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.nav-item.active .nav-counter{color:#1d4ed8;background:#dbeafe}.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;gap:10px;padding:12px 18px;display:flex;overflow-y:auto}.kpi-strip{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:8px 14px;transition:all .15s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.kpi-content{flex-direction:column;gap:2px;display:flex}.kpi-label{color:var(--text-muted);font-size:11px;font-weight:600}.kpi-number-row{align-items:baseline;gap:6px;display:flex}.kpi-number{letter-spacing:-.3px;color:var(--text-main);font-size:17px;font-weight:800;line-height:1.2}.kpi-badge{border-radius:999px;padding:1.5px 6px;font-size:10px;font-weight:700}.badge-emerald{color:#065f46;background:#d1fae5}.badge-cyan{color:#0369a1;background:#e0f2fe}.badge-rose{color:#9f1239;background:#ffe4e6}.badge-amber{color:#92400e;background:#fef3c7}.badge-indigo{color:#5b21b6;background:#ede9fe}.kpi-icon-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:0;display:flex}.title-group{align-items:center;gap:10px;display:flex}.page-heading{letter-spacing:-.3px;color:var(--text-main);align-items:center;gap:8px;font-size:16px;font-weight:800;line-height:1.2;display:flex}.page-subheading{display:none}.action-bar-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar-container{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex;box-shadow:0 1px 3px #0f172a0a}.toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:240px;display:flex}.toolbar-right{align-items:center;gap:6px;display:flex}.search-wrap{flex:1;align-items:center;min-width:170px;max-width:260px;display:flex;position:relative}.search-wrap .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:9px}.search-wrap .search-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);background:#f8fafc;border-radius:6px;outline:none;padding:5px 10px 5px 28px;font-family:inherit;font-size:11.5px;transition:all .15s}.search-wrap .search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.filter-pills{border:1px solid var(--border-subtle);background:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.filter-pill{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3.5px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.filter-pill:hover{color:var(--text-main)}.filter-pill.active{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 1px 3px #0f172a14}.view-toggle-group{border:1px solid var(--border-subtle);background:#f1f5f9;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.view-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-btn:hover{color:var(--text-main)}.view-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0f172a14}.dashboard-split-layout{grid-template-columns:1fr 300px;align-items:start;gap:12px;display:grid}@media (width<=1280px){.dashboard-split-layout{grid-template-columns:1fr}}.empty-box{border:1px dashed var(--border-medium);border-radius:var(--radius-md);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 18px;display:flex}.empty-title{color:var(--text-main);font-size:14px;font-weight:700}.empty-desc{color:var(--text-muted);max-width:380px;font-size:12px}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tenant-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;display:grid}.tenant-card{border:1px solid var(--border-subtle);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:11px 13px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0f172a08}.tenant-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 6px 18px -4px #0f172a14}.card-top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.card-name{color:var(--text-main);letter-spacing:-.2px;font-size:13.5px;font-weight:800;line-height:1.2}.card-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.type-pill{letter-spacing:.2px;border-radius:999px;align-items:center;gap:3px;padding:1.5px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.type-hotel{color:#6d28d9;background:#ede9fe;border:1px solid #6d28d933}.type-cafe{color:#b45309;background:#fef3c7;border:1px solid #b4530933}.type-dorm{color:#0369a1;background:#e0f2fe;border:1px solid #0369a133}.status-beacon{text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:9.5px;font-weight:700;display:inline-flex}.beacon-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.card-domain-strip{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:6px;justify-content:space-between;align-items:center;padding:3.5px 8px;display:flex}.domain-text{font-family:var(--font-mono);color:#0284c7;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex;overflow:hidden}.copy-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.copy-icon-btn:hover{color:var(--text-main);background:#e2e8f0}.card-stats-matrix{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:7px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px 8px;display:grid}.stat-cell{flex-direction:column;gap:1px;display:flex}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:8.5px;font-weight:700}.stat-val{color:var(--text-main);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.compliance-row{background:#10b9810a;border:1px solid #10b9812e;border-radius:6px;justify-content:space-between;align-items:center;padding:3.5px 8px;font-size:10px;display:flex}.compliance-check{color:#059669;align-items:center;gap:5px;font-weight:700;display:flex}.card-actions-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:5px;padding-top:6px;display:flex}.btn-card-action{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-card-action:hover{border-color:var(--border-medium);color:var(--text-main);background:#f8fafc;transform:translateY(-1px)}.btn-card-action.primary-subtle{color:#2563eb;background:#2563eb14;border-color:#2563eb47;font-weight:700}.btn-card-action.primary-subtle:hover{background:#2563eb29;border-color:#2563eb}.telemetry-sidebar{flex-direction:column;gap:14px;display:flex}.telemetry-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:12px;padding:16px;display:flex}.telemetry-title{color:var(--text-main);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:12px;font-weight:700;display:flex}.speed-meter-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.speed-stat-box{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.speed-stat-lbl{color:var(--text-muted);align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.speed-stat-val{color:var(--text-main);font-size:16px;font-weight:800}.live-feed-list{flex-direction:column;gap:8px;display:flex}.live-feed-item{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:7px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;display:flex}.feed-left{align-items:center;gap:6px;display:flex}.feed-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.feed-user{color:var(--text-main);font-weight:600}.feed-loc{color:var(--text-muted);font-size:10px}.feed-time{color:var(--text-faint);font-size:10px}.table-container{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.dense-table{border-collapse:collapse;width:100%;font-size:12px}.dense-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:#f8fafc;padding:10px 14px;font-weight:700}.dense-table td{color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 14px}.dense-table tr:hover td{background:#f8fafc}.dense-table tr:last-child td{border-bottom:none}.device-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.pro-device-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:12px;padding:18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0f172a0a}.pro-device-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 28px -4px #0f172a14}.pro-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pro-device-title-box{align-items:center;gap:10px;display:flex}.pro-device-avatar{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pro-device-avatar.online{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.pro-device-avatar.offline{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.pro-device-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pro-device-name{color:var(--text-main);font-size:14px;font-weight:800}.pro-status-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.pro-status-badge.online{color:#065f46;background:#d1fae5}.pro-status-badge.offline{color:#9f1239;background:#ffe4e6}.pro-pulse-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pro-device-subline{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:8px;display:flex}.pro-mac{color:var(--text-secondary);font-weight:600}.pro-wan-ip{color:#0284c7}.pro-ros-badge{color:var(--text-muted);background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:10px}.pro-header-tools{align-items:center;gap:4px;display:flex}.pro-tool-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#f8fafc;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pro-tool-btn:hover{color:var(--text-main);background:#f1f5f9}.pro-tool-btn.danger:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.pro-venue-strip{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:11.5px;display:flex}.pro-venue-info{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.pro-license-badge{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:flex}.pro-license-badge.active{color:#065f46;background:#d1fae5}.pro-license-badge.inactive{color:#92400e;background:#fef3c7}.pro-interface-strip{cursor:pointer;background:#0f172a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex;overflow-x:auto}.pro-strip-label{color:#94a3b8;white-space:nowrap;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.pro-ports-mini-rack{align-items:center;gap:5px;display:flex}.pro-port-mini{font-size:9.5px;font-family:var(--font-mono);white-space:nowrap;border-radius:4px;padding:2px 6px;font-weight:700}.pro-port-mini.wan{color:#e0f2fe;background:#0369a1}.pro-port-mini.hotspot{color:#fef3c7;background:#b45309}.pro-port-mini.lan{color:#cbd5e1;background:#334155}.pro-port-mini.wifi{color:#e0e7ff;background:#4338ca}.pro-metrics-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pro-metric-tile{border:1px solid var(--border-subtle);background:#f8fafc;border-radius:7px;flex-direction:column;gap:4px;padding:6px 8px;display:flex}.pro-metric-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:9.5px;font-weight:600;display:flex}.pro-metric-val{color:var(--text-main);font-size:11px;font-weight:700}.pro-progress-bar{background:#e2e8f0;border-radius:999px;height:4px;overflow:hidden}.pro-progress-fill{border-radius:999px;height:100%;transition:width .3s}.pro-actions-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:6px;padding-top:6px;display:flex}.pro-btn-highlight{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.pro-btn-highlight:hover{background:#1d4ed8}.pro-btn-secondary{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.pro-btn-secondary:hover{color:var(--text-main);background:#f8fafc}.pro-btn-secondary.gold{color:#b45309;background:#fef3c7;border-color:#b453094d}.pro-btn-secondary.emerald,.emerald{color:#059669;background:#d1fae5;border-color:#10b9814d}.pro-btn-secondary.cyan,.cyan{color:#0284c7;background:#e0f2fe;border-color:#06b6d44d}.disabled{opacity:.55;cursor:not-allowed}.pro-btn-icon{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.pro-btn-icon:hover{color:var(--text-main);background:#f8fafc}.btn-primary{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.btn-secondary{border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{color:var(--text-main);border-color:var(--border-medium);background:#f8fafc}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon:hover{color:var(--text-main);background:#f1f5f9}.form-input,.form-select,select.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);background:#fff;outline:none;padding:9px 13px;font-family:inherit;font-size:13px;transition:all .15s}.form-input:focus,.form-select:focus,select.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-label{color:var(--text-secondary);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.18s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:#fff;max-height:92vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px -15px #0f172a40}.modal-tenant-content,.tenant-manage-page-content,.modal-container{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:980px;max-width:96vw;max-height:92vh;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px -15px #0f172a40}.tenant-manage-page-content{width:100%;max-width:100%;min-height:calc(100vh - 160px);max-height:none}.tenant-manage-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.tenant-manage-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:5px;padding:8px 16px;display:flex}.tenant-manage-nav::-webkit-scrollbar{display:none}.tenant-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .18s;display:flex}.tenant-tab-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.tenant-tab-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:700;box-shadow:0 1px 3px #2563eb26}.tenant-tab-badge{color:#475569;background:#e2e8f0;border-radius:999px;padding:2px 6px;font-size:9.5px;font-weight:700}.tenant-tab-btn.active .tenant-tab-badge{color:#fff;background:#2563eb}.tenant-manage-body{color:#0f172a;background:#fff;flex-direction:column;gap:18px;max-height:calc(92vh - 140px);padding:22px 24px;display:flex;overflow-y:auto}.tenant-mini-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tenant-mini-kpi{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;transition:border-color .15s;display:flex;box-shadow:0 1px 3px #0000000d}.tenant-mini-kpi:hover{border-color:#cbd5e1}.tenant-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 4px #0000000a}.tenant-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-tenant-content .form-input,.modal-tenant-content .form-select,.modal-tenant-content select.form-input,.tenant-manage-page-content .form-input,.tenant-manage-page-content .form-select,.tenant-manage-page-content select.form-input,.modal-container .form-input,.modal-container .form-select,.modal-container select.form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:9px 13px;font-size:13px;transition:all .15s}.modal-tenant-content .form-input:focus,.modal-tenant-content .form-select:focus,.tenant-manage-page-content .form-input:focus,.tenant-manage-page-content .form-select:focus,.modal-container .form-input:focus,.modal-container .form-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-tenant-content .form-label,.tenant-manage-page-content .form-label,.modal-container .form-label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-tenant-content select option,.tenant-manage-page-content select option,.modal-container select option{color:#0f172a;background:#fff}.color-presets-row{align-items:center;gap:8px;display:flex}.color-preset-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s,border-color .15s,box-shadow .15s}.color-preset-dot:hover{transform:scale(1.18)}.color-preset-dot.selected{border-color:#0f172a;transform:scale(1.1);box-shadow:0 0 8px}.empty-tenant-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:44px 24px;display:flex}.tenant-item-card,.tariff-card{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.tenant-item-card:hover,.tariff-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow-x:auto}.tenant-table{border-collapse:collapse;text-align:left;color:#334155;width:100%;font-size:12px}.tenant-table th{color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.tenant-table td{border-bottom:1px solid #f1f5f9;padding:10px 14px}.tenant-table tr:hover td{background:#f8fafc}.analytics-view-container{flex-direction:column;gap:16px;width:100%;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:12.5px}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);padding:10px 14px}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:1s linear infinite spinAnim}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media print{*,:before,:after{box-sizing:border-box;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body,#root,.app-layout,.workspace{color:#0f172a!important;background:#fff!important;height:auto!important;min-height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.topbar,.sidebar,.app-nav,.modal-overlay>:not(.proposal-modal-container):not(.forensic-modal-container),button,.btn-icon,.toast-container,.print-divider,.proposal-modal-container>div:first-child,.forensic-modal-container>div:first-child{display:none!important}.modal-overlay{-webkit-backdrop-filter:none!important;background:0 0!important;margin:0!important;padding:0!important;animation:none!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important}.proposal-modal-container,.forensic-modal-container{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.proposal-print-document,.forensic-print-document{width:100%!important;max-width:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.proposal-page,.forensic-page{page-break-after:always!important;break-after:page!important;flex-direction:column!important;min-height:260mm!important;display:flex!important}.proposal-page:last-of-type,.forensic-page:last-of-type{page-break-after:avoid!important;break-after:avoid!important}@page{size:A4 portrait;margin:10mm 12mm}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;color:#f8fafc;border-radius:var(--radius-md);background:#0f172a;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 10px 30px #0003}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-role-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.sidebar-storage-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#f8fafc;flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.storage-header{color:var(--text-main);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.storage-progress-bg{background:#e2e8f0;border-radius:999px;height:5px;overflow:hidden}.storage-progress-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;height:100%}.storage-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.content-area{flex-direction:column;flex:1;gap:16px;display:flex}.modal-content{flex-direction:column;display:flex}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-main);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.modal-close-btn:hover{color:var(--text-main);background:#f1f5f9}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:#f8fafc;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.terminal-card{border-radius:var(--radius-md);font-family:var(--font-mono);background:#0f172a;border:1px solid #1e293b;overflow:hidden}.terminal-header{color:#94a3b8;background:#1e293b;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.terminal-body{color:#38bdf8;max-height:240px;padding:12px;font-size:12px;line-height:1.5;overflow-y:auto}.modal-inspector-content{color:#f1f5f9;background:linear-gradient(#0a1122 0%,#060b16 100%);border:1px solid #38bdf838;border-radius:16px;flex-direction:column;width:100%;max-width:1240px;max-height:88vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 25px 80px -15px #000000f2,0 0 0 1px #ffffff0d,0 0 50px #0ea5e914}.inspector-header{background:#0a1122fa;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.inspector-header-left{align-items:center;gap:12px;display:flex}.inspector-icon-badge{background:linear-gradient(135deg,#0284c7,#4f46e5);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 16px #0ea5e959}.inspector-title-row{align-items:center;gap:10px;display:flex}.inspector-title-text{color:#f8fafc;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.inspector-meta-row{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:11px;display:flex}.inspector-meta-item{align-items:center;gap:4px;display:inline-flex}.inspector-meta-item strong{color:#cbd5e1;font-family:var(--font-mono);font-size:10.5px}.inspector-meta-tag{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:4px;padding:1px 7px;font-weight:600}.inspector-header-stats{align-items:center;gap:8px;display:flex}.stat-badge{color:#e2e8f0;font-size:11px;font-weight:700;font-family:var(--font-mono);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.stat-badge.cpu-ok{color:#38bdf8;border-color:#38bdf84d}.stat-badge.cpu-high{color:#f87171;background:#ef44441a;border-color:#ef444466}.stat-badge.ram{color:#c084fc;border-color:#a855f74d}.btn-inspector-refresh{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-inspector-refresh:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.btn-inspector-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:7px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-inspector-close:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.inspector-subtabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e1cf5;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:6px 14px;display:flex;overflow-x:auto}.inspector-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .18s;display:flex}.inspector-tab-btn:hover{color:#f8fafc;background:#ffffff0d}.inspector-tab-btn.active{box-shadow:0 0 14px #0ea5e938;color:#38bdf8!important;background:#0ea5e926!important;border-color:#38bdf866!important}.tab-pill-count{color:inherit;font-size:10px;font-weight:700;font-family:var(--font-mono);background:#ffffff14;border-radius:999px;padding:1px 6px}.tab-pill-count.green{color:#34d399;background:#10b9812e}.tab-pill-count.pink{color:#f472b6;background:#ec48992e}.inspector-scroll-area{flex-direction:column;gap:12px;max-height:calc(88vh - 150px);padding:14px 18px 20px;display:flex;overflow-y:auto}.inspector-table-wrapper{background:#080d19;border:1px solid #ffffff14;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0006}.inspector-table{border-collapse:separate;border-spacing:0;color:#cbd5e1;width:100%;font-size:11px}.inspector-table thead tr{background:#0f172af2}.inspector-table th{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:8px 12px;font-size:10px;font-weight:700}.inspector-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:7px 12px}.inspector-table tbody tr{transition:background .15s}.inspector-table tbody tr:hover{background:#ffffff09}.inspector-table tbody tr:last-child td{border-bottom:none}.inspector-control-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.inspector-input{color:#f8fafc;background:#080e1d;border:1px solid #ffffff1f;border-radius:6px;outline:none;height:28px;padding:0 10px;font-size:11px;transition:all .2s}.inspector-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.inspector-select{color:#cbd5e1;cursor:pointer;background:#080e1d;border:1px solid #ffffff24;border-radius:6px;outline:none;height:28px;padding:0 8px;font-size:11px;font-weight:600}.inspector-select:focus{border-color:#38bdf8}.btn-inspector-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-inspector-action.indigo{color:#a5b4fc;background:#6366f11f;border-color:#6366f159}.btn-inspector-action.indigo:hover{color:#fff;background:#6366f140}.btn-inspector-action.sky{color:#38bdf8;background:#0ea5e91f;border-color:#38bdf859}.btn-inspector-action.sky:hover{color:#fff;background:#0ea5e940}.btn-inspector-action.amber{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.btn-inspector-action.amber:hover{color:#fff;background:#f59e0b40}.btn-inspector-action.danger{color:#f87171;background:#ef44441f;border-color:#ef444459}.btn-inspector-action.danger:hover{color:#fff;background:#ef444447}.btn-inspector-action.emerald{color:#34d399;background:#10b9811f;border-color:#10b98159}.btn-inspector-action.emerald:hover{color:#fff;background:#10b98140}.modal-inspector-content .modal-footer{color:#94a3b8!important;background:#060b16!important;border-top:1px solid #ffffff14!important;justify-content:space-between!important;align-items:center!important;padding:10px 18px!important;display:flex!important}.switch-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.switch-track{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;width:38px;height:20px;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.switch-track.on{background:#10b981;border-color:#059669;box-shadow:0 0 12px #10b98173}.switch-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch-track.on .switch-thumb{transform:translate(18px)}.switch-label-text{letter-spacing:.5px;font-size:11px;font-weight:700}.firewall-hero{background:linear-gradient(135deg,#0ea5e91a 0%,#6366f10f 50%,#0a1122f2 100%);border:1px solid #38bdf840;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.firewall-hero-content{align-items:center;gap:12px;display:flex}.firewall-shield-icon-box{color:#fff;background:linear-gradient(135deg,#10b981,#0284c7);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 0 16px #10b9814d}.firewall-hero-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.firewall-preset-chip{cursor:pointer;color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.firewall-preset-chip:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.firewall-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.firewall-stat-card{background:#0f172ab3;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:3px;padding:8px 12px;display:flex}.firewall-stat-title{color:#94a3b8;align-items:center;gap:5px;font-size:10.5px;font-weight:600;display:flex}.firewall-stat-value{color:#fff;font-size:14.5px;font-weight:800;font-family:var(--font-mono)}.firewall-modules-grid{grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:10px;display:grid}.firewall-module-card{background:#0d1527bf;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.firewall-module-card:hover{border-color:#ffffff24}.firewall-module-card.enabled{background:linear-gradient(#10b9810a 0%,#0d1527d9 100%);border-color:#10b98159}.firewall-module-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.firewall-module-info{flex:1;align-items:flex-start;gap:10px;display:flex}.firewall-module-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.firewall-module-title{color:#f8fafc;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.firewall-module-desc{color:#94a3b8;margin-top:2px;font-size:11px;line-height:1.45}.firewall-module-footer{color:#64748b;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:8px;font-size:10.5px;display:flex}.toast-notice{font-size:12px;font-weight:600}.tenant-mini-kpi{align-items:center;gap:6px;display:flex}.type-badge{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.category-tag{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.action-btn{cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.kpi-value{color:var(--text-main);font-size:22px;font-weight:800}.welcome-screen-wrap{flex-direction:column;gap:16px;display:flex}.mobile-nav-toggle,.mobile-bottom-nav{display:none}@media (width<=960px){.kpi-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.topbar{padding:0 14px}.mobile-nav-toggle{display:flex}.topbar-status-strip{display:none}.workspace{height:calc(100vh - 116px);position:relative}.sidebar{z-index:90;width:280px;position:fixed;top:56px;bottom:60px;left:0;transform:translate(-100%);box-shadow:0 10px 40px #0f172a33}.sidebar.mobile-open{transform:translate(0)}.main-content{gap:16px;padding:16px}.kpi-strip{grid-template-columns:1fr;gap:12px}.tenant-grid{grid-template-columns:1fr}.modal-card{border-radius:var(--radius-lg);max-height:96vh;width:100%!important}.mobile-bottom-nav{border-top:1px solid var(--border-subtle);z-index:80;background:#fff;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0a}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:10px;font-weight:600;display:flex}.mobile-nav-btn.active{color:#2563eb;font-weight:700}}.noc-hero{background:linear-gradient(135deg,#0ea5e91f 0%,#6366f114 50%,#0f172af2 100%);border:1px solid #38bdf847;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 8px 32px #0000003d}.noc-hero-icon-box{color:#fff;background:linear-gradient(135deg,#0284c7,#6366f1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 24px #0284c766}.noc-stats-strip{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.noc-stat-tile{background:#0f172ad9;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s;display:flex}.noc-stat-tile:hover{background:#0f172af2;border-color:#38bdf859;transform:translateY(-1px)}.noc-grid-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.noc-panel-card{background:#0f172ad9;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.noc-panel-card:before{content:"";background:linear-gradient(90deg,#0000,#38bdf899,#0000);height:2px;position:absolute;top:0;left:0;right:0}.noc-chip-btn{cursor:pointer;color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.noc-chip-btn:hover{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.noc-chip-btn.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf8;box-shadow:0 0 10px #38bdf84d}.dns-profile-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dns-profile-card{cursor:pointer;background:#0f172aa6;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.dns-profile-card:hover{background:#0f172ae6;border-color:#38bdf859;transform:translateY(-1px)}.dns-profile-card.selected{background:#0ea5e91f;border-color:#38bdf8;box-shadow:0 0 18px #38bdf838}@media (width<=900px){.noc-stats-strip{grid-template-columns:1fr 1fr}.noc-grid-2col{grid-template-columns:1fr}.dns-profile-grid{grid-template-columns:1fr 1fr}}.insp-table-wrap{background:#0a0f1a;border:1px solid #ffffff12;border-radius:8px;max-height:46vh;overflow:auto}.insp-table-wrap::-webkit-scrollbar{width:6px;height:6px}.insp-table-wrap::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:3px}.insp-table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px}.insp-table th{z-index:1;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#111827;border-bottom:1px solid #ffffff14;padding:6px 10px;font-size:9.5px;font-weight:700;position:sticky;top:0}.insp-table td{color:#cbd5e1;vertical-align:middle;white-space:nowrap;background:0 0;border-bottom:1px solid #ffffff0a;padding:4px 10px;line-height:1.25}.insp-table tbody tr:nth-child(2n) td{background:#ffffff04}.insp-table tbody tr:hover td{background:#38bdf812}.insp-table tr:last-child td{border-bottom:none}.insp-cell-row{align-items:center;gap:6px;display:inline-flex}.insp-actions{flex-wrap:nowrap;justify-content:flex-end;gap:4px;display:flex}.insp-table .btn-card-action{white-space:nowrap;background:0 0;border-radius:5px;gap:4px;padding:2px 7px;font-size:10px;line-height:1.4}.insp-table .type-badge,.insp-table .category-tag{border-radius:4px;padding:1px 6px;font-size:9.5px;line-height:1.5}.tenant-manage-body{gap:12px;padding:14px 18px}.tenant-manage-body .tenant-mini-kpi-grid{gap:8px}.tenant-manage-body .tenant-mini-kpi{border-radius:8px;gap:2px;padding:8px 12px}.tenant-manage-body .tenant-mini-kpi>div:nth-child(2){line-height:1.2;font-size:15px!important}.tenant-manage-body .tenant-card{color:#cbd5e1;box-shadow:none!important;background:#0f172aa6!important;border:1px solid #ffffff14!important;border-radius:10px!important;padding:12px 14px!important}.tenant-manage-body .form-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.tenant-manage-body .form-group{margin:0}.tenant-manage-body .form-label{color:#94a3b8;letter-spacing:.02em;margin-bottom:3px;font-size:10.5px;font-weight:600;display:block}.tenant-manage-body .form-input,.tenant-manage-body .form-select,.tenant-manage-body textarea{height:30px;color:#e2e8f0!important;box-shadow:none!important;background:#0a0f1a!important;border:1px solid #ffffff1f!important;border-radius:6px!important;padding:5px 9px!important;font-size:12px!important}.tenant-manage-body textarea{height:auto}.tenant-manage-body .form-input::placeholder{color:#475569}.tenant-manage-body .form-input:focus,.tenant-manage-body .form-select:focus{outline:none;border-color:#38bdf8!important}.tenant-manage-body .form-select option{color:#e2e8f0;background:#0f172a}.tenant-manage-body .btn-secondary,.tenant-manage-body .btn-card-action{color:#cbd5e1;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;line-height:1.4;display:inline-flex}.tenant-manage-body .btn-secondary:hover,.tenant-manage-body .btn-card-action:hover{background:#ffffff17}.tenant-manage-body .btn-primary{border-radius:6px;padding:5px 12px;font-size:11.5px}.tenant-manage-body .table-container{box-shadow:none;background:#0a0f1a;border:1px solid #ffffff12;border-radius:8px;overflow:auto}.tenant-manage-body .dense-table{font-size:11px}.tenant-manage-body .dense-table th{z-index:1;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#111827;border-bottom:1px solid #ffffff14;padding:6px 10px;font-size:9.5px;position:sticky;top:0}.tenant-manage-body .dense-table td{color:#cbd5e1;white-space:nowrap;background:0 0;border-bottom:1px solid #ffffff0a;padding:5px 10px}.tenant-manage-body .dense-table tbody tr:hover td{background:#38bdf812}.tenant-manage-body .dense-table .type-pill,.tenant-manage-body .dense-table .type-badge{border-radius:4px;padding:1px 7px;font-size:9.5px}.tenant-manage-body .tariff-card{box-shadow:none!important;background:#0f172ab3!important;border:1px solid #ffffff17!important;border-radius:10px!important;padding:12px 14px!important}.tenant-manage-body .tariff-card .btn-card-action{padding:3px 6px}.tenant-manage-body .tariff-card>div:nth-child(2){gap:3px!important;margin-top:8px!important}.tenant-manage-body .tariff-card>div:nth-child(2)>div{white-space:nowrap;gap:10px}.tenant-manage-body .type-pill{border-radius:4px;padding:1px 7px;font-size:10px}.tenant-manage-body .empty-tenant-state{gap:6px;padding:22px 12px}.tenant-manage-body .tariff-card{flex-direction:column;justify-content:flex-start;align-items:stretch!important}.tenant-manage-body .tariff-card:hover{transform:none}.tenant-manage-body .tariff-card>div:nth-child(2){border-top:1px solid #ffffff0f;padding-top:8px}.cms-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:#04070fe0;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out cmsFadeIn;display:flex;position:fixed;inset:0}@keyframes cmsFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.cms-modal-container{color:#f1f5f9;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:1140px;max-height:92vh;font-family:Plus Jakarta Sans,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #000000b3}.cms-modal-header{background:#090e1a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.cms-modal-title-group{align-items:center;gap:14px;display:flex}.cms-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#e03257 0%,#1e1b4b 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 15px #e0325759}.cms-modal-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:800;display:flex}.cms-live-badge{color:#fda4af;background:#e0325726;border:1px solid #e0325759;border-radius:50px;padding:2px 8px;font-size:10.5px;font-weight:700}.cms-modal-subtitle{color:#94a3b8;margin:3px 0 0;font-size:12px}.cms-btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.cms-btn-close:hover{color:#fff;background:#ffffff14}.cms-tabs-bar{background:#0a0f1d;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.cms-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.cms-tab-btn:hover{color:#f1f5f9;background:#ffffff0a}.cms-tab-btn.active{color:#fff;background:#e03257;box-shadow:0 4px 14px #e0325759}.cms-tab-badge{color:#fff;background:#ffffff40;border-radius:50px;padding:1px 6px;font-size:10px;font-weight:800}.cms-modal-body{flex:1;padding:24px;overflow-y:auto}.cms-form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;display:grid}.cms-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.cms-label{color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.cms-input,.cms-select,.cms-textarea{color:#fff;box-sizing:border-box;background:#1e293b;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.cms-input:focus,.cms-select:focus,.cms-textarea:focus{border-color:#e03257;box-shadow:0 0 0 3px #e0325740}.cms-textarea{resize:vertical}.cms-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.cms-card{background:#1e293b;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.cms-card:hover{border-color:#e0325766;transform:translateY(-2px)}.cms-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cms-card-title{color:#fff;margin:0;font-size:14.5px;font-weight:800}.cms-card-badge{color:#fda4af;white-space:nowrap;background:#e0325726;border:1px solid #e032574d;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.cms-card-desc{color:#94a3b8;margin:0;font-size:12.5px;line-height:1.5}.cms-card-img{object-fit:cover;background:#0f172a;border-radius:10px;width:100%;height:140px}.cms-card-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.cms-btn-primary{color:#fff;cursor:pointer;background:#e03257;border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.cms-btn-primary:hover{background:#c42446;box-shadow:0 4px 15px #e0325759}.cms-btn-secondary{color:#f1f5f9;cursor:pointer;background:#334155;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cms-btn-secondary:hover{color:#fff;background:#475569}.cms-btn-danger{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.cms-btn-danger:hover{color:#fff;background:#ef4444}.cms-dialog-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070fd9;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.cms-dialog-box{background:#0f172a;border:1px solid #ffffff26;border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #000c}html,body{-webkit-overflow-scrolling:touch!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}#root{width:100%;min-height:100%;overflow-x:hidden}.portal-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#0f172a,#1e1b4b);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100dvh;padding:24px 16px 64px;font-family:Inter,sans-serif;display:flex;overflow:hidden visible!important}.portal-box{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;box-sizing:border-box;background:#0f172abf;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;margin:0 auto;padding:32px 28px;box-shadow:0 25px 50px -12px #00000080}.portal-header{text-align:center;margin-bottom:24px}.portal-logo{background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 14px;display:flex}.portal-header h1{margin:0 0 6px;font-size:22px}.portal-header p{color:#94a3b8;margin:0;font-size:13px}.auth-tabs{background:#00000040;border-radius:12px;margin-bottom:18px;padding:4px;display:flex}.auth-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px;font-size:13px;font-weight:600;transition:all .2s}.auth-tabs button.active{color:#fff;background:#38bdf8;box-shadow:0 2px 8px #38bdf84d}.portal-container .form-group{margin-bottom:16px}.portal-container .form-group label{color:#94a3b8;margin-bottom:6px;font-size:12px;display:block}.portal-container .form-group input{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s}.portal-container .form-group input:focus{border-color:#38bdf8}.portal-package-section{margin-bottom:20px}.package-section-title{color:#cbd5e1;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.portal-package-list{flex-direction:column;gap:8px;display:flex}.portal-package-card{cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.portal-package-card:hover{background:#1e293bcc;border-color:#38bdf84d}.portal-package-card.active{background:#38bdf81f;border-color:#38bdf8;box-shadow:0 0 12px #38bdf826}.pkg-radio-indicator{justify-content:center;align-items:center;display:flex}.radio-circle{border:2px solid #64748b;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s;display:flex}.radio-circle.checked{background:#38bdf8;border-color:#38bdf8;box-shadow:0 0 6px #38bdf8}.pkg-info{flex-direction:column;flex:1;gap:3px;display:flex}.pkg-header-row{justify-content:space-between;align-items:center;display:flex}.pkg-name{color:#f8fafc;font-size:13px}.pkg-badge{border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:700}.pkg-badge.free{color:#34d399;background:#10b98133}.pkg-badge.paid{color:#f472b6;background:#ec489933}.pkg-meta-row{color:#94a3b8;gap:12px;font-size:11px;display:flex}.pkg-stat{align-items:center;gap:4px;display:flex}.portal-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .2s;display:flex}.portal-submit-btn:hover{opacity:.9}.portal-footer{text-align:center;color:#64748b;margin-top:24px;font-size:11px}.portal-loading,.portal-error{color:#fff;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.portal-container.theme-newyear{background:radial-gradient(circle at 50% 20%,#4a0e17 0%,#1a080d 50%,#061911 100%);position:relative;overflow-x:hidden}.portal-container.theme-newyear .portal-box{background:#1b0a10d1;border:1px solid #f8717159;box-shadow:0 25px 50px -12px #000c,0 0 35px #dc262640}.portal-container.theme-newyear .portal-submit-btn,.portal-container.theme-newyear .btn-continue-internet{background:linear-gradient(135deg,#dc2626,#b91c1c,#d97706);box-shadow:0 4px 15px #dc262666}.portal-container.theme-valentine{background:radial-gradient(circle at 50% 25%,#500724 0%,#20040f 50%,#090105 100%);position:relative;overflow-x:hidden}.portal-container.theme-valentine .portal-box{background:#230713d6;border:1px solid #f472b659;box-shadow:0 25px 50px -12px #000c,0 0 35px #ec489940}.portal-container.theme-valentine .portal-submit-btn,.portal-container.theme-valentine .btn-continue-internet{background:linear-gradient(135deg,#ec4899,#be185d,#9d174d);box-shadow:0 4px 15px #ec489966}.portal-container.theme-summer{background:radial-gradient(circle at 50% 15%,#083344 0%,#082f49 40%,#0c1e28 100%);position:relative;overflow-x:hidden}.portal-container.theme-summer .portal-box{background:#082432d1;border:1px solid #38bdf859;box-shadow:0 25px 50px -12px #000c,0 0 35px #0ea5e940}.portal-container.theme-summer .portal-submit-btn,.portal-container.theme-summer .btn-continue-internet{background:linear-gradient(135deg,#06b6d4,#0284c7,#f59e0b);box-shadow:0 4px 15px #06b6d466}.portal-container.theme-gold{background:radial-gradient(circle at 50% 20%,#2e1a06 0%,#150c02 50%,#070401 100%);position:relative;overflow-x:hidden}.portal-container.theme-gold .portal-box{background:#1c1105db;border:1px solid #f59e0b66;box-shadow:0 25px 50px -12px #000c,0 0 35px #d9770640}.portal-container.theme-gold .portal-submit-btn,.portal-container.theme-gold .btn-continue-internet{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);box-shadow:0 4px 15px #f59e0b66}.portal-container.theme-spring{background:radial-gradient(circle at 50% 20%,#064e3b 0%,#022c22 50%,#03140f 100%);position:relative;overflow-x:hidden}.portal-container.theme-spring .portal-box{background:#062c22d9;border:1px solid #34d39959;box-shadow:0 25px 50px -12px #000c,0 0 35px #10b98140}.portal-container.theme-spring .portal-submit-btn,.portal-container.theme-spring .btn-continue-internet{background:linear-gradient(135deg,#10b981,#059669,#ec4899);box-shadow:0 4px 15px #10b98166}.portal-container.theme-glass{background:linear-gradient(135deg,#090e1a,#0f172a,#1a103c);position:relative;overflow-x:hidden}.portal-container.theme-glass .portal-box{background:#0f172ac7;border:1px solid #38bdf840;box-shadow:0 25px 50px -12px #000c,0 0 30px #38bdf826}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.8)}50%{opacity:.8}to{opacity:0;transform:translateY(-70px)scale(1.1)}}@keyframes snowFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(80px)rotate(360deg)}}.welcome-screen-wrap{flex-direction:column;gap:16px;animation:.4s ease-out fadeIn;display:flex}.welcome-hero-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;padding:18px 16px;position:relative;overflow:hidden}.welcome-status-badge{color:#34d399;background:#10b9812e;border:1px solid #10b98166;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.welcome-guest-name{color:#f8fafc;letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:800}.welcome-greeting-msg{color:#94a3b8;margin:0;font-size:12.5px;line-height:1.5}.session-info-strip{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0;display:grid}.session-kpi-item{text-align:left;background:#00000040;border:1px solid #ffffff0f;border-radius:10px;padding:8px 10px}.session-kpi-label{color:#64748b;text-transform:uppercase;margin-bottom:2px;font-size:9.5px;font-weight:700}.session-kpi-val{color:#f1f5f9;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.services-quick-menu{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.service-tile{color:#e2e8f0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:11.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.service-tile:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}.btn-continue-internet{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-continue-internet:hover{filter:brightness(1.1);transform:translateY(-1px)}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}.portal-loading{color:#94a3b8;background:linear-gradient(135deg,#0f172a,#1e1b4b);justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:14px;display:flex}.portal-loading .spinning{animation:1s linear infinite spin}@media (width<=480px){.portal-container{justify-content:flex-start!important;padding:16px 12px 64px!important}.portal-box{border-radius:20px!important;max-width:100%!important;padding:22px 16px 28px!important;box-shadow:0 15px 35px -10px #000000b3!important}.portal-header{margin-bottom:16px!important}.portal-header h1{font-size:19px!important}.portal-header p{font-size:12px!important}.portal-logo{border-radius:14px!important;width:48px!important;height:48px!important;margin-bottom:10px!important}.auth-tabs{margin-bottom:14px!important}.auth-tabs button{padding:8px 4px!important;font-size:12px!important}.portal-container .form-group{margin-bottom:12px!important}.portal-container .form-group input{border-radius:8px!important;padding:11px 12px!important;font-size:14px!important}.portal-package-card{padding:8px 12px!important}.portal-submit-btn{border-radius:10px!important;padding:13px!important;font-size:14.5px!important}.portal-footer{margin-top:18px!important;padding-bottom:12px!important;font-size:10.5px!important}}.portal-lang-bar{background:#00000059;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin-bottom:18px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.lang-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.lang-btn:hover{color:#f8fafc;background:#ffffff0f}.lang-btn.active{color:#38bdf8;background:#38bdf833;border-color:#38bdf866;box-shadow:0 0 10px #38bdf833}.lang-flag{font-size:13px;line-height:1}.lang-code{letter-spacing:.03em;font-size:10.5px}[dir=rtl]{text-align:right}[dir=rtl] .portal-package-card,[dir=rtl] .pkg-meta-row{flex-direction:row-reverse}:root{--yn-primary:#2f3c7e;--yn-primary-hover:#232f64;--yn-primary-light:#eef4fc;--yn-accent:#0284c7;--yn-dark:#1e293b;--yn-text:#334155;--yn-muted:#64748b;--yn-light-gray:#f1f5f9;--yn-border:#e2e8f0;--yn-card-bg:#fff;--yn-danger:#ef4444;--yn-success:#10b981;--yn-warning:#f59e0b}.yn-login-wrapper{background-color:#fff;width:100%;max-width:100vw;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;overflow-x:hidden}.yn-login-left{box-sizing:border-box;background-color:#fff;flex-direction:column;flex:50%;justify-content:center;align-items:center;min-height:100vh;padding:40px 32px;display:flex}.yn-login-form-box{width:100%;max-width:440px}.yn-login-title{color:#1e293b;letter-spacing:.5px;text-align:left;margin-bottom:28px;font-size:24px;font-weight:700}.yn-login-field{margin-bottom:20px}.yn-login-label{color:#334155;margin-bottom:8px;font-size:13.5px;font-weight:500;display:block}.yn-login-input-group{align-items:center;display:flex;position:relative}.yn-login-input-icon{color:#94a3b8;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.yn-login-input{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;height:46px;padding:0 14px 0 44px;font-size:14px;transition:all .2s}.yn-login-input:focus{border-color:var(--yn-primary);box-shadow:0 0 0 3px #2f3c7e1f}.yn-login-row{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13.5px;display:flex}.yn-login-checkbox-label{color:#64748b;cursor:pointer;align-items:center;gap:8px;display:flex}.yn-login-forgot-link{color:#1e293b;cursor:pointer;font-weight:500;text-decoration:none}.yn-login-forgot-link:hover{text-decoration:underline}.yn-login-btn{background-color:var(--yn-primary);color:#fff;letter-spacing:.5px;cursor:pointer;box-sizing:border-box;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:14.5px;font-weight:600;transition:background-color .2s;display:flex}.yn-login-btn:hover{background-color:var(--yn-primary-hover)}.yn-login-demo-bar{color:#475569;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;justify-content:space-between;align-items:center;margin-top:24px;padding:12px 16px;font-size:13px;display:flex}.yn-login-demo-pill{color:#0f172a;cursor:pointer;background-color:#e2e8f0;border:none;border-radius:4px;padding:4px 10px;font-family:monospace;font-weight:600}.yn-login-demo-pill:hover{background-color:#cbd5e1}.yn-login-right{box-sizing:border-box;background:linear-gradient(135deg,#f8faff 0%,#edf2f9 100%);border-left:1px solid #e2e8f0;flex:50%;justify-content:center;align-items:center;min-height:100vh;padding:48px 40px;display:flex;position:relative;overflow:hidden}.yn-login-illustration-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:540px;display:flex}@media (width<=1024px){.yn-login-wrapper{flex-direction:column!important;width:100%!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important}.yn-login-left{flex:100%!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;min-height:100vh!important;padding:32px 20px!important}.yn-login-form-box{width:100%!important;max-width:440px!important;margin:0 auto!important}.yn-login-right{display:none!important}}@media (width<=480px){.yn-login-left{padding:24px 14px!important}.yn-login-title{font-size:20px!important}.yn-login-input{height:44px!important;font-size:13.5px!important}.yn-login-btn{height:46px!important;font-size:14px!important}}.yn-layout{min-height:100vh;color:var(--yn-text);background-color:#f4f6f9;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.yn-topbar{border-bottom:1px solid var(--yn-border);z-index:50;background-color:#fff;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}.yn-topbar-left{align-items:center;gap:18px;display:flex}.yn-brand-title{color:var(--yn-primary);letter-spacing:.5px;text-transform:uppercase;font-size:17px;font-weight:800}.yn-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.yn-icon-btn:hover{color:#1e293b;background-color:#f1f5f9}.yn-btn-view-site{background-color:var(--yn-primary);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s;display:flex}.yn-btn-view-site:hover{background-color:var(--yn-primary-hover)}.yn-topbar-right{align-items:center;gap:16px;display:flex}.yn-notif-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.yn-notif-badge{color:#fff;background-color:#ef4444;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:4px;right:4px}.yn-user-dropdown{cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.yn-user-avatar{width:36px;height:36px;color:var(--yn-primary);background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.yn-user-menu{border:1px solid var(--yn-border);z-index:100;background-color:#fff;border-radius:8px;width:200px;padding:6px;position:absolute;top:48px;right:0;box-shadow:0 10px 25px -5px #0000001a}.yn-user-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.yn-user-menu-item:hover{color:#0f172a;background-color:#f1f5f9}.yn-main{flex:1;display:flex}.yn-sidebar{border-right:1px solid var(--yn-border);background-color:#fff;flex-shrink:0;width:260px;min-height:calc(100vh - 60px);padding:16px 0}.yn-menu-heading{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px 6px;font-size:11px;font-weight:700}.yn-menu-item{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 20px;font-size:13.5px;transition:all .15s;display:flex}.yn-menu-item:hover{color:#1e293b;background-color:#f8fafc}.yn-menu-item.active{background-color:var(--yn-primary-light);color:#1d4ed8;border-left:4px solid var(--yn-accent);font-weight:600}.yn-menu-left-group{align-items:center;gap:10px;display:flex}.yn-submenu{background-color:#fbfcfe;padding:4px 0}.yn-submenu-item{color:#64748b;cursor:pointer;padding:8px 20px 8px 46px;font-size:13px;transition:all .15s;display:block}.yn-submenu-item:hover{color:#0f172a;background-color:#f1f5f9}.yn-submenu-item.active{color:#2563eb;font-weight:600}.yn-content{background-color:#f4f6f9;flex:1;padding:24px;overflow-y:auto}.yn-breadcrumb-bar{border:1px solid var(--yn-border);background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;font-size:13.5px;display:flex}.yn-breadcrumb-left{color:#475569;align-items:center;gap:8px;display:flex}.yn-breadcrumb-right{align-items:center;gap:12px;display:flex}.yn-stat-pill-dark{color:#fff;background-color:#1e293b;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.yn-btn-reset-red{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.yn-help-banner{background-color:var(--yn-primary);color:#fff;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.yn-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.yn-stats-grid{grid-template-columns:repeat(2,1fr)}}.yn-stat-card{border:1px solid var(--yn-border);background-color:#fff;border-radius:8px;padding:18px 20px}.yn-stat-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.yn-stat-label{color:#334155;font-size:13.5px;font-weight:600}.yn-stat-value{color:#16a34a;font-size:14px;font-weight:700}.yn-stat-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;padding-top:10px;font-size:12.5px;display:flex}.yn-card{border:1px solid var(--yn-border);background-color:#fff;border-radius:8px;margin-bottom:24px;overflow:hidden}.yn-card-header{border-bottom:1px solid var(--yn-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.yn-card-title-group{align-items:center;gap:10px;display:flex}.yn-card-title{color:#1e293b;margin:0;font-size:15px;font-weight:700}.yn-card-subtitle{color:#64748b;margin:0;font-size:12.5px}.yn-btn-sm-primary{background-color:var(--yn-primary);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:flex}.yn-btn-sm-primary:hover{background-color:var(--yn-primary-hover)}.yn-table-responsive{width:100%;overflow-x:auto}.yn-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.yn-table th{color:#475569;text-transform:uppercase;border-bottom:1px solid var(--yn-border);background-color:#f8fafc;padding:12px 18px;font-size:12px;font-weight:600}.yn-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.yn-table tr:hover td{background-color:#fbfcfe}.yn-badge-status{border-radius:4px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-block}.yn-badge-preparing{color:#92400e;background-color:#fef3c7}.yn-badge-completed{color:#15803d;background-color:#dcfce7}.yn-table-actions{align-items:center;gap:6px;display:flex}.yn-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.yn-action-view{color:#0284c7;background-color:#e0f2fe}.yn-action-edit{color:#4f46e5;background-color:#eef2ff}.yn-action-delete{color:#dc2626;background-color:#fee2e2}.yn-form-body{padding:24px}.yn-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.yn-form-grid{grid-template-columns:1fr}}.yn-field-group{flex-direction:column;display:flex}.yn-field-label{color:#334155;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:600}.yn-field-input,.yn-field-textarea,.yn-field-select{color:#1e293b;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;height:42px;padding:0 14px;font-size:13.5px;transition:border-color .2s}.yn-field-textarea{resize:vertical;height:90px;padding:10px 14px}.yn-field-input:focus,.yn-field-textarea:focus,.yn-field-select:focus{border-color:var(--yn-primary);box-shadow:0 0 0 3px #2f3c7e1a}.yn-form-footer{border-top:1px solid var(--yn-border);background-color:#f8fafc;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.yn-btn-save{background-color:var(--yn-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;display:flex}.yn-btn-save:hover{background-color:var(--yn-primary-hover)}.yn-product-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding:20px;display:grid}@media (width<=1024px){.yn-product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.yn-product-grid{grid-template-columns:1fr}}.yn-product-card{border:1px solid var(--yn-border);background-color:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.yn-product-media{background-color:#f1f5f9;width:100%;height:160px;position:relative}.yn-product-media img{object-fit:cover;width:100%;height:100%}.yn-product-badge{color:#fff;text-transform:uppercase;background-color:#ef4444;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.yn-product-content{flex-direction:column;flex:1;padding:16px;display:flex}.yn-product-category{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:600}.yn-product-title{color:#1e293b;margin-bottom:6px;font-size:14.5px;font-weight:700}.yn-product-desc{color:#64748b;flex:1;margin-bottom:12px;font-size:12.5px;line-height:1.5}.yn-product-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.yn-product-price{color:var(--yn-primary);font-size:15px;font-weight:800}.yn-product-btns{gap:6px;display:flex}.yn-modal-overlay{z-index:1000;background-color:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.yn-modal-container{background-color:#fff;border-radius:10px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026}.yn-modal-header{border-bottom:1px solid var(--yn-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.yn-modal-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.yn-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.yn-modal-close:hover{color:#1e293b}.yn-field-group{flex-direction:column;margin-bottom:16px;display:flex}.yn-field-label{color:#1e293b;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.yn-field-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;height:40px;padding:8px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s;box-sizing:border-box!important;width:100%!important}.yn-field-input:focus{border-color:var(--yn-primary);box-shadow:0 0 0 3px #2f3c7e1f}.yn-field-textarea{color:#1e293b;resize:vertical;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-height:100px;padding:10px 14px;font-family:inherit;font-size:13.5px;line-height:1.6;transition:border-color .15s,box-shadow .15s;box-sizing:border-box!important;width:100%!important}.yn-field-textarea:focus{border-color:var(--yn-primary);box-shadow:0 0 0 3px #2f3c7e1f}.word-editor-container{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.word-editor-container:focus-within{border-color:var(--yn-primary);box-shadow:0 0 0 3px #2f3c7e1f}.word-toolbar{-webkit-user-select:none;user-select:none;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.word-toolbar-group{border-right:1px solid #e2e8f0;align-items:center;gap:3px;padding:0 4px;display:flex}.word-toolbar-group:last-child{border-right:none}.word-btn{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:13px;transition:all .15s;display:inline-flex}.word-btn:hover{color:#0f172a;background:#e2e8f0}.word-btn.active{color:#3730a3;background:#e0e7ff;border-color:#c7d2fe}.word-content-area{color:#1e293b;background:#fff;outline:none;min-height:140px;max-height:380px;padding:14px 18px;font-size:14px;line-height:1.7;overflow-y:auto;box-sizing:border-box!important;width:100%!important}.word-content-area:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.word-content-area p{margin:0 0 8px}.word-content-area p:last-child{margin-bottom:0}.word-content-area ul,.word-content-area ol{margin:4px 0 8px 20px;padding:0}.word-content-area blockquote{color:#475569;border-left:3px solid #0284c7;margin:6px 0;padding-left:12px;font-style:italic}:root{--tp-theme-1:#e03257;--tp-theme-hover:#c42446;--tp-theme-gradient:linear-gradient(90deg, #e03257 0%, #000 100%);--tp-common-black:#000;--tp-common-black-2:#0f172a;--tp-common-white:#fff;--tp-text-body:#545454;--tp-text-muted:#64748b;--tp-gray-bg:#f5f6f8;--tp-gray-card:#f8fafc;--tp-border-color:#e2e8f0;--tp-font-heading:"Titillium Web", "Plus Jakarta Sans", sans-serif;--tp-font-body:"Titillium Web", "Plus Jakarta Sans", sans-serif;--tp-radius-box:24px}.tp-landing-root{font-family:var(--tp-font-body);color:var(--tp-text-body);background-color:#fff;font-size:15px;line-height:1.6;overflow-x:hidden}.tp-landing-root *{box-sizing:border-box}.tp-container-1830{max-width:1780px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.tp-container{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.tp-floating-dock{z-index:999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:30px;left:20px}.tp-floating-item{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 20px #00000026}.tp-floating-item:hover{transform:scale(1.15)translate(4px)}.tp-floating-item.phone{background:#1d72b8}.tp-floating-item.telegram{background:#08c}.tp-floating-item.whatsapp{background:#25d366}.tp-floating-item.instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.tp-floating-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172ae6;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;position:absolute;left:56px;transform:translate(-6px)}.tp-floating-item:hover .tp-floating-tooltip{opacity:1;transform:translate(0)}.tp-topbar{background:var(--tp-common-black);color:#9ca3af;border-bottom:1px solid #ffffff14;padding:9px 0;font-size:13px}.tp-topbar-inner{justify-content:space-between;align-items:center;display:flex}.tp-topbar-menu{align-items:center;gap:24px;margin:0;padding:0;list-style:none;display:flex}.tp-topbar-menu a{color:#d1d5db;font-weight:500;text-decoration:none;transition:color .2s}.tp-topbar-menu a:hover{color:#fff}.tp-topbar-right{align-items:center;gap:20px;display:flex}.tp-topbar-item{color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.tp-topbar-socials{align-items:center;gap:12px;display:flex}.tp-topbar-socials a{color:#9ca3af;align-items:center;text-decoration:none;transition:all .2s;display:flex}.tp-topbar-socials a:hover{color:var(--tp-theme-1);transform:translateY(-1px)}.tp-main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;background:#fffffff5;border-bottom:1px solid #eef2f6;transition:all .3s;position:sticky;top:0}.tp-header-inner{justify-content:space-between;align-items:center;height:86px;min-height:86px;display:flex}.tp-brand-logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.tp-brand-logo img{object-fit:contain;width:auto;max-width:300px;height:50px;max-height:62px;transition:transform .2s;display:block}.tp-brand-logo:hover img{transform:scale(1.02)}.tp-brand-badge-logo{align-items:center;gap:10px;display:flex}.tp-brand-badge-icon{background:linear-gradient(135deg, var(--tp-theme-1) 0%, #1e1b4b 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 16px #e0325740}.tp-brand-title{font-family:var(--tp-font-heading);color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:900;line-height:1}.tp-brand-title span{color:var(--tp-theme-1)}.tp-brand-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.tp-nav-menu{align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.tp-nav-item{position:relative}.tp-nav-link{font-family:var(--tp-font-heading);color:#1e293b;align-items:center;gap:5px;padding:12px 0;font-size:16px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.tp-nav-link:hover{color:var(--tp-theme-1)}.tp-header-actions{align-items:center;gap:12px;display:flex}.tp-header-icon-btn{color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex;position:relative}.tp-header-icon-btn:hover{color:var(--tp-theme-1);background:#f1f5f9}.tp-header-icon-btn.tp-grid-btn{border:1px solid #e2e8f0;border-radius:10px;width:38px;height:38px}.tp-header-icon-btn.tp-grid-btn:hover{border-color:var(--tp-theme-1);color:var(--tp-theme-1)}.tp-badge-count{background:var(--tp-theme-1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.tp-btn-pill-border{font-family:var(--tp-font-heading);color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #0f172a;border-radius:50px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.tp-btn-pill-border:hover{background:var(--tp-theme-1);border-color:var(--tp-theme-1);color:#fff;transform:translateY(-1px);box-shadow:0 8px 20px #e0325740}.tp-btn-login{font-family:var(--tp-font-heading);color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.tp-btn-login:hover{color:#0f172a;background:#e2e8f0}.tp-mobile-toggle{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:8px;display:none}.tp-hero-section{padding-top:30px;padding-bottom:60px}.tp-hero-box{border-radius:var(--tp-radius-box);background-color:#111827;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001f}.tp-hero-bg{background-position:50%;background-size:cover;transition:transform 1.2s,opacity .5s;position:absolute;inset:0}.tp-hero-overlay{background:linear-gradient(90deg,#0a0f1ee0 0%,#0a0f1ea6 60%,#0a0f1e4d 100%);position:absolute;inset:0}.tp-hero-content{z-index:2;color:#fff;max-width:780px;padding:60px 70px;position:relative}.tp-hero-badge{font-family:var(--tp-font-heading);color:#fda4af;letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;font-weight:800;display:inline-flex}.tp-hero-title{font-family:var(--tp-font-heading);color:#fff;letter-spacing:-1px;margin-bottom:22px;font-size:58px;font-weight:800;line-height:1.12}.tp-hero-desc{color:#e2e8f0;max-width:620px;margin-bottom:34px;font-size:17px;line-height:1.6}.tp-hero-btns{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tp-btn-theme{background:var(--tp-theme-1);color:#fff;font-family:var(--tp-font-heading);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 36px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 24px #e0325759}.tp-btn-theme:hover{background:var(--tp-theme-hover);transform:translateY(-2px);box-shadow:0 14px 28px #e0325780}.tp-btn-hero-secondary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--tp-font-heading);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:8px;padding:15px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.tp-btn-hero-secondary:hover{background:#fff3;border-color:#fff}.tp-hero-nav{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;bottom:40px;right:40px}.tp-hero-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.tp-hero-nav-btn:hover{background:var(--tp-theme-1);border-color:var(--tp-theme-1)}.tp-hero-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:40px;left:70px}.tp-hero-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.tp-hero-dot.active{background:var(--tp-theme-1);border-radius:10px;width:32px}.tp-about-ptb{background:#fff;padding:100px 0}.tp-about-grid{grid-template-columns:5fr 7fr;align-items:center;gap:60px;display:grid}.tp-about-thumb-wrap{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.tp-about-thumb-wrap img{object-fit:cover;width:100%;height:520px;display:block}.tp-about-float-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f172af2;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:14px;padding:18px 22px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 25px #0003}.tp-section-subtitle{font-family:var(--tp-font-heading);color:var(--tp-theme-1);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:13.5px;font-weight:700;display:inline-block}.tp-section-title{font-family:var(--tp-font-heading);color:#0f172a;letter-spacing:-.5px;margin-bottom:20px;font-size:40px;font-weight:800;line-height:1.2}.tp-about-text{color:#475569;margin-bottom:24px;font-size:16px;line-height:1.7}.tp-about-feature-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.tp-about-feature-item{color:#1e293b;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.tp-about-feature-icon{width:22px;height:22px;color:var(--tp-theme-1);background:#e032571a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tp-services-ptb{background:var(--tp-gray-bg);padding:100px 0}.tp-services-box-bg{border-radius:var(--tp-radius-box);background:#fff;padding:80px 40px;box-shadow:0 10px 30px #0000000a}.tp-services-heading{text-align:center;max-width:650px;margin:0 auto 50px}.tp-services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.tp-service-card{border:1px solid var(--tp-border-color);cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000008}.tp-service-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 16px 36px #00000014}.tp-service-media{width:100%;height:220px;position:relative;overflow:hidden}.tp-service-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.tp-service-card:hover .tp-service-media img{transform:scale(1.08)}.tp-service-body{flex-direction:column;flex-grow:1;padding:26px 24px;display:flex}.tp-service-card-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3}.tp-service-card-desc{color:#64748b;flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.6}.tp-service-footer{color:var(--tp-theme-1);font-family:var(--tp-font-heading);border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:16px;font-size:14px;font-weight:700;display:flex}.tp-service-action-icon{background:#e0325714;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.tp-service-card:hover .tp-service-action-icon{background:var(--tp-theme-1);color:#fff}.tp-projects-ptb{background:#fff;padding:100px 0}.tp-projects-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;display:flex}.tp-filter-pills{flex-wrap:wrap;gap:10px;display:flex}.tp-filter-btn{font-family:var(--tp-font-heading);color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px;padding:8px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.tp-filter-btn.active,.tp-filter-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.tp-projects-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.tp-project-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 14px #0000000a}.tp-project-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #00000014}.tp-project-thumb{width:100%;height:230px;position:relative;overflow:hidden}.tp-project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tp-project-card:hover .tp-project-thumb img{transform:scale(1.06)}.tp-project-chip{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.tp-project-content{flex-direction:column;flex-grow:1;padding:22px;display:flex}.tp-project-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.3}.tp-project-excerpt{color:#64748b;flex-grow:1;margin-bottom:16px;font-size:14px;line-height:1.6}.tp-project-link{font-family:var(--tp-font-heading);color:var(--tp-theme-1);align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:flex}.tp-pricing-ptb{background:var(--tp-gray-bg);padding:100px 0}.tp-pricing-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.tp-pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:space-between;padding:40px 32px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 20px #0000000a}.tp-pricing-card.featured{border-color:var(--tp-theme-1);box-shadow:0 16px 36px #e032571f}.tp-pricing-badge{background:var(--tp-theme-1);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:50px;padding:5px 16px;font-size:11px;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.tp-pricing-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800}.tp-pricing-desc{color:#64748b;margin-bottom:20px;font-size:13.5px}.tp-pricing-price{font-family:var(--tp-font-heading);color:#0f172a;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:24px;padding-bottom:20px;font-size:34px;font-weight:900;line-height:1.2;display:flex}.tp-pricing-price span{color:#64748b;font-size:13.5px;font-weight:600;font-family:var(--tp-font-body)}.tp-pricing-features{flex-direction:column;gap:12px;margin:0 0 32px;padding:0;list-style:none;display:flex}.tp-pricing-feature-item{color:#334155;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.tp-pricing-feature-item svg{color:var(--tp-theme-1);flex-shrink:0}.tp-btn-pricing{width:100%;font-family:var(--tp-font-heading);text-align:center;color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #0f172a;border-radius:50px;padding:13px 20px;font-size:14px;font-weight:700;transition:all .2s}.tp-pricing-card.featured .tp-btn-pricing{background:var(--tp-theme-1);border-color:var(--tp-theme-1);color:#fff}.tp-btn-pricing:hover{color:#fff;background:#0f172a;border-color:#0f172a}.tp-stats-ptb{color:#fff;background:#0f172a;padding:70px 0}.tp-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.tp-stat-item{padding:20px}.tp-stat-number{font-family:var(--tp-font-heading);color:var(--tp-theme-1);margin-bottom:8px;font-size:46px;font-weight:900;line-height:1}.tp-stat-label{color:#e2e8f0;text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:700}.tp-contact-ptb{background:#fff;padding:100px 0}.tp-contact-grid{grid-template-columns:5fr 7fr;gap:60px;display:grid}.tp-contact-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:20px;margin-bottom:18px;padding:30px;display:flex}.tp-contact-card-icon{width:50px;height:50px;color:var(--tp-theme-1);background:#e032571a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tp-contact-card-title{color:#64748b;font-size:13px;font-weight:600}.tp-contact-card-val{font-family:var(--tp-font-heading);color:#0f172a;font-size:18px;font-weight:700;text-decoration:none}.tp-form-box{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:44px;box-shadow:0 10px 30px #0000000d}.tp-form-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:24px;font-size:24px;font-weight:800}.tp-form-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px;display:grid}.tp-form-group{margin-bottom:16px}.tp-form-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.tp-form-input,.tp-form-select,.tp-form-textarea{width:100%;font-family:var(--tp-font-body);color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.tp-form-input:focus,.tp-form-select:focus,.tp-form-textarea:focus{border-color:var(--tp-theme-1)}.tp-footer{color:#94a3b8;background:#000;padding:80px 0 30px;font-size:14px}.tp-footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:60px;display:grid}.tp-footer-col h4{font-family:var(--tp-font-heading);color:#fff;margin-bottom:20px;font-size:18px;font-weight:700}.tp-footer-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tp-footer-links a{color:#94a3b8;text-decoration:none;transition:color .2s}.tp-footer-links a:hover{color:#fff}.tp-footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.tp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tp-modal-dialog{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000040}.tp-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.tp-modal-close:hover{color:#0f172a;background:#e2e8f0}@media (width<=1024px){.tp-nav-menu{display:none}.tp-mobile-toggle{display:block}.tp-about-grid{grid-template-columns:1fr}.tp-services-grid,.tp-projects-grid{grid-template-columns:repeat(2,1fr)}.tp-pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.tp-stats-grid{grid-template-columns:repeat(2,1fr)}.tp-contact-grid{grid-template-columns:1fr}.tp-footer-grid{grid-template-columns:repeat(2,1fr)}.tp-hero-title{font-size:42px}.tp-hero-content{padding:40px}}@media (width<=768px){.tp-topbar{display:none}.tp-services-grid,.tp-projects-grid,.tp-stats-grid,.tp-footer-grid{grid-template-columns:1fr}.tp-hero-title{font-size:32px}.tp-hero-content{padding:30px 20px}.tp-products-grid,.tp-form-row{grid-template-columns:1fr}.tp-form-box{padding:24px}}.tp-products-ptb{background-color:#f8fafc;padding-top:70px;padding-bottom:80px}.tp-product-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.tp-product-media{background:#f1f5f9;height:200px;position:relative;overflow:hidden}.tp-product-badge{background:var(--tp-theme-1);color:#fff;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.tp-product-content{flex-direction:column;flex:1;padding:20px;display:flex}.tp-product-cat{color:var(--tp-theme-1);text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700}.tp-product-title{font-family:var(--tp-font-heading);color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:800;line-height:1.35}.tp-product-desc{color:#64748b;flex:1;margin:0 0 16px;font-size:13px;line-height:1.6}.tp-product-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.tp-product-price{color:#0f172a;font-size:16px;font-weight:800}.tp-product-btn{color:var(--tp-theme-1);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.tp-product-btn:hover{color:#c42446}.tp-btn-pill-red{background:var(--tp-theme-1);color:#fff;font-family:var(--tp-font-heading);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #e0325740}.tp-admin-cms-bar{color:#f1f5f9;z-index:1000;background:#090e1a;border-bottom:1px solid #e0325766;padding:8px 0;font-size:12px;position:relative}.tp-admin-cms-inner{justify-content:space-between;align-items:center;display:flex}.tp-admin-btn-edit{background:var(--tp-theme-1);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:5px 14px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex}.tp-admin-btn-edit:hover{background:#c42446;transform:scale(1.03)}.tp-nav-item-has-mega{position:relative}.tp-nav-item.is-mega-active .tp-nav-link{color:var(--tp-theme-1)}.tp-nav-item.is-mega-active:after{content:"";background:var(--tp-theme-1);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.tp-mega-dropdown-panel{z-index:1000;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:2px solid #e2e8f0;width:100%;padding:24px 0 28px;animation:.2s cubic-bezier(.16,1,.3,1) forwards tpMegaSlideDown;position:absolute;top:100%;left:0;right:0;box-shadow:0 25px 50px -12px #00000026}@keyframes tpMegaSlideDown{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tp-mega-dropdown-inner{max-width:1320px;margin:0 auto;padding:0 24px}.tp-mega-kurumsal-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (width<=1200px){.tp-mega-kurumsal-grid{grid-template-columns:repeat(3,1fr)}}.tp-mega-kurumsal-card{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 14px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 5px #00000005}.tp-mega-kurumsal-card:hover{border-color:var(--tp-theme-1);color:var(--tp-theme-1);background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #e032571f}.tp-mega-chevron{color:#94a3b8;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.tp-mega-kurumsal-card:hover .tp-mega-chevron{background:var(--tp-theme-1);color:#fff;transform:translate(3px)}.tp-mega-cards-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=1200px){.tp-mega-cards-grid{grid-template-columns:repeat(3,1fr)}}.tp-mega-card-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.tp-mega-card-item:hover{border-color:var(--tp-theme-1);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.tp-mega-card-thumb{background:#f1f5f9;width:100%;height:125px;position:relative;overflow:hidden}.tp-mega-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.tp-mega-card-item:hover .tp-mega-card-thumb img{transform:scale(1.08)}.tp-mega-card-badge{background:var(--tp-theme-1);color:#fff;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.tp-mega-card-title{color:#0f172a;text-align:center;padding:12px;font-size:13.5px;font-weight:700;line-height:1.35;transition:color .2s}.tp-mega-card-item:hover .tp-mega-card-title{color:var(--tp-theme-1)}.tp-mega-bottom-cta{justify-content:center;display:flex}.tp-mega-view-all-btn{background:var(--tp-theme-1);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 28px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #e0325740}.tp-mega-view-all-btn:hover{background:#c42446;transform:translateY(-2px);box-shadow:0 10px 22px #e0325759}.tp-subpage-hero{background:#0f172a;border-bottom:1px solid #1e293b;padding:55px 0 60px;position:relative;overflow:hidden}.tp-subpage-hero-bg{object-fit:cover;opacity:.22;filter:blur(2px);width:100%;height:100%;position:absolute;inset:0}.tp-subpage-hero-overlay{background:linear-gradient(135deg,#0f172af2 0%,#1e1b4be0 100%);position:absolute;inset:0}.tp-subpage-hero-inner{z-index:2;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.tp-subpage-hero-title{font-family:var(--tp-font-heading);color:#fff;letter-spacing:-.5px;margin:0 0 10px;font-size:34px;font-weight:900}.tp-subpage-hero-desc{color:#cbd5e1;max-width:680px;margin:0 0 14px;font-size:14.5px;line-height:1.6}.tp-subpage-breadcrumbs{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.tp-subpage-breadcrumbs a{color:#94a3b8;text-decoration:none;transition:color .2s}.tp-subpage-breadcrumbs a:hover{color:var(--tp-theme-1)}.tp-subpage-breadcrumbs span{color:var(--tp-theme-1);font-weight:600}.tp-subpage-back-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.tp-subpage-back-btn:hover{background:var(--tp-theme-1);border-color:var(--tp-theme-1);transform:translate(-3px)}.tp-subpage-content-area{background-color:#f8fafc;padding:50px 0 80px}.tp-subpage-layout-grid{grid-template-columns:320px 1fr;align-items:start;gap:36px;display:grid}@media (width<=992px){.tp-subpage-layout-grid{grid-template-columns:1fr}}.tp-subpage-sidebar{flex-direction:column;gap:24px;display:flex}.tp-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 4px 12px #00000008}.tp-sidebar-title{font-family:var(--tp-font-heading);color:#0f172a;border-bottom:2px solid #f1f5f9;margin:0 0 16px;padding-bottom:12px;font-size:17px;font-weight:800}.tp-sidebar-nav-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tp-sidebar-nav-link{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.tp-sidebar-nav-link:hover,.tp-sidebar-nav-link.is-active{border-color:var(--tp-theme-1);color:var(--tp-theme-1);background:#fff;transform:translate(3px);box-shadow:0 4px 12px #e032571a}.tp-sidebar-chevron{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s;display:flex}.tp-sidebar-nav-link:hover .tp-sidebar-chevron,.tp-sidebar-nav-link.is-active .tp-sidebar-chevron{background:var(--tp-theme-1);color:#fff}.tp-sidebar-support-box{color:#fff;text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-radius:18px;padding:24px;position:relative;overflow:hidden}.tp-sidebar-support-box h4{font-family:var(--tp-font-heading);margin:0 0 8px;font-size:18px;font-weight:800}.tp-sidebar-support-box p{color:#94a3b8;margin:0 0 18px;font-size:13px;line-height:1.5}.tp-sidebar-phone-btn{background:var(--tp-theme-1);color:#fff;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #e032574d}.tp-sidebar-phone-btn:hover{background:#c42446;transform:translateY(-2px)}.tp-detail-main-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:36px;box-shadow:0 6px 20px #00000008}.tp-detail-cover-image{object-fit:cover;border-radius:16px;width:100%;height:380px;margin-bottom:28px;box-shadow:0 8px 24px #00000014}.tp-detail-title{font-family:var(--tp-font-heading);color:#0f172a;margin:0 0 16px;font-size:26px;font-weight:900;line-height:1.35}.tp-detail-text{color:#334155;margin-bottom:24px;font-size:15px;line-height:1.8}.tp-detail-feature-list{grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0;display:grid}@media (width<=640px){.tp-detail-feature-list{grid-template-columns:1fr}}.tp-detail-feature-item{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.tp-detail-feature-item svg{color:#10b981;flex-shrink:0}.tp-specs-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:24px 0;overflow:hidden}.tp-specs-table td{border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:13.5px}.tp-specs-table tr:nth-child(2n){background:#f8fafc}.tp-specs-table td:first-child{color:#0f172a;background:#f1f5f9;width:35%;font-weight:700}.tp-detail-action-card{background:linear-gradient(135deg,#f8fafc 0%,#eef2f6 100%);border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:36px;padding:28px;display:flex}@media (width<=768px){.tp-detail-action-card{text-align:center;flex-direction:column}}.tp-detail-action-card h4{font-family:var(--tp-font-heading);color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:800}.tp-detail-action-card p{color:#64748b;margin:0;font-size:13.5px}.tp-btn-submit{color:#fff;font-family:var(--tp-font-heading);cursor:pointer;background:linear-gradient(135deg,#e03257 0%,#c42446 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-size:14.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #e032574d}.tp-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#c42446 0%,#9e1c38 100%);transform:translateY(-2px);box-shadow:0 8px 24px #e0325773}.tp-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.tp-btn-pill-red{background:var(--tp-theme-1);color:#fff;font-family:var(--tp-font-heading);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #e0325740}.tp-btn-pill-red:hover{background:#c42446;transform:translateY(-2px);box-shadow:0 6px 20px #e0325766}.tp-mega-view-all-btn{background:var(--tp-theme-1);color:#fff;font-family:var(--tp-font-heading);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #e0325740}.tp-mega-view-all-btn:hover{background:#c42446;transform:translateY(-2px)}.tp-products-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.tp-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.tp-product-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 16px 32px #00000014}.tp-product-media{background:#f8fafc;width:100%;height:220px;position:relative;overflow:hidden}.tp-product-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tp-product-card:hover .tp-product-media img{transform:scale(1.06)}.tp-product-badge{background:var(--tp-theme-1);color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}.tp-product-content{flex-direction:column;flex-grow:1;padding:22px;display:flex}.tp-product-cat{color:var(--tp-theme-1);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11.5px;font-weight:800}.tp-product-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.35}.tp-product-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:18px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.tp-product-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.tp-product-price{font-family:var(--tp-font-heading);color:#0f172a;font-size:17px;font-weight:900}.tp-product-btn{color:#1e293b;font-family:var(--tp-font-heading);background:#f1f5f9;border-radius:50px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.tp-product-btn:hover{background:var(--tp-theme-1);color:#fff}.tp-subpage-layout-grid .tp-services-grid,.tp-subpage-layout-grid .tp-products-grid,.tp-subpage-layout-grid .tp-projects-grid{grid-template-columns:repeat(2,1fr);gap:24px}@media (width<=640px){.tp-subpage-layout-grid .tp-services-grid,.tp-subpage-layout-grid .tp-products-grid,.tp-subpage-layout-grid .tp-projects-grid{grid-template-columns:1fr}}.tp-subpage-layout-grid .tp-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.tp-service-content{flex-direction:column;flex-grow:1;padding:22px;display:flex}.tp-service-title{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.35}.tp-service-desc{color:#64748b;flex-grow:1;margin-bottom:16px;font-size:13.5px;line-height:1.6}.tp-project-media{width:100%;height:220px;position:relative;overflow:hidden}.tp-project-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.tp-project-card:hover .tp-project-media img{transform:scale(1.06)}.tp-project-cat{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:50px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.tp-project-desc{color:#64748b;flex-grow:1;margin-bottom:16px;font-size:13.5px;line-height:1.6}.tp-pricing-card.popular{border-color:var(--tp-theme-1);box-shadow:0 16px 36px #e032571f}.tp-pricing-name{font-family:var(--tp-font-heading);color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800}.tp-pricing-limits{color:#64748b;border-bottom:1px dashed #e2e8f0;margin-bottom:18px;padding-bottom:14px;font-size:12.5px;font-weight:600}.tp-pricing-features li{color:#334155;align-items:center;gap:10px;font-size:13.5px;font-weight:500;display:flex}.tp-pricing-features li svg{color:var(--tp-theme-1);flex-shrink:0}.tp-btn-pricing.popular{background:var(--tp-theme-1);border-color:var(--tp-theme-1);color:#fff}.tp-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #10b981;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.tp-alert-success svg{color:#10b981;flex-shrink:0}