@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@300;400;500&family=Instrument+Sans:wght@400;500;600&display=swap);.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;position:sticky;top:0;z-index:100}.sidebar-logo{border-bottom:1px solid var(--border);gap:10px;min-height:64px;padding:20px 16px;position:relative}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 12px var(--accent-glow);color:#000;flex-shrink:0;height:32px;justify-content:center;width:32px}.logo-text{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:700;overflow:hidden;white-space:nowrap}.collapse-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);display:flex;flex-shrink:0;height:22px;justify-content:center;margin-left:auto;transition:color .2s,background .2s;width:22px}.collapse-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:12px 8px}.nav-section-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.1em;min-height:26px;padding:4px 8px 8px;white-space:nowrap}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px;position:relative;transition:color .15s;white-space:nowrap}.nav-item.active,.nav-item:hover{color:var(--text-primary)}.nav-active-bg{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);inset:0;position:absolute;z-index:-1}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-label{overflow:hidden;white-space:nowrap}.sidebar-bottom{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:12px 8px}.sidebar-user{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);gap:10px;margin-top:4px;padding:8px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--accent);border-radius:6px;color:#000;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--text-secondary);font-size:10px;white-space:nowrap}.topbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;height:64px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90}.topbar-left{display:flex;flex-direction:column;gap:1px}.page-title{color:var(--text-primary);font-family:var(--font-display);font-size:17px;font-weight:700;line-height:1.2}.breadcrumb{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-mono);font-size:11px;gap:4px}.breadcrumb .sep{color:var(--border-bright)}.breadcrumb .current{color:var(--text-secondary)}.topbar-right{gap:12px}.search-wrap,.topbar-right{align-items:center;display:flex}.search-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:8px;padding:6px 12px;transition:border-color .15s,width .2s;width:240px}.search-wrap.focused{border-color:var(--accent);width:280px}.search-icon{color:var(--text-muted);flex-shrink:0}.search-wrap input{background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;width:100%}.search-clear,.search-wrap input::placeholder{color:var(--text-muted)}.search-clear{align-items:center;background:none;display:flex;transition:color .15s}.search-clear:hover{color:var(--text-primary)}.icon-btn,.notif-wrap{position:relative}.icon-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;height:36px;justify-content:center;transition:all .15s;width:36px}.icon-btn:hover{border-color:var(--border-bright);color:var(--text-primary)}.badge{align-items:center;background:var(--red);border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.notif-overlay{inset:0;position:fixed;z-index:100}.notif-panel{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:320px;z-index:101}.notif-header{border-bottom:1px solid var(--border);font-size:13px;font-weight:600;justify-content:space-between;padding:14px 16px}.mark-read-btn,.notif-header{align-items:center;display:flex}.mark-read-btn{background:none;color:var(--accent);font-family:var(--font-body);font-size:11px;gap:4px;transition:opacity .15s}.mark-read-btn:hover{opacity:.7}.notif-list{max-height:280px;overflow-y:auto}.notif-item{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 16px;position:relative;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-card)}.notif-item.read{opacity:.5}.notif-icon{flex-shrink:0;font-size:16px;margin-top:2px}.notif-body p{color:var(--text-primary);font-size:12px;line-height:1.5;margin-bottom:2px}.notif-body span{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.unread-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:6px;margin-top:6px;width:6px}.live-indicator{align-items:center;background:var(--green-dim);border:1px solid #00e5a033;border-radius:20px;color:var(--green);display:flex;font-family:var(--font-mono);font-size:10px;font-weight:700;gap:6px;letter-spacing:.05em;padding:4px 10px}.pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:var(--green);border-radius:50%;height:6px;width:6px}.app-layout{background:var(--bg-primary);display:flex;min-height:100vh}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.page-content{flex:1 1;overflow-y:auto;padding:28px 28px 40px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:20px;position:relative;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:var(--border-bright);transform:translateY(-1px)}.stat-card__top{align-items:center;display:flex;justify-content:space-between}.stat-card__label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-card__icon{align-items:center;border-radius:var(--radius-sm);display:flex;height:28px;justify-content:center;width:28px}.stat-card--accent .stat-card__icon{background:var(--accent-dim);color:var(--accent)}.stat-card--green .stat-card__icon{background:var(--green-dim);color:var(--green)}.stat-card--red .stat-card__icon{background:var(--red-dim);color:var(--red)}.stat-card--yellow .stat-card__icon{background:var(--yellow-dim);color:var(--yellow)}.stat-card--orange .stat-card__icon{background:var(--orange-dim);color:var(--orange)}.stat-card__value{color:var(--text-primary);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.stat-card__sub{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.stat-card__glow{border-radius:50%;bottom:-20px;filter:blur(24px);height:60px;pointer-events:none;position:absolute;right:-20px;width:60px}.stat-card--accent .stat-card__glow{background:var(--accent-glow)}.stat-card--green .stat-card__glow{background:#00e5a033}.stat-card--red .stat-card__glow{background:#ff4d6a33}.stat-card--yellow .stat-card__glow{background:#f5c84233}.stat-card--orange .stat-card__glow{background:#ff8c4233}.shipment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:16px;position:relative;transition:border-color .2s,box-shadow .2s}.shipment-card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-card)}.shipment-card.has-alert{border-color:#ff4d6a4d}.alert-strip{background:var(--red-dim);border-radius:var(--radius-sm);color:var(--red);font-family:var(--font-mono);font-size:10px;gap:6px;padding:5px 8px}.alert-strip,.sc-header{align-items:center;display:flex}.sc-header{justify-content:space-between}.sc-id-group{align-items:center;display:flex;gap:6px}.sc-pkg-icon{color:var(--text-muted)}.sc-id{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;font-weight:500}.sc-route{align-items:center;display:flex;gap:8px}.sc-city{display:flex;flex-direction:column;flex-shrink:0;min-width:52px}.sc-country{color:var(--text-muted);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.08em}.sc-city-name{color:var(--text-primary);font-size:12px;font-weight:600;white-space:nowrap}.sc-city:last-child{align-items:flex-end}.sc-route-line{align-items:center;display:flex;flex:1 1;gap:0}.sc-dot{background:var(--accent);border-radius:50%;flex-shrink:0;height:6px;width:6px}.sc-line{background:var(--border);flex:1 1;height:2px;overflow:hidden;position:relative}.sc-line-fill{border-radius:2px;height:100%}.sc-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.sc-meta-item{display:flex;flex-direction:column;gap:1px}.meta-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-val{color:var(--text-primary);font-size:12px}.meta-val.mono{font-family:var(--font-mono)}.sc-progress-row{align-items:center;display:flex;justify-content:space-between}.sc-progress-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sc-progress-pct{font-family:var(--font-mono);font-size:11px;font-weight:500}.detail-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;position:fixed;z-index:200}.detail-panel{background:var(--bg-secondary);border-left:1px solid var(--border-bright);bottom:0;display:flex;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;width:420px;z-index:201}.dp-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:20px}.dp-id{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:600;margin-bottom:6px}.dp-close{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.dp-close:hover{border-color:var(--border-bright);color:var(--text-primary)}.dp-body{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:16px}.dp-alert{align-items:flex-start;background:var(--red-dim);border:1px solid #ff4d6a33;border-radius:var(--radius-md);color:var(--red);font-size:12px;gap:8px;padding:10px 12px}.dp-alert,.dp-section{display:flex;margin-bottom:4px}.dp-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:14px}.dp-section-title{align-items:center;color:var(--text-muted);display:flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}.dp-route-visual{align-items:center;display:flex;gap:8px}.dp-port{display:flex;flex-direction:column;gap:2px;min-width:80px}.dp-port-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em}.dp-port-city{color:var(--text-primary);font-size:14px;font-weight:700}.dp-port-country{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.dp-route-mid{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.dp-transit-ports{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.dp-transit-badge{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:10px;color:var(--text-muted);font-family:var(--font-mono);font-size:9px;padding:2px 6px}.dp-route-arrow{color:var(--text-muted);font-size:18px}.dp-progress-section{display:flex;flex-direction:column;gap:8px}.dp-progress-header{align-items:center;color:var(--text-secondary);font-size:12px}.dp-dates,.dp-progress-header{display:flex;justify-content:space-between}.date-label{color:var(--text-muted);display:block;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.date-val{color:var(--text-primary);font-family:var(--font-mono);font-size:11px}.dp-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.dp-detail-item{display:flex;flex-direction:column;gap:2px}.dp-detail-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dp-detail-val{color:var(--text-primary);font-family:var(--font-mono);font-size:12px}.dp-docs{display:flex;flex-direction:column;gap:8px}.dp-doc-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.dashboard{display:flex;flex-direction:column;gap:24px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 360px}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.chart-card:hover{border-color:var(--border-bright)}.chart-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.chart-title{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600}.chart-sub{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;margin-top:2px}.chart-legend{display:flex;gap:12px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px}.legend-dot{border-radius:2px;height:8px;width:8px}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);font-size:12px;padding:8px 12px}.tooltip-label{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;margin-bottom:4px}.pie-wrap{margin:-8px 0}.commodity-legend{display:flex;flex-direction:column;gap:8px;margin-top:4px}.commodity-item{align-items:center;display:flex;font-size:12px;gap:8px}.c-dot{border-radius:2px;flex-shrink:0;height:8px;width:8px}.c-name{color:var(--text-secondary);flex:1 1}.c-pct{color:var(--text-primary);font-family:var(--font-mono);font-size:11px}.bottom-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.section-block{display:flex;flex-direction:column;gap:12px}.section-header{align-items:center;display:flex;justify-content:space-between}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600}.section-link{color:var(--accent);font-size:12px;transition:opacity .15s}.section-link:hover{opacity:.7}.recent-shipments{display:flex;flex-direction:column;gap:10px}.rates-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.rates-header{background:var(--bg-elevated);color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase}.rate-row,.rates-header{grid-gap:8px;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:2fr 1.2fr 1.2fr .8fr}.rate-row{align-items:center;padding:12px 16px;transition:background .15s}.rate-row:last-child{border-bottom:none}.rate-row:hover{background:var(--bg-elevated)}.rate-route{color:var(--text-primary);font-size:12px;font-weight:500}.rate-mode{color:var(--text-secondary);font-size:11px}.rate-price{color:var(--text-primary);font-size:12px}.rate-change,.rate-price{font-family:var(--font-mono)}.rate-change{font-size:11px;font-weight:600}.rate-change.pos{color:var(--green)}.rate-change.neg{color:var(--red)}.shipments-page{display:flex;flex-direction:column;gap:16px}.sp-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.status-filters{display:flex;flex-wrap:wrap;gap:6px}.view-toggles{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:4px;padding:3px}.view-btn{align-items:center;background:none;border-radius:4px;color:var(--text-muted);display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.view-btn.active{background:var(--bg-elevated);color:var(--text-primary)}.result-count{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.shipments-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.shipments-list-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.list-header{background:var(--bg-elevated);color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase}.list-header,.list-row{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:1.4fr 1.8fr 1.4fr 1.2fr 1.2fr 1.4fr .9fr}.list-row{align-items:center;cursor:pointer;padding:12px 16px;transition:background .15s}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--bg-elevated)}.lr-id{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.lr-route{color:var(--text-primary);font-size:12px;font-weight:500}.lr-carrier,.lr-commodity{color:var(--text-secondary);font-size:12px}.lr-progress{min-width:80px}.lr-eta{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px;text-align:center}.empty-icon{font-size:40px}.empty-state h3{color:var(--text-primary);font-family:var(--font-display);font-size:16px}.empty-state p{color:var(--text-muted);font-size:13px}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.an-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s}.an-card:hover{border-color:var(--border-bright)}.an-card--full{grid-column:1/-1}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.kpi-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:12px}.kpi-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kpi-value{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1;margin-top:4px}.kpi-unit{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:3px}.kpi-change,.kpi-unit{font-family:var(--font-mono)}.kpi-change{font-size:11px;font-weight:500}.kpi-change.good{color:var(--green)}.kpi-change.bad{color:var(--red)}.carriers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.carrier-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;display:flex;flex-direction:column;gap:16px;padding:20px;transition:border-color .2s}.carrier-card:hover{border-color:var(--border-bright)}.cc-header{align-items:flex-start;display:flex;gap:12px}.cc-avatar{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--accent);display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.cc-title{display:flex;flex:1 1;flex-direction:column;gap:2px}.cc-title h3{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600}.cc-code{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.star-rating{align-items:center;display:flex;gap:2px}.rating-val{color:var(--yellow);font-family:var(--font-mono);font-size:11px;margin-left:4px}.cc-metrics{gap:10px}.cc-metric,.cc-metrics{display:flex;flex-direction:column}.cc-metric{gap:6px}.ccm-header{justify-content:space-between}.ccm-header,.ccm-label{align-items:center;display:flex}.ccm-label{color:var(--text-muted);font-size:10px;font-weight:600;gap:4px;letter-spacing:.05em;text-transform:uppercase}.ccm-val{font-family:var(--font-mono);font-size:12px;font-weight:600}.cc-stats{background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px}.cc-stat,.cc-stats{align-items:center;display:flex}.cc-stat{flex:1 1;gap:6px}.cc-stat-val{color:var(--text-primary);font-family:var(--font-mono);font-size:14px;font-weight:600}.cc-stat-label{color:var(--text-muted);font-size:10px}.cc-divider{background:var(--border);height:24px;margin:0 12px;width:1px}.cc-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.cc-badge.excellent{background:var(--green-dim);border:1px solid #00e5a033;color:var(--green)}.cc-badge.good{background:var(--accent-dim);border:1px solid #00d4ff33;color:var(--accent)}.cc-badge.fair{background:var(--yellow-dim);border:1px solid #f5c84233;color:var(--yellow)}.rates-page{display:flex;flex-direction:column;gap:16px}.api-banner{align-items:center;border-radius:var(--radius-md);display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;padding:10px 14px}.api-banner.live{background:var(--green-dim);border:1px solid #00e5a033;color:var(--green)}.api-banner.cached{background:var(--yellow-dim);border:1px solid #f5c84233;color:var(--yellow)}.spin{animation:spin 1.5s linear infinite;margin-left:auto}@keyframes spin{to{transform:rotate(1turn)}}.rates-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:400px 1fr}.converter-card,.spot-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.converter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.conv-title{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.conv-sub{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;margin-top:2px}.api-dot{background:var(--text-muted);border-radius:50%;height:8px;width:8px}.api-dot.live{animation:pulse-dot 1.5s ease-in-out infinite;background:var(--green);box-shadow:0 0 6px var(--green)}.converter-form{gap:16px}.conv-input-group,.converter-form{display:flex;flex-direction:column}.conv-input-group{gap:6px}.conv-curr-group label,.conv-input-group label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.conv-input{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:20px;font-weight:600;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.conv-input:focus{border-color:var(--accent)}.conv-currencies{align-items:flex-end;display:flex;gap:10px}.conv-curr-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.conv-select{border:1px solid var(--border-bright);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:600;outline:none;padding:8px 12px;width:100%}.conv-select,.swap-btn{background:var(--bg-elevated)}.swap-btn{align-items:center;border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.swap-btn:hover{border-color:var(--accent);color:var(--accent)}.conv-result{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.conv-result.loading{align-items:center;display:flex;justify-content:center;min-height:90px}.conv-from-amount{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px}.conv-equals{color:var(--text-muted);font-size:16px}.conv-to-amount{color:var(--accent);font-family:var(--font-display);font-size:28px;font-weight:700}.conv-rate-display{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;margin-top:4px}.all-rates{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.all-rates-title{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.rates-chips{display:flex;flex-wrap:wrap;gap:6px}.rate-chip{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:1px;min-width:68px;padding:6px 10px}.rc-curr{color:var(--text-muted);font-size:9px;font-weight:700;text-transform:uppercase}.rc-curr,.rc-rate{font-family:var(--font-mono)}.rc-rate{color:var(--text-primary);font-size:12px;font-weight:500}.spot-table{display:flex;flex-direction:column}.spot-header{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 0;text-transform:uppercase}.spot-header,.spot-row{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:2fr 1.2fr 1.2fr 1.4fr}.spot-row{align-items:center;padding:14px 0;transition:background .15s}.spot-row:last-child{border-bottom:none}.sr-route{color:var(--text-primary);font-size:13px;font-weight:500}.sr-mode{color:var(--text-secondary);font-size:11px}.sr-price{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;font-weight:500}.sr-change-wrap{display:flex;flex-direction:column;gap:4px}.sr-change{font-family:var(--font-mono);font-size:11px;font-weight:600}.sr-change.up{color:var(--red)}.sr-change.down{color:var(--green)}.sr-bar{background:var(--bg-elevated);border-radius:2px;height:3px;overflow:hidden}.sr-bar-fill{border-radius:2px;height:100%}.sr-bar-fill.up{background:var(--red)}.sr-bar-fill.down{background:var(--green)}.market-note{align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:8px;margin-top:16px;padding:12px}.market-note p{color:var(--text-muted);font-size:11px;line-height:1.6}.docs-page{display:flex;flex-direction:column;gap:16px}.docs-toolbar{flex-wrap:wrap;gap:12px}.docs-search,.docs-toolbar{align-items:center;display:flex}.docs-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);gap:8px;padding:7px 12px;transition:border-color .15s;width:240px}.docs-search:focus-within{border-color:var(--accent)}.docs-search input{background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;width:100%}.docs-search input::placeholder{color:var(--text-muted)}.type-filters{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s}.filter-chip:hover{border-color:var(--border-bright);color:var(--text-primary)}.filter-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.docs-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:24px;padding:16px 24px}.doc-stat{display:flex;flex-direction:column;gap:2px}.docs-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.docs-table-header{background:var(--bg-elevated);color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;padding:10px 16px;text-transform:uppercase}.docs-row,.docs-table-header{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:2fr 1.4fr 1fr 1fr .8fr 1.3fr .8fr}.docs-row{align-items:center;padding:12px 16px;transition:background .15s}.docs-row:last-child{border-bottom:none}.docs-row:hover{background:var(--bg-elevated)}.dr-name{align-items:center;color:var(--text-primary);display:flex;font-size:13px;font-weight:500;gap:8px}.dr-shipment{color:var(--text-secondary)}.dr-shipment,.dr-type{font-family:var(--font-mono);font-size:11px}.dr-type{font-weight:600}.dr-date,.dr-size{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.dr-status{align-items:center;display:flex;font-size:11px;font-weight:500;gap:5px}.dr-actions{display:flex;gap:6px}.doc-action-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .15s;width:28px}.doc-action-btn:hover:not(:disabled){border-color:var(--border-bright);color:var(--text-primary)}.doc-action-btn:disabled{cursor:not-allowed;opacity:.35}.settings-page{gap:24px;max-width:900px}.settings-grid,.settings-page{display:flex;flex-direction:column}.settings-grid{gap:12px}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ss-header{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:14px 20px}.ss-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:13px;font-weight:600}.ss-body{padding:4px 0}.setting-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:13px 20px}.setting-row:last-child{border-bottom:none}.sr-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.sr-label{color:var(--text-primary);font-size:13px;font-weight:500}.sr-desc{color:var(--text-muted);font-size:11px}.toggle{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:11px;flex-shrink:0;height:22px;position:relative;transition:background .2s,border-color .2s;width:40px}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{background:var(--text-muted);border-radius:50%;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s,background .2s;width:16px}.toggle.on .toggle-thumb{background:#000;transform:translateX(18px)}.profile-row{align-items:flex-start;display:flex;gap:20px;padding:20px}.profile-avatar{align-items:center;background:var(--accent);border-radius:12px;color:#000;display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:16px;font-weight:700;height:56px;justify-content:center;width:56px}.profile-fields{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr 1fr 1fr}.field-group{display:flex;flex-direction:column;gap:5px}.field-group label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.settings-input{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.settings-input:focus{border-color:var(--accent)}.settings-select{background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);min-width:120px;outline:none;padding:6px 10px}.settings-btn-outline,.settings-select{border:1px solid var(--border-bright);border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.settings-btn-outline{background:none;color:var(--text-secondary);font-family:var(--font-body);font-weight:500;padding:6px 14px;transition:all .15s;white-space:nowrap}.settings-btn-outline:hover{border-color:var(--accent);color:var(--accent)}.settings-footer{display:flex;justify-content:flex-end}.save-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#000;cursor:pointer;display:flex;font-family:var(--font-body);font-size:13px;font-weight:700;gap:8px;padding:10px 24px;transition:opacity .15s,transform .15s}.save-btn:hover{opacity:.85;transform:translateY(-1px)}.save-btn:active{transform:translateY(0)}.landing{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.land-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07080ad9;border-bottom:1px solid #ffffff0a;height:64px;justify-content:space-between;left:0;padding:0 48px;position:fixed;right:0;top:0;z-index:200}.land-logo,.land-nav{align-items:center;display:flex}.land-logo{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;gap:10px;text-decoration:none}.land-logo-icon{align-items:center;background:var(--accent);border-radius:8px;box-shadow:0 0 16px var(--accent-glow);display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.land-nav-links{display:flex;gap:32px}.land-nav-links a{color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.land-login-btn,.land-nav-links a:hover{color:var(--text-primary)}.land-login-btn{background:var(--bg-elevated);border:1px solid var(--border-bright);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.land-login-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.land-hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:64px;position:relative}.world-canvas{height:100%;inset:0;opacity:.7;position:absolute;width:100%}.land-hero:after{background:radial-gradient(ellipse 70% 60% at 50% 60%,#0000 0,var(--bg-primary) 80%);content:"";inset:0;pointer-events:none;position:absolute}.hero-content{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:780px;padding:0 24px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;background:var(--accent-dim);border:1px solid #00d4ff33;border-radius:20px;color:var(--accent);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:600;gap:8px;letter-spacing:.03em;padding:6px 16px}.hb-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}.hero-headline{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(48px,7vw,88px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--green) 100%);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-secondary);font-size:17px;font-weight:400;line-height:1.7;max-width:580px}.hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-primary{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);box-shadow:0 0 24px var(--accent-glow);color:#000;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:700;gap:8px;padding:14px 28px;transition:all .2s}.cta-primary:hover{box-shadow:0 0 40px var(--accent-glow);transform:translateY(-2px)}.cta-arrow{transition:transform .2s}.cta-primary:hover .cta-arrow{transform:translateX(4px)}.cta-ghost{align-items:center;border:1px solid var(--border-bright);border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-size:14px;font-weight:500;padding:13px 24px;text-decoration:none;transition:all .2s}.cta-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-tag{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:11px;padding:4px 12px}.hero-scroll-hint{bottom:32px;color:var(--text-muted);font-size:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.land-stats{background:var(--bg-secondary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:48px 0}.stats-inner{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:900px}.land-stat{border-right:1px solid var(--border);padding:16px 24px;text-align:center}.land-stat:last-child{border-right:none}.land-stat-val{color:var(--accent);font-family:var(--font-display);font-size:44px;font-weight:800;line-height:1;margin-bottom:8px}.land-stat-label{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.section-inner{margin:0 auto;max-width:1100px;padding:0 32px}.section-label{color:var(--accent);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.section-heading{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.15;margin-bottom:48px;max-width:560px}.land-features{padding:100px 0}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:default;overflow:hidden;padding:28px;position:relative;transition:border-color .2s}.feature-card:hover{border-color:var(--border-bright)}.fc-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:52px;justify-content:center;margin-bottom:16px;width:52px}.fc-title{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:10px}.fc-desc{color:var(--text-secondary);font-size:13px;line-height:1.7}.fc-glow{border-radius:50%;bottom:-30px;filter:blur(32px);height:80px;opacity:.12;pointer-events:none;position:absolute;right:-30px;width:80px}.land-how{background:var(--bg-secondary);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:100px 0}.steps-row{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.step-card{border-right:1px solid var(--border);padding:32px;position:relative}.step-card:last-child{border-right:none}.step-num{color:var(--border-bright);font-size:56px;font-weight:800;line-height:1;margin-bottom:20px}.step-num,.step-title{font-family:var(--font-display)}.step-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:10px}.step-desc{color:var(--text-secondary);font-size:13px;line-height:1.7}.land-cta-banner{padding:100px 32px}.cta-banner-inner{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-xl);margin:0 auto;max-width:700px;overflow:hidden;padding:64px 48px;position:relative;text-align:center}.cta-banner-glow{background:var(--accent);border-radius:50%;filter:blur(80px);height:200px;left:50%;opacity:.1;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:300px}.cta-banner-inner h2{color:var(--text-primary);font-family:var(--font-display);font-size:32px;font-weight:700;margin-bottom:12px}.cta-banner-inner p{color:var(--text-secondary);font-size:15px;margin-bottom:32px}.land-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:32px 48px}.footer-copy{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-secondary)}@media (max-width:900px){.features-grid{grid-template-columns:1fr 1fr}.steps-row{grid-template-columns:1fr}.step-card{border-bottom:1px solid var(--border);border-right:none}.stats-inner{grid-template-columns:repeat(2,1fr)}.land-nav{padding:0 24px}.land-nav-links{display:none}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}.stats-inner{grid-template-columns:1fr 1fr}.land-footer{flex-direction:column;gap:16px;text-align:center}}.auth-shell{background:var(--bg-primary);display:flex;min-height:100vh;overflow:hidden;position:relative}.auth-bg-grid{background-image:linear-gradient(#1e253099 1px,#0000 0),linear-gradient(90deg,#1e253099 1px,#0000 0);background-size:48px 48px;inset:0}.auth-bg-grid,.auth-bg-orb{pointer-events:none;position:fixed;z-index:0}.auth-bg-orb{border-radius:50%;filter:blur(120px)}.auth-bg-orb.o1{animation:orbFloat 14s ease-in-out infinite alternate;background:radial-gradient(circle,#00d4ff12 0,#0000 70%);height:600px;left:-100px;top:-200px;width:600px}.auth-bg-orb.o2{animation:orbFloat 18s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#00e5a00d 0,#0000 70%);bottom:-100px;height:450px;right:-50px;width:450px}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.auth-split{width:100%;z-index:1}.auth-brand,.auth-split{display:flex;position:relative}.auth-brand{align-items:center;background:var(--bg-secondary);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;overflow:hidden;padding:60px 48px;width:480px}.auth-brand:before{background:linear-gradient(90deg,#0000,var(--accent) 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.ab-content{max-width:360px;width:100%}.ab-logo{gap:10px;margin-bottom:40px}.ab-logo,.ab-logo-icon{align-items:center;display:flex}.ab-logo-icon{background:var(--accent);border-radius:9px;box-shadow:0 0 20px var(--accent-glow);font-size:16px;height:36px;justify-content:center;width:36px}.ab-logo-name{font-size:20px}.ab-headline,.ab-logo-name{color:var(--text-primary);font-family:var(--font-display);font-weight:700}.ab-headline{font-size:32px;line-height:1.2;margin-bottom:14px}.ab-desc{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:36px}.ab-trust{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:20px}.ab-trust-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:10px}.ab-trust-dot{background:var(--green);border-radius:50%;box-shadow:0 0 6px #00e5a099;flex-shrink:0;height:6px;width:6px}.ab-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ab-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;text-align:center}.ab-stat-val{color:var(--accent);display:block;font-family:var(--font-display);font-size:22px;font-weight:700}.ab-stat-label{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.auth-form-panel{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 32px}.auth-card{max-width:440px;width:100%}.auth-step{display:flex;flex-direction:column;gap:20px}.auth-back-btn{align-items:center;align-self:flex-start;background:none;border:none;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:12px;gap:6px;padding:0;transition:color .15s}.auth-back-btn:hover{color:var(--text-secondary)}.auth-step-icon{align-items:center;border-radius:14px;display:flex;font-size:22px;height:52px;justify-content:center;width:52px}.auth-step-icon.cyan{background:var(--accent-dim);border:1px solid #00d4ff33}.auth-step-icon.green{background:var(--green-dim);border:1px solid #00e5a033}.auth-step-icon.yellow{background:var(--yellow-dim);border:1px solid #f5c84233}.auth-step-title{color:var(--text-primary);font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.2}.auth-step-sub{color:var(--text-secondary);font-size:14px;line-height:1.6;margin-top:-8px}.auth-fields{gap:12px}.auth-fields,.field-wrap{display:flex;flex-direction:column}.field-wrap{gap:5px}.field-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.field-input{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field-input.err{border-color:var(--red);box-shadow:0 0 0 3px var(--red-dim)}.field-input::placeholder{color:var(--text-muted)}.field-input-wrap{position:relative}.field-input-wrap .field-input{padding-right:42px}.field-toggle-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s}.field-toggle-btn:hover{color:var(--text-secondary)}.field-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pw-strength{display:flex;flex-direction:column;gap:5px}.pw-bars{display:flex;gap:4px}.pw-bar{background:var(--border);border-radius:2px;flex:1 1;height:3px;transition:background .3s}.pw-bar.active.weak{background:var(--red)}.pw-bar.active.fair{background:var(--orange)}.pw-bar.active.good{background:var(--yellow)}.pw-bar.active.strong{background:var(--green)}.pw-label{font-family:var(--font-mono);font-size:10px}.pw-label.weak{color:var(--red)}.pw-label.fair{color:var(--orange)}.pw-label.good{color:var(--yellow)}.pw-label.strong{color:var(--green)}.auth-submit{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);box-shadow:0 0 20px var(--accent-glow);color:#000;cursor:pointer;display:flex;font-family:var(--font-body);font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 0 32px var(--accent-glow);transform:translateY(-1px)}.auth-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.auth-submit.green-btn{background:var(--green);box-shadow:0 0 20px #00e5a04d}.auth-submit.green-btn:hover:not(:disabled){box-shadow:0 0 32px #00e5a066}.btn-spinner{animation:bspin .7s linear infinite;border:2px solid #00000040;border-radius:50%;border-top-color:#000;height:16px;width:16px}@keyframes bspin{to{transform:rotate(1turn)}}.auth-error-box{background:var(--red-dim);border:1px solid #ff4d6a33;border-radius:var(--radius-sm);color:var(--red)}.auth-error-box,.auth-info-box{align-items:flex-start;display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;line-height:1.5;padding:10px 14px}.auth-info-box{background:var(--accent-dim);border:1px solid #00d4ff33;border-radius:var(--radius-sm);color:var(--accent)}.auth-success-box{align-items:center;background:var(--green-dim);border:1px solid #00e5a033;border-radius:var(--radius-sm);color:var(--green);display:flex;font-family:var(--font-mono);font-size:12px;gap:8px;padding:10px 14px}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:11px;gap:12px}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.auth-link-row{color:var(--text-secondary);font-size:13px;text-align:center}.auth-link-row button{background:none;border:none;color:var(--accent);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;transition:opacity .15s}.auth-link-row button:hover{opacity:.75}.otp-boxes{display:flex;gap:8px;justify-content:center}.otp-box{background:var(--bg-card);border:1.5px solid var(--border-bright);border-radius:var(--radius-md);caret-color:var(--accent);color:var(--text-primary);font-family:var(--font-mono);font-size:22px;font-weight:700;height:58px;outline:none;text-align:center;transition:border-color .15s,box-shadow .15s,background .15s;width:50px}.otp-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.otp-box.filled{background:var(--accent-dim);border-color:var(--accent)}.otp-box.err{background:var(--red-dim);border-color:var(--red)}.otp-box.ok{background:var(--green-dim);border-color:var(--green);color:var(--green)}.fallback-otp-box{background:#f5c8420f;border:1px solid #f5c84240;border-radius:var(--radius-md);padding:14px 16px}.fob-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.fob-label{color:var(--yellow);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fob-toggle{align-items:center;background:none;border:none;color:var(--yellow);cursor:pointer;display:flex;font-family:var(--font-body);font-size:11px;gap:4px;opacity:.8;transition:opacity .15s}.fob-toggle:hover{opacity:1}.fob-code{color:var(--yellow);display:block;font-size:28px;font-weight:700;letter-spacing:.2em;margin-bottom:6px}.fob-code,.fob-hint{font-family:var(--font-mono);text-align:center}.fob-hint{color:#f5c84299;font-size:10px}.resend-row{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;justify-content:center}.resend-btn{align-items:center;background:none;border:1px solid var(--border-bright);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:12px;gap:5px;padding:5px 12px;transition:all .15s}.resend-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.resend-timer{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.resend-timer strong{color:var(--accent)}.sec-badges{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-top:8px}.sec-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;padding:3px 10px}@media (max-width:860px){.auth-split{flex-direction:column}.auth-brand{border-bottom:1px solid var(--border);border-right:none;padding:32px 24px;width:100%}.ab-stats{display:none}}:root{--bg-primary:#07080a;--bg-secondary:#0d0f12;--bg-card:#111418;--bg-elevated:#161b22;--border:#1e2530;--border-bright:#2a3444;--text-primary:#e8ecf0;--text-secondary:#7a8a9a;--text-muted:#3d4d5c;--accent:#00d4ff;--accent-dim:#00d4ff1f;--accent-glow:#00d4ff40;--green:#00e5a0;--green-dim:#00e5a01f;--yellow:#f5c842;--yellow-dim:#f5c8421f;--red:#ff4d6a;--red-dim:#ff4d6a1f;--orange:#ff8c42;--orange-dim:#ff8c421f;--font-display:"Syne",sans-serif;--font-body:"Instrument Sans",sans-serif;--font-mono:"IBM Plex Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 1px 3px #0006,0 4px 16px #0000004d;--shadow-elevated:0 8px 32px #00000080,0 2px 8px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#07080a;background:var(--bg-primary);color:#e8ecf0;color:var(--text-primary);font-family:Instrument Sans,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2a3444;background:var(--border-bright);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#3d4d5c;background:var(--text-muted)}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}button,input,select,textarea{font-family:Instrument Sans,sans-serif;font-family:var(--font-body)}.mono{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.text-accent{color:#00d4ff;color:var(--accent)}.text-green{color:#00e5a0;color:var(--green)}.text-red{color:#ff4d6a;color:var(--red)}.text-yellow{color:#f5c842;color:var(--yellow)}.text-muted{color:#7a8a9a;color:var(--text-secondary)}.text-mono{font-family:IBM Plex Mono,monospace;font-family:var(--font-mono)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:128px;opacity:.018;position:fixed;z-index:0}.scan-effect:after,body:before{content:"";height:100%;left:0;pointer-events:none;top:0;width:100%}.scan-effect:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px);border-radius:inherit;position:absolute}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fade-up .4s ease forwards}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#111418 25%,#161b22 50%,#111418 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}
/*# sourceMappingURL=main.16b6b90d.css.map*/