:root{color-scheme:dark;--background: #0a0a0a;--foreground: #ebe9e6;--muted-foreground: #8f8f8f;--card: #111111;--card-foreground: #ebe9e6;--border: #222222;--input: #1c1c1c;--primary: #c8281a;--primary-foreground: #ffffff;--secondary: #0f2035;--secondary-foreground: #ebe9e6;--accent: #1c1c1c;--accent-foreground: #ebe9e6;--destructive: #c8281a;--destructive-foreground: #ffffff;--success: #2ea043;--warning: #f59e0b;--info: #3b82f6;--rn-red: #c8281a;--rn-red-deep: #8b1010;--rn-navy: #0f2035;--rn-cream: #ede8de;--bg-main: var(--background);--bg-secondary: #111111;--bg-card: var(--card);--bg-card-hover: #1a1a1a;--bg-card-elevated: #1c1c1c;--bg-input: #111111;--border-subtle: var(--border);--border-card: var(--border);--border-focus: var(--primary);--border-highlight: rgba(200, 40, 26, .45);--color-primary: var(--primary);--color-primary-hover: var(--rn-red-deep);--color-primary-light: #e04a3d;--color-primary-glow: rgba(200, 40, 26, .4);--color-success: var(--success);--color-success-bg: rgba(46, 160, 67, .14);--color-danger: var(--destructive);--color-danger-bg: rgba(200, 40, 26, .16);--color-warning: var(--warning);--color-warning-bg: rgba(245, 158, 11, .14);--color-purple: #8b5cf6;--color-purple-bg: rgba(139, 92, 246, .14);--text-main: var(--foreground);--text-secondary: var(--muted-foreground);--text-muted: var(--muted-foreground);--text-highlight: var(--color-primary-light);--shadow-card: 0 12px 32px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);--shadow-glow-blue: 0 0 28px rgba(200, 40, 26, .28);--shadow-modal: 0 25px 65px -10px rgba(0, 0, 0, .85), 0 0 40px rgba(200, 40, 26, .2);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Syne", "Plus Jakarta Sans", var(--font-sans);--font-mono: "DM Mono", "JetBrains Mono", ui-monospace, monospace;--font-numbers: "DM Mono", "Plus Jakarta Sans", var(--font-sans);--sidebar-width: 232px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-y:scroll;scroll-behavior:smooth;background-color:var(--bg-main);color-scheme:dark}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}.merchant-layout{display:flex;height:100vh;overflow:hidden;background-color:var(--bg-main);color:var(--text-main)}.merchant-sidebar{display:none;flex-shrink:0;flex-direction:column;width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border)}@media (min-width: 1024px){.merchant-sidebar{display:flex}}.merchant-sidebar__brand{display:flex;align-items:center;gap:10px;height:var(--header-height);padding:0 20px;border-bottom:1px solid var(--border)}.merchant-sidebar__brand-title{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1}.merchant-sidebar__brand-sub{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-top:3px}.merchant-sidebar__nav{flex:1;overflow-y:auto;padding:12px 10px}.merchant-sidebar__section-title{padding:8px 12px 6px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.merchant-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-lg);color:var(--text-secondary);background:transparent;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:2px}.merchant-nav-item:hover{background-color:var(--accent);color:var(--text-main)}.merchant-nav-item.active{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 4px 14px #c8281a2e}.merchant-nav-item__icon{width:18px;height:18px;flex-shrink:0}.merchant-sidebar__footer{border-top:1px solid var(--border);padding:12px}.merchant-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md)}.merchant-user__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#c8281a26;color:var(--primary);font-size:12px;font-weight:700}.merchant-user__name{font-size:12px;font-weight:600;color:var(--text-main)}.merchant-user__code{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.merchant-logout{display:flex;align-items:center;gap:8px;width:100%;margin-top:6px;padding:8px 10px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s ease}.merchant-logout:hover{background-color:#c8281a1a;color:var(--color-danger)}.merchant-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--header-height);padding:0 16px;background-color:var(--bg-main);border-bottom:1px solid var(--border);flex-shrink:0}.merchant-topbar__left{display:flex;align-items:center;gap:10px;min-width:0}.merchant-topbar__title{display:none;font-size:14px;font-weight:500;color:var(--text-main)}@media (min-width: 640px){.merchant-topbar__title{display:inline}}.merchant-topbar__right{display:flex;align-items:center;gap:8px}.merchant-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap}.merchant-pill--muted{display:none}.merchant-pill__rate-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;border-left:1px solid var(--border);margin-left:4px;padding:0 4px 0 8px;color:var(--text-muted);font-size:11px;font-weight:700;font-family:var(--font-mono);cursor:pointer;outline:none}@media (min-width: 768px){.merchant-pill--muted{display:flex}}.merchant-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.merchant-icon-btn:hover{border-color:#c8281a66;color:var(--primary)}.merchant-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#c8281a26;color:var(--primary);font-size:12px;font-weight:700}.merchant-main{flex:1;overflow-y:auto}.merchant-content{max-width:1280px;padding:24px}.merchant-mobile-only{display:flex}@media (min-width: 1024px){.merchant-mobile-only{display:none!important}}@media (max-width: 1023px){.merchant-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.merchant-mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10000}}input,select,textarea{color-scheme:dark!important;background-color:var(--bg-input)!important;color:var(--text-main)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;font-family:inherit!important;font-size:13.5px!important;padding:10px 14px;outline:none!important;transition:all .2s ease!important;box-sizing:border-box}.input-with-icon-wrap{position:relative;display:flex;align-items:center;width:100%}.input-with-icon-wrap input{padding-left:44px!important;padding-right:14px!important;width:100%!important;height:46px!important}.input-with-icon-wrap .input-icon-left{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);z-index:2;display:flex;align-items:center;justify-content:center}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #c8281a40,0 0 16px #c8281a33!important;background-color:var(--bg-card-hover)!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-clear-button{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;margin:0!important;display:none!important}input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;caret-color:var(--primary)!important;transition:background-color 5000s ease-in-out 0s!important}select option{background-color:var(--bg-card)!important;color:var(--text-main)!important;padding:8px 12px!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) hue-rotate(180deg) brightness(.8);cursor:pointer}::placeholder{color:var(--text-muted)!important;opacity:1!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid #070a14}::-webkit-scrollbar-thumb:hover{background:#3b82f6;box-shadow:0 0 10px #3b82f680}.app-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 50% -5%,rgba(37,99,235,.14),transparent 55%),radial-gradient(circle at 95% 35%,rgba(139,92,246,.08),transparent 45%),radial-gradient(circle at 5% 75%,rgba(16,185,129,.06),transparent 45%),var(--bg-main)}.main-wrapper{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px 24px 70px;animation:pageFadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin .8s linear infinite}.header{position:sticky;top:0;z-index:100;background-color:#070a14f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);height:64px;display:flex;align-items:center;padding:0 18px;width:100%;box-sizing:border-box}.header-inner{width:100%;max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.header-left{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;overflow:visible;position:relative}.brand-logo{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.brand-logo:hover{transform:scale(1.03)}.brand-icon{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #2563eb73}.brand-name{font-family:var(--font-display);font-weight:800;font-size:16.5px;letter-spacing:-.4px;color:#fff}.nav-links{display:flex;align-items:center;gap:3px;overflow:visible;white-space:nowrap;flex:1 1 auto;min-width:0;padding:4px 2px;position:relative}.nav-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:5px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0}.nav-btn:hover{background:#ffffff0f;color:#fff;transform:translateY(-1px)}.nav-btn.active{background:#2563eb29;border-color:#3b82f666;color:#60a5fa;box-shadow:0 0 12px #2563eb26}.badge-count{background:#ef4444;color:#fff;padding:1px 6px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:800}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.header-sound-btn{width:32px;height:32px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#090e1f;border:1px solid var(--border-card);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(.16,1,.3,1)}.header-sound-btn:hover{border-color:#3b82f680;background:#0e1630;color:#fff;transform:translateY(-1px)}.header-sound-btn.active{color:#38bdf8;border-color:#38bdf866;background:#38bdf814}.rapira-live-badge{display:flex;align-items:center;gap:5px;background:#0f172ae6;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-pill);padding:4px 9px;font-size:11px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;white-space:nowrap}.rapira-live-badge:hover{border-color:#3b82f6;background:#1e293be6;transform:translateY(-1px)}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 7px #10b981;display:inline-block;flex-shrink:0}.live-text{color:#fff;font-weight:700;font-size:11px}.live-countdown{color:var(--text-muted);font-family:var(--font-mono);font-size:10.5px}.header-balance-card{display:flex;align-items:center;gap:6px;background:#0f152d;border:1px solid var(--border-card);padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;white-space:nowrap}.header-balance-card:hover{border-color:var(--border-focus);box-shadow:0 0 14px #3b82f640;transform:translateY(-1px)}.balance-main-num{font-weight:800;font-size:13px;color:#fff;letter-spacing:-.2px;font-family:var(--font-mono);white-space:nowrap}.balance-curr-badge{display:inline-flex;align-items:center;gap:3px;background:#3b82f624;border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:2px 5px;border-radius:5px;font-size:10.5px;font-weight:700;font-family:var(--font-mono)}.balance-local-equiv{font-size:11px;color:var(--text-secondary);font-weight:600;font-family:var(--font-mono);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.balance-chevron{color:var(--text-muted);transition:transform .2s}.balance-eye-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:2px;margin-left:2px;transition:color .2s}.balance-eye-btn:hover{color:#fff}.currency-menu-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff08;border-bottom:1px solid var(--border-card)}.currency-rapira-status{display:flex;align-items:center;gap:6px}.btn-refresh-micro{display:inline-flex;align-items:center;gap:4px;background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;padding:2px 7px;border-radius:5px;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh-micro:hover{background:#3b82f64d;color:#fff}.currency-menu-footer{padding:8px 12px;border-top:1px solid var(--border-card);background:#ffffff05}.currency-eye-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px dashed var(--border-card);color:var(--text-secondary);padding:5px 8px;border-radius:var(--radius-sm);font-size:11px;cursor:pointer;transition:all .2s}.currency-eye-toggle-btn:hover{background:#ffffff0d;color:#fff;border-color:#3b82f666}.status-pill-toggle{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border-card);background:#090e1f;color:var(--text-secondary);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none}.status-pill-toggle:hover{transform:translateY(-1px)}.status-pill-toggle.online{border-color:#10b98166;background:#10b9811a;color:#34d399}.status-pill-toggle.offline{border-color:#ef444466;background:#ef44441a;color:#f87171}.status-indicator-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor;flex-shrink:0}.user-profile-pill{display:flex;align-items:center;gap:7px;background:#0c1228;border:1px solid rgba(59,130,246,.3);padding:4px 10px;border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;white-space:nowrap}.user-profile-pill:hover{border-color:var(--border-focus);background:#141c3b;box-shadow:0 0 12px #3b82f633}.user-avatar-circle{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info-text{display:flex;flex-direction:column;text-align:left;line-height:1.1}.user-name-label{font-size:11.5px;font-weight:800;color:#fff}.user-role-label{font-size:9px;font-weight:800;letter-spacing:.3px}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#101733;border:1px solid var(--border-card);border-radius:var(--radius-md);box-shadow:0 16px 36px #000000b3;width:220px;padding:6px;z-index:200;animation:scaleUp .18s cubic-bezier(.16,1,.3,1)}.dropdown-label{padding:6px 12px;font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#ffffff0f;color:#fff}.dropdown-item.active{background:#2563eb26;color:#60a5fa}.currency-select-menu{width:330px!important;max-width:92vw;padding:8px!important}.currency-select-menu .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.currency-flag-tag{background:#ffffff14;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:800;color:#fff;min-width:44px;text-align:center;font-family:var(--font-mono)}.currency-rate-sub{font-size:12px;color:#94a3b8;font-family:var(--font-mono);font-weight:600;white-space:nowrap}.switch-toggle{position:relative;display:inline-block;width:42px!important;min-width:42px!important;max-width:42px!important;height:22px!important;flex-shrink:0!important;vertical-align:middle}.switch-toggle input{opacity:0;width:0;height:0;position:absolute}.slider-round{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#16203c;border:1px solid var(--border-card);transition:.22s cubic-bezier(.4,0,.2,1);border-radius:24px;box-sizing:border-box}.slider-round:before{position:absolute;content:"";height:14px;width:14px;left:3px;top:3px;background-color:#94a3b8;transition:.22s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 4px #0006}input:checked+.slider-round{background-color:#10b981;border-color:#34d399;box-shadow:0 0 10px #10b98166}input:checked+.slider-round:before{transform:translate(20px);background-color:#fff}.dropdown-menu.currency-select-menu{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.currency-tabs-bar{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);padding:4px 2px 14px;overflow-x:auto;align-items:center}.currency-tabs-bar .btn{flex-shrink:0;white-space:nowrap;min-width:max-content}.currency-tabs-bar .btn:hover{transform:none!important}.card,[class*=card]{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;padding:20px!important;box-shadow:none!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.card:hover,[class*=card]:hover{border-color:#ffffff14!important}.desktop-table-container,.table-responsive,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card)}table,table.table,table.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;text-align:left}table thead th,table.table thead th,table.data-table thead th,.table-custom thead th{padding:14px 18px;font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);background:var(--bg-input);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}table tbody td,table.table tbody td,table.data-table tbody td,.table-custom tbody td{padding:14px 18px;font-size:13px;color:var(--text-main);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}table tbody tr:last-child td,table.table tbody tr:last-child td,table.data-table tbody tr:last-child td{border-bottom:none}table tbody tr,table.table tbody tr,table.data-table tbody tr{transition:background-color .15s ease}table tbody tr:hover,table.table tbody tr:hover,table.data-table tbody tr:hover,.table-custom tbody tr:hover{background-color:#ffffff05}.badge-primary,.badge-secondary,.badge-success,.badge-danger,.badge-warning{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}.badge-primary{background:#c8281a26;color:var(--color-primary-light);border:1px solid rgba(200,40,26,.3)}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(46,160,67,.35)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(200,40,26,.35)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.35)}.badge-secondary{background:#ffffff0f;color:var(--text-secondary);border:1px solid var(--border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:13.5px!important;font-weight:700!important;color:var(--text-main)!important}.card-icon-badge{width:32px;height:32px;border-radius:8px;background:#ffffff0f;color:var(--text-main);flex-shrink:0;display:flex;align-items:center;justify-content:center}.metric-value{font-size:26px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.5px;line-height:1.2}.metric-sub{font-size:12px!important;color:var(--text-muted)!important;margin-top:4px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4{grid-template-columns:1fr}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}}.dashboard-page-container{display:flex;flex-direction:column;gap:22px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}}.metric-box{background:linear-gradient(145deg,var(--rn-navy) 0%,var(--bg-card) 100%)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;padding:18px 20px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.metric-box:hover{border-color:#c8281a59!important;transform:translateY(-2px)}.metric-box-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.metric-box-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);font-family:var(--font-mono)}.metric-box-icon-wrap{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.metric-box-num{font-size:26px;font-weight:800;color:var(--text-main);letter-spacing:-.03em;line-height:1.1}.metric-box-sub{font-size:12px;color:var(--text-muted);margin-top:6px}.dashboard-section-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:var(--shadow-card)}.section-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.section-title-group{display:flex;align-items:center;gap:10px}.live-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.section-title-text{font-size:15px;font-weight:700;color:#fff}.section-sub-badge{background:#ffffff0f;padding:2px 8px;border-radius:4px;font-size:11px;color:var(--text-muted);font-weight:600}.section-actions-group{display:flex;align-items:center;gap:8px}.ticker-timer-pill{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-card);border-radius:var(--radius-pill);padding:4px 10px;font-size:11.5px;color:var(--text-secondary)}.currency-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.rate-card-item{background:#090e1f;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.rate-card-item:hover{border-color:#3b82f680;background:#0e152e;transform:translateY(-2px)}.rate-card-item.selected{border-color:#3b82f6;background:#2563eb1f;box-shadow:0 0 16px #2563eb2e}.rate-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rate-card-currency-tag{display:flex;align-items:center;gap:8px}.country-code-pill{background:linear-gradient(135deg,#1e294b,#0f172a);border:1px solid rgba(255,255,255,.15);color:#fff;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:800;letter-spacing:.5px}.pair-name{font-size:13px;font-weight:800;color:#fff}.curr-full-name{font-size:10.5px;color:var(--text-muted)}.active-tag{background:#2563eb;color:#fff;font-size:9px;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.rate-card-prices{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.price-col{display:flex;flex-direction:column;gap:2px}.price-label{font-size:10px;color:var(--text-muted)}.price-value-buy{font-size:17px;font-weight:800;color:#34d399}.price-value-buy small{font-size:12px;font-weight:600}.price-value-sell{font-size:15px;font-weight:700;color:var(--text-secondary)}.price-value-sell small{font-size:11px}.rate-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);font-size:10.5px}.change-badge{font-weight:600}.change-badge.positive{color:#34d399}.change-badge.negative{color:#f87171}.vol-text{color:var(--text-muted)}.capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.capacity-card{background:#090e1f;border:1px solid var(--border-card);border-radius:var(--radius-md);padding:16px}.capacity-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.capacity-title{font-size:13px;font-weight:700;color:#fff}.capacity-count-badge{font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:2px 6px;border-radius:4px}.capacity-number{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px}.capacity-progress-bar{width:100%;height:5px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:6px}.capacity-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.capacity-sub{font-size:11px;color:var(--text-muted)}.action-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.action-link-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.action-link-card:hover{transform:translateY(-2px);border-color:#3b82f666}.action-green:hover{border-color:#10b98166;box-shadow:0 0 20px #10b9811f}.action-blue:hover{border-color:#3b82f666;box-shadow:0 0 20px #3b82f61f}.action-purple:hover{border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf61f}.action-icon-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.action-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.action-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-icon-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.action-text-wrap{flex:1}.action-title{font-size:14px;font-weight:700;color:#fff}.action-desc{font-size:11.5px;color:var(--text-secondary)}.action-arrow{color:var(--text-muted);transition:transform .2s}.action-link-card:hover .action-arrow{transform:translate(3px);color:#fff}.search-box{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border-card);border-radius:var(--radius-md);overflow:hidden;height:44px;transition:border-color .2s}.search-box:focus-within{border-color:var(--border-focus)}.search-input{flex:1;background:transparent;border:none;padding:0 14px;font-size:13.5px;color:#fff;outline:none;font-family:inherit}.search-btn{background:var(--color-primary);border:none;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.search-btn:hover{background:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-sm{padding:5px 11px;font-size:12px;border-radius:var(--radius-sm)}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--rn-red-deep))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 14px #c8281a59!important}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--primary))!important;transform:translateY(-1px);box-shadow:0 6px 18px #c8281a73!important}.btn-secondary{background:#ffffff0a!important;border:1px solid var(--border)!important;color:var(--text-main)!important}.btn-secondary:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:transparent!important}.btn-success:hover{background:#059669!important;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:transparent!important}.btn-danger:hover{background:#dc2626!important;transform:translateY(-1px)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{display:block;font-size:10.5px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.form-control,.input{width:100%;background:var(--bg-input)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;padding:10px 14px!important;font-size:13.5px!important;color:var(--text-main)!important;outline:none!important;font-family:inherit!important;transition:all .2s ease!important}.form-control:focus,.input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #c8281a33,0 0 16px #c8281a1f!important;background:var(--bg-card-hover)!important}.form-control.has-icon-left,.input.has-icon-left{padding-left:38px!important}.data-table,.table-custom{width:100%;border-collapse:collapse;text-align:left}.data-table tr:hover td,.table-custom tr:hover td{background:#ffffff05}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state-icon{margin-bottom:12px}.empty-state-title{font-size:15px;font-weight:800;color:#fff;margin-bottom:6px}.empty-state-desc{font-size:12.5px;color:var(--text-muted);max-width:360px}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(46,160,67,.35);padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid rgba(245,158,11,.35);padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(200,40,26,.35);padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.badge-blue{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.35);padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050ee0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .2s ease-out}.modal-card,.modal-content{background:#080d1f;border:1px solid rgba(59,130,246,.25);border-radius:16px;width:100%;max-width:490px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;padding:22px;box-shadow:0 25px 65px #000000f2,0 0 1px 1px #ffffff0d;animation:scaleUp .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-sizing:border-box}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-card);flex-shrink:0}.modal-title,.modal-header h3{font-size:15.5px;font-weight:800;color:#fff;letter-spacing:-.2px;display:flex;align-items:center;gap:8px;min-width:0;word-break:break-word;overflow-wrap:break-word;margin:0}.modal-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text-muted);cursor:pointer;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171}.modal-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px;min-height:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:14px;border-top:1px solid var(--border-card);flex-shrink:0}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#0f1730;border:1px solid rgba(59,130,246,.4);border-radius:var(--radius-md);padding:12px 18px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 12px 30px #000000b3;display:flex;align-items:center;gap:10px;animation:pageFadeIn .25s ease-out;pointer-events:auto}.desktop-table-view{display:block}.mobile-cards-view{display:none}@media (max-width: 768px){.desktop-table-view{display:none!important}.mobile-cards-view{display:flex!important;flex-direction:column!important;gap:12px!important}}.mobile-item-card{background:#0c1228;border:1px solid rgba(59,130,246,.22);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px #0006;transition:transform .2s,border-color .2s}.mobile-item-card:hover{border-color:#3b82f673}.mobile-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.mobile-card-main-body{display:flex;flex-direction:column;gap:8px}.mobile-card-amount-box{background:#0f172acc;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.mobile-card-actions-grid{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:4px}.filter-scroll-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 2px 8px;scrollbar-width:none}.filter-scroll-bar::-webkit-scrollbar{display:none}.tab-pill-btn,.filter-pill-btn,.filter-scroll-bar>.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 15px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border-card);background:#ffffff0a;color:var(--text-secondary);-webkit-user-select:none;user-select:none;height:38px;box-sizing:border-box;text-decoration:none;flex-shrink:0}.tab-pill-btn:hover,.filter-pill-btn:hover,.filter-scroll-bar>.btn:hover{background:#ffffff14;border-color:#fff3;color:#fff;transform:translateY(-1px)}.tab-pill-btn.active,.filter-pill-btn.active,.filter-scroll-bar>.btn.btn-primary{background:linear-gradient(135deg,var(--primary),var(--rn-red-deep))!important;border-color:var(--color-primary-light)!important;color:#fff!important;box-shadow:0 4px 14px #c8281a66!important}.filter-scroll-bar>.btn.btn-secondary{background:#ffffff0a;border:1px solid var(--border-card);color:var(--text-secondary)}.filter-scroll-bar>.btn.btn-secondary:hover{background:#ffffff14;border-color:#fff3;color:#fff}.header-burger-btn{display:none;align-items:center;gap:6px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#60a5fa;padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0}.header-burger-btn:hover{background:#3b82f640;border-color:#60a5fa;color:#fff;box-shadow:0 0 14px #3b82f659;transform:translateY(-1px)}.mobile-burger-btn{display:flex;align-items:center;gap:6px;background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa;padding:6px 11px;border-radius:var(--radius-md);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.mobile-burger-btn:hover{background:#3b82f64d;border-color:#60a5fa;color:#fff}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;display:flex;animation:fadeIn .2s ease-out}.mobile-drawer{width:320px;max-width:88vw;height:100%;background:#090e1f;border-right:1px solid rgba(59,130,246,.3);padding:20px 16px;display:flex;flex-direction:column;box-shadow:12px 0 50px #000000e6;animation:slideInLeft .25s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--border-card);margin-bottom:12px}.mobile-drawer-role-badge{display:flex;align-items:center;gap:8px;background:#050814;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border-card);font-size:11.5px;color:var(--text-secondary);margin-bottom:12px}.mobile-nav-list{display:flex;flex-direction:column;gap:6px}.mobile-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:all .2s;width:100%}.mobile-nav-item:hover{background:#ffffff0f;color:#fff}.mobile-nav-item.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa;font-weight:700}@media (max-width: 1280px){.nav-btn{padding:4px 7px!important;font-size:11.5px!important;gap:3px!important}}@media (max-width: 1120px){.nav-links{display:none!important}.header-burger-btn,.mobile-burger-btn{display:flex!important}}@media (max-width: 960px){.desktop-only-header-item{display:none!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (max-width: 768px){html,body{overflow-x:hidden!important}.header{padding:0 12px!important;height:58px!important;max-width:100vw!important;box-sizing:border-box!important}.header-inner,.header-left{gap:8px!important}.header-right{gap:6px!important}.header-balance-card{padding:5px 9px!important;border-radius:9px!important}.balance-main-num{font-size:14px!important}.balance-local-equiv,.balance-chevron{display:none!important}.user-profile-pill{padding:3px!important}.user-profile-pill div:nth-child(2){display:none!important}.user-profile-pill svg:last-child{display:none!important}.app-main-content{padding:14px 10px 60px!important;max-width:100vw!important;overflow-x:hidden!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.metric-box{padding:12px 14px!important;border-radius:12px!important}.metric-box-top{margin-bottom:6px!important}.metric-box-label{font-size:10.5px!important}.metric-box-icon-wrap{width:24px!important;height:24px!important}.metric-box-icon-wrap svg{width:13px!important;height:13px!important}.metric-box-num{font-size:19px!important}.metric-box-sub{font-size:10.5px!important;margin-top:3px!important}.dashboard-section-card{padding:14px 12px!important;border-radius:12px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-header-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:0!important}.table-card table{min-width:580px!important}.modal-backdrop,.modal-overlay{padding:8px!important;align-items:center!important}.modal-card,.modal-content{padding:16px 14px!important;width:100%!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important;border-radius:14px!important}.modal-header{margin-bottom:10px!important;padding-bottom:10px!important}.modal-title,.modal-header h3{font-size:14px!important;line-height:1.3!important}.modal-footer{padding-top:10px!important;gap:8px!important;flex-wrap:wrap!important}.modal-footer .btn{flex:1 1 120px!important;min-height:38px!important;justify-content:center!important;font-size:12px!important;padding:8px 12px!important}}@media (max-width: 420px){.brand-name,.mobile-burger-btn span{display:none!important}.mobile-burger-btn{padding:6px 8px!important}.header-balance-card{padding:4px 7px!important}.balance-main-num{font-size:13px!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.metric-box{padding:10px!important}.metric-box-num{font-size:17px!important}}.status-indicator-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-card)!important;border:1px solid var(--border)!important}.status-badge-online,.status-badge-offline{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700}.status-badge-online{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(46,160,67,.35)}.status-badge-offline{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(200,40,26,.35)}.capacity-number,.price-value-buy,.price-value-sell{color:var(--text-main)!important}.capacity-progress-fill{background:var(--primary)!important}.country-code-pill{background:#c8281a1f!important;color:var(--primary)!important;border:1px solid rgba(200,40,26,.35)!important}.rate-card-item{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.rate-card-item.selected{border-color:var(--primary)!important;box-shadow:0 0 0 1px var(--primary)!important}.change-badge.positive{background:var(--color-success-bg)!important;color:var(--color-success)!important}.change-badge.negative{background:var(--color-danger-bg)!important;color:var(--color-danger)!important}.action-link-card,.mobile-item-card,.mobile-card-amount-box{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.action-icon-circle{background:#c8281a1f!important;color:var(--primary)!important}.badge-primary,.badge-success,.badge-danger,.badge-warning,.badge-secondary{border-radius:var(--radius-pill)!important;font-size:11px!important;font-weight:800!important;padding:3px 10px!important}.badge-primary{background:#c8281a24!important;color:var(--color-primary-light)!important;border:1px solid rgba(200,40,26,.35)!important}.badge-success{background:var(--color-success-bg)!important;color:var(--color-success)!important;border:1px solid rgba(46,160,67,.35)!important}.badge-warning{background:var(--color-warning-bg)!important;color:var(--warning)!important;border:1px solid rgba(245,158,11,.35)!important}.badge-danger{background:var(--color-danger-bg)!important;color:var(--destructive)!important;border:1px solid rgba(200,40,26,.35)!important}.badge-secondary{background:#ffffff0a!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important}.desktop-table-container{overflow-x:auto!important}.filter-scroll-bar>.btn,.tab-pill-btn,.filter-pill-btn{background:#ffffff0a!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important;font-weight:700!important;font-size:12px!important;height:36px!important}.filter-scroll-bar>.btn.btn-primary,.tab-pill-btn.active,.filter-pill-btn.active{background:linear-gradient(135deg,var(--primary),var(--rn-red-deep))!important;color:#fff!important;border-color:var(--color-primary-light)!important}.ipf-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background-color:#06080d;position:relative;overflow:hidden;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#f8fafc}.ipf-auth-glow-top{position:absolute;top:-140px;left:50%;transform:translate(-50%);width:650px;height:480px;background:radial-gradient(circle,rgba(244,63,94,.16) 0%,rgba(225,29,72,.06) 45%,transparent 70%);filter:blur(70px);pointer-events:none;z-index:0}.ipf-auth-glow-bottom{position:absolute;bottom:-160px;left:50%;transform:translate(-50%);width:720px;height:420px;background:radial-gradient(circle,rgba(99,102,241,.09) 0%,rgba(59,130,246,.04) 50%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0}.ipf-auth-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at center,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);pointer-events:none;z-index:0}.ipf-auth-card{width:100%;max-width:440px;background:#0d111ad1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:38px 34px;box-shadow:0 0 0 1px #ffffff0d inset,0 30px 70px -15px #000000e6,0 0 50px -15px #f43f5e1f;position:relative;z-index:1;transition:all .3s cubic-bezier(.16,1,.3,1)}.ipf-auth-card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,63,94,.7),rgba(255,255,255,.4),rgba(244,63,94,.7),transparent);border-radius:1px}.ipf-emblem{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#f43f5e,#e11d48,#9f1239);color:#fff;font-weight:900;font-size:22px;letter-spacing:-.04em;margin-bottom:16px;box-shadow:inset 0 1px 1px #fff6,0 8px 24px -4px #e11d488c;position:relative}.ipf-emblem:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:17px;border:1px solid rgba(244,63,94,.35);pointer-events:none}.ipf-field-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#cbd5e1;margin-bottom:8px;letter-spacing:.01em}.ipf-input-wrapper{position:relative;display:flex;align-items:center;border-radius:12px;transition:all .2s ease}.ipf-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;z-index:2;transition:color .2s ease}.ipf-input-field{width:100%!important;height:48px!important;background:#ffffff09!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:12px!important;padding:0 16px 0 48px!important;font-size:14.5px!important;font-family:inherit!important;color:#f8fafc!important;line-height:48px!important;outline:none!important;box-sizing:border-box!important;transition:all .2s ease!important}.ipf-input-field.has-eye{padding-right:48px!important}.ipf-input-field::placeholder{color:#475569!important;font-weight:400!important}.ipf-input-field:hover{background:#ffffff0d!important;border-color:#ffffff29!important}.ipf-input-field:focus{background:#ffffff0f!important;border-color:#f43f5e!important;box-shadow:0 0 0 3px #f43f5e2e,0 0 24px #f43f5e1f!important}.ipf-input-wrapper:focus-within .ipf-input-icon{color:#f43f5e}.ipf-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s ease,background .15s ease;z-index:2}.ipf-eye-btn:hover{color:#e2e8f0;background:#ffffff0d}.ipf-field-hint{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12px;color:#64748b;line-height:1.35}.ipf-security-banner{background:linear-gradient(135deg,#f43f5e0f,#6366f10a);border:1px solid rgba(244,63,94,.18);border-radius:12px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#94a3b8;line-height:1.45;margin-top:4px}.ipf-submit-btn{width:100%;height:48px;background:linear-gradient(135deg,#f43f5e,#e11d48 55%,#be123c);border:none;border-radius:12px;color:#fff;font-size:14.5px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:inset 0 1px #ffffff40,0 4px 20px -2px #e11d4873;transition:all .2s ease;margin-top:6px}.ipf-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e 55%,#e11d48);box-shadow:inset 0 1px #ffffff59,0 6px 28px -2px #e11d48a6;transform:translateY(-1px)}.ipf-submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #e11d4866}.ipf-submit-btn:disabled{opacity:.65;cursor:wait}.ipf-auth-footer{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);white-space:nowrap;flex-wrap:nowrap}.ipf-auth-footer-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono, monospace);font-weight:500;color:#64748b;white-space:nowrap;letter-spacing:.02em}.ipf-auth-footer-dot{color:#334155;font-size:10px}