@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--navy-bg: #020b1a;--navy-panel: #0a192f;--navy-dark: #01050d;--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .4);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .3);--royal: #3b82f6;--royal-glow: rgba(59, 130, 246, .3);--danger: #ef4444;--text-white: #ffffff;--text-dim: #94a3b8;--text-primary: #1e293b;--text-secondary: #64748b;--bg-main: #f0f4f8;--panel-border: rgba(255, 255, 255, .08);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .04);--premium-shadow: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--font-main: "Inter", "Segoe UI", system-ui, sans-serif;--transition: all .3s cubic-bezier(.16, 1, .3, 1);--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.glass-sidebar{width:240px;background:var(--navy-bg);display:flex;flex-direction:column;color:var(--text-white);border-right:1px solid var(--panel-border);flex-shrink:0}.navy-widget{background:var(--navy-panel);border-radius:12px;border:1px solid var(--panel-border);transition:var(--transition)}.nav-menu{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-category{font-size:10px;font-weight:800;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin:1.5rem 0 .5rem .5rem;opacity:.6}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:13px;font-weight:600;transition:var(--transition);background:transparent;border:none;width:100%;text-align:left;cursor:pointer}.sidebar-nav-item:hover{background:#ffffff0d;color:var(--text-white)}.sidebar-nav-item.active{background:#113254;color:var(--text-white)}.sidebar-nav-item svg{transition:var(--transition)}.sidebar-nav-item.active svg{color:var(--amber)}.main-content{flex:1;padding:1.5rem 2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.premium-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000008,inset 0 0 0 1px #ffffff80;border:1px solid #f1f5f9;transition:all .4s cubic-bezier(.175,.885,.32,1.15);position:relative;overflow:hidden;animation:slideUp .6s ease-out forwards}.premium-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;border-color:var(--royal-glow)}.nav-category{font-size:9px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin:1.25rem 0 .4rem;padding:0 1rem;opacity:.6;border:none}.matrix-category{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;color:#1e293b;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-pill{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-main);border-radius:12px;font-size:13px;font-weight:700;transition:var(--transition)}.status-bar-container{height:6px;background:#0000000d;border-radius:10px;overflow:hidden;margin-top:4px}.status-bar-fill{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.16,1,.3,1)}.layout-matrix{display:flex;flex-direction:column;gap:1.5rem}.matrix-row{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem}.icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:1.25rem .5rem;border-radius:16px;background:#fff;border:1px solid #f8fafc;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:11px;font-weight:700;color:#64748b;box-shadow:0 1px 2px #00000005}.icon-btn:hover{background:#fff;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000000d;border-color:inherit}.icon-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.05));transition:.3s cubic-bezier(.34,1.56,.64,1)}.icon-btn:hover svg{transform:scale(1.15)}.connection-warning{background:#fffbeb;border-left:4px solid var(--amber);color:#92400e;padding:1rem;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:10px}.profile-container{position:relative}.profile-pill{background:#fff;padding:6px 14px;border-radius:30px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;cursor:pointer;transition:var(--transition)}.profile-pill:hover{border-color:var(--amber);box-shadow:0 4px 12px #f59e0b1a}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:var(--navy-panel);border-radius:12px;border:1px solid var(--panel-border);box-shadow:0 10px 25px #0000004d;padding:8px;z-index:1000;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);background:transparent;border:none;width:100%;text-align:left}.dropdown-item:hover{background:#ffffff0d;color:var(--text-white)}.dropdown-item.danger:hover{background:#ef44441a;color:var(--danger)}.dropdown-divider{height:1px;background:var(--panel-border);margin:6px 8px}.control-ribbon{background:#fff;border:1px solid #e2e8f0;border-left:4px solid var(--royal);border-radius:12px;display:flex;align-items:center;padding:4px 5px;gap:0;height:48px;box-shadow:0 4px 15px #0000000d}.ribbon-section{display:flex;align-items:center;gap:12px;padding:0 15px;position:relative}.ribbon-section:not(:last-child):after{content:"";position:absolute;right:0;height:20px;width:1px;background:#f1f5f9}.ribbon-label{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:1px}.ribbon-value{font-size:15px;font-weight:800;color:#1e293b;font-variant-numeric:tabular-nums}.ribbon-stat-group{display:flex;gap:15px}.ribbon-stat-item{display:flex;flex-direction:column;align-items:center}.ribbon-stat-item .label{font-size:8px;font-weight:800;color:#94a3b8;letter-spacing:.5px}.ribbon-stat-item .value{font-size:13px;font-weight:800}.ops-progress-container{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden;margin:1rem 0}.ops-progress-bar{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--amber) 0%,var(--emerald) 100%);transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.ops-metric-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;margin-bottom:8px;border:1px solid transparent;transition:var(--transition)}.ops-metric-row.blue{background:#f0f7ff;border-color:#e0efff}.ops-metric-row.green{background:#f0fdf4;border-color:#dcfce7}.ops-metric-row.red{background:#fef2f2;border-color:#fee2e2}.ops-metric-info{display:flex;align-items:center;gap:12px}.ops-icon-box{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;box-shadow:0 2px 4px #00000005}.ops-label{font-size:13px;font-weight:700;color:#475569}.ops-value{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.2px}.ops-footer-link{margin-top:auto;padding-top:1rem;display:flex;justify-content:flex-end;align-items:center;gap:6px;color:var(--royal);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #f1f5f9;cursor:pointer;transition:var(--transition)}.ops-footer-link:hover{gap:10px;opacity:.8}.badge-red{background:var(--danger);color:#fff;font-size:10px;padding:1px 6px;border-radius:6px;font-weight:800;margin-left:6px}.card-action-list{display:flex;flex-direction:column;gap:2px}.action-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;background:#fff;border:1px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.action-item:hover{transform:translate(4px);background:var(--bg-main);border-color:#e2e8f0}.action-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.action-text{font-size:11px;font-weight:700;color:#475569;letter-spacing:.1px}.seller-rank-list{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.25rem}.seller-item{display:flex;align-items:center;gap:14px;position:relative}.seller-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0;box-shadow:0 4px 6px #0000000d;border:1px solid rgba(255,255,255,.8)}.seller-info{flex:1}.seller-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.seller-name{font-size:12px;font-weight:800;color:#1e293b;letter-spacing:-.2px}.seller-val{font-size:11px;font-weight:900;color:#1e293b}.seller-bar-bg{height:6px;background:#f1f5f9;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.seller-bar-fill{height:100%;border-radius:10px;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.seller-rank-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.trophy-container{background:#fffbeb;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #f59e0b1a}.rank-badge-box{width:44px;height:44px;border-radius:12px;border:2px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:2px}.rank-badge-box .top-text{font-size:8px;font-weight:900;text-transform:uppercase;margin-bottom:2px}.trend-pill{background:#f0fdf4;padding:4px 8px;border-radius:20px;display:flex;align-items:center;gap:4px;color:#10b981;font-size:10px;font-weight:700;border:1px solid #dcfce7}.rank-gold{border-color:#fde68a;background:#fffdf5}.rank-gold .top-text{color:#b45309}.rank-silver{border-color:#cbd5e1;background:#f8fafc}.rank-silver .top-text{color:#475569}.rank-bronze{border-color:#94a3b8;background:#f1f5f9}.rank-bronze .top-text{color:#64748b}.login-split-container{display:flex;min-height:100vh;width:100vw;background:#fff;overflow-x:hidden}.login-branding-side{flex:1.2;background:linear-gradient(135deg,#020b1a,#0a192f);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:4rem;position:relative;text-align:center;overflow:hidden}.login-branding-side:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(245,158,11,.08) 1px,transparent 1px);background-size:50px 50px;z-index:2;opacity:.4}.login-branding-side:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/branding-bg-BZWzrVM_.png);background-size:cover;background-position:center;opacity:.18;filter:grayscale(100%) brightness(.9) contrast(1.1);z-index:1;mix-blend-mode:overlay}.branding-content{position:relative;z-index:10;max-width:500px;animation:fadeIn .8s ease-out}.branding-logo-circle{width:160px;height:160px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 40px #f59e0b0d;position:relative}.branding-logo-circle:after{content:"";position:absolute;width:130%;height:130%;background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 70%);z-index:-1}.branding-slogan{font-size:44px;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1.5px;text-shadow:0 10px 20px rgba(0,0,0,.3)}.branding-subtext{font-size:18px;color:#94a3b8;font-weight:500;margin-bottom:3rem}.branding-footer{position:absolute;bottom:3rem;font-size:13px;color:#64748b;font-weight:500;letter-spacing:.5px}.login-form-side{flex:.8;display:flex;align-items:center;justify-content:center;padding:4rem;background:#fff;z-index:20}.login-form-content{width:100%;max-width:380px;animation:slideInRight .8s cubic-bezier(.16,1,.3,1)}.login-form-header{margin-bottom:2.5rem;text-align:center}.login-form-title{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:8px}.login-type-toggle{display:flex;gap:15px;justify-content:center;margin-bottom:2.5rem}.toggle-opt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#64748b;padding:8px 16px;border-radius:20px;border:1.5px solid #e2e8f0;cursor:pointer;transition:all .2s}.toggle-opt.active{border-color:#f28b1e;background:#fff7ed;color:#f28b1e}.modern-input-group{margin-bottom:1.5rem}.modern-label{display:block;font-size:11px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.modern-input-wrapper{position:relative}.modern-input{width:100%;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:14px;font-weight:600;color:#0f172a;transition:all .2s}.modern-input:focus{outline:none;border-color:#f28b1e;box-shadow:0 0 0 4px #f28b1e1a}.modern-login-btn{width:100%;background:linear-gradient(to right,#f28b1e,#e67e22);color:#fff;border:none;border-radius:10px;padding:16px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s;margin-top:2rem;box-shadow:0 10px 15px -3px #f28b1e4d}.modern-login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #f28b1e66}.create-account-text{margin-top:2rem;text-align:center;font-size:14px;color:#64748b;font-weight:600}.create-account-text span{color:#f28b1e;cursor:pointer}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.login-branding-side{display:none}.login-form-side{flex:1;padding:2rem}}.nav-menu::-webkit-scrollbar{width:4px}.nav-menu::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.support-btn-glass{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.support-btn-glass:hover{background:#ffffff14;border-color:#10b98166;transform:translateY(-2px);box-shadow:0 10px 20px #0003,0 0 15px #10b9811a}.support-btn-glass .icon-box{width:32px;height:32px;background:#10b9811a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#10b981;transition:all .3s}.support-btn-glass:hover .icon-box{background:#10b981!important;color:#fff!important;transform:scale(1.1) rotate(5deg)}.nav-accordion-item{margin-bottom:4px}.nav-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s;font-family:inherit}.nav-accordion-header:hover{background:#ffffff0d;color:#fff}.nav-accordion-header.active{color:#fff;background:#ffffff08}.nav-accordion-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s;max-height:0;opacity:0;padding-left:1rem}.nav-accordion-content.expanded{max-height:500px;opacity:1;padding-bottom:8px}.nav-sub-item{width:100%;display:flex;align-items:center;gap:12px;padding:.6rem 1rem;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s;font-size:.8rem;font-weight:500;text-align:left}.nav-sub-item:hover{background:#ffffff08;color:var(--amber)}.nav-sub-item.active{color:var(--amber);background:#f59e0b0d;font-weight:700}.nav-sub-item .sub-dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.5}.light-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a73;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.light-modal-container{background:#fff;width:100%;max-width:1100px;max-height:90vh;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.2);animation:modalIn .3s cubic-bezier(.4,0,.2,1)}.light-modal-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #f1f5f9}.light-modal-content{flex:1;overflow-y:auto;background:#f8fafc;padding:0 24px 24px}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modern-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000005;flex:1}.table-body-scroll{flex:1;overflow-y:auto;max-height:400px}.header-cell{padding:12px 16px;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center}.table-row{display:flex;align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .1s}.table-row:hover{background:#f8fafc}.table-row.selected{background:#eff6ff;border-left:4px solid #2563eb}.table-row.selected .data-cell{padding-left:12px}.data-cell{padding:12px 16px;font-size:13px;display:flex;align-items:center;color:#1e293b;box-sizing:border-box}.toolbar-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s;min-width:64px}.toolbar-btn:hover:not(:disabled){background:#f8fafc;border-color:#e2e8f0}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn span{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase}.icon-box-tool{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.icon-box-tool.blue{background:#eff6ff;color:#2563eb}.icon-box-tool.blue-light{background:#f0f9ff;color:#0369a1}.icon-box-tool.red-light{background:#fef2f2;color:#dc2626}.icon-box-tool.gray{background:#f1f5f9;color:#94a3b8}.toolbar-btn:hover .icon-box-tool.blue{background:#2563eb;color:#fff}.search-box-modern{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:0 14px;gap:10px;height:38px;width:260px;transition:all .2s}.search-box-modern:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.search-box-modern input{border:none;background:transparent;outline:none;font-size:13px;font-weight:600;color:#1e293b;width:100%}.confirm-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0f172a66;display:flex;justify-content:center;align-items:center;z-index:1500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px}.confirm-card{background:#fff;padding:24px;border-radius:16px;width:320px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 20px 25px -5px #0000001a}.confirm-card h3{margin:12px 0 8px;font-size:16px;font-weight:800;color:#0f172a}.confirm-card p{margin:0 0 20px;font-size:13px;color:#64748b;font-weight:500;line-height:1.5}.btn-confirm{flex:1;padding:10px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.btn-cancel{flex:1;padding:10px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.table-body-scroll::-webkit-scrollbar{width:6px}.table-body-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.table-body-scroll::-webkit-scrollbar-track{background:transparent}.operational-grid{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.ops-scroll-container{flex:1;overflow:auto;position:relative}.ops-table-min-width{min-width:1800px}.ops-header{display:flex;background:#f1f5f9;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10}.ops-row{display:flex;border-bottom:1px solid #f1f5f9;transition:all .1s;cursor:pointer}.ops-row:hover{background:#f8fafc}.ops-row.selected{background:#eff6ff}.ops-cell{padding:8px 12px;font-size:11px;font-weight:600;color:#334155;border-right:1px solid #f1f5f9;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-cell.header{font-weight:800;color:#475569;text-transform:uppercase;background:#f1f5f9}.ops-cell.numeric{justify-content:flex-end;font-family:Inter,sans-serif;font-weight:800}.ops-cell.code{font-family:monospace;color:#64748b}.ops-footer{padding:8px 16px;background:#f8fafc;border-top:2px solid #e2e8f0;font-size:11px;font-weight:800;color:#64748b}.table-footer-modern{padding:10px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;min-height:42px}.table-footer-modern span{font-size:11px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.table-footer-modern .help-text{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:10px;font-weight:600}.close-btn-circle{background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.close-btn-circle:hover{background:#e2e8f0;color:#0f172a}.ref-field-group{display:flex;flex-direction:column;gap:4px}.ref-input,.ref-select{width:100%;font-family:var(--font-main);font-size:12px;color:var(--text-primary);padding:8px 12px;border-radius:6px;border:1px solid #e2e8f0;background-color:#fff;outline:none;transition:.2s;box-sizing:border-box}.ref-input:focus,.ref-select:focus{border-color:var(--royal);box-shadow:0 0 0 1px var(--royal)}.ref-input::placeholder{color:#cbd5e1;font-weight:400}.ref-input-group{display:flex;align-items:stretch;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .3s ease;overflow:hidden}.ref-input-group:focus-within:not(.ref-input-disabled){border-color:var(--royal);box-shadow:0 0 0 2px #0b2c851a}.ref-input-group.ref-input-disabled{border-color:#e2e8f0;box-shadow:none;pointer-events:none}.ref-input-addon{background:#f8fafc;border-right:1px solid #e2e8f0;padding:0 10px;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#64748b;flex-shrink:0}.ref-input-borderless{width:100%;border:none;outline:none;padding:8px 12px;font-family:var(--font-main);font-size:12px;color:var(--text-primary);background:transparent}.ref-select-custom{width:100%;border:none;outline:none;padding:8px 32px 8px 12px;font-family:var(--font-main);font-size:12px;color:var(--text-primary);background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ref-btn-primary{padding:6px 20px;border-radius:6px;border:none;background:linear-gradient(180deg,#2563eb,#1d4ed8);font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33,0 1px 2px #0000000d;display:flex;align-items:center;gap:8px}.ref-btn-primary:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb40}.ref-btn-primary:active{transform:translateY(0)}.ref-btn-primary:focus{outline:none;box-shadow:0 0 0 3px var(--royal-glow),0 2px 4px #2563eb33;border-color:var(--royal)}.ref-btn-primary:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.ref-btn-secondary{padding:6px 16px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.ref-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.ref-btn-secondary:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px var(--royal-glow)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ref-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:ref-skeleton-shimmer 2s infinite linear;border-radius:4px;height:12px;width:100%}@keyframes ref-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ref-pulse{animation:ref-pulse-anim 1.5s ease-in-out infinite}@keyframes ref-pulse-anim{0%,to{opacity:.6}50%{opacity:1}}.industrial-select-container{font-family:var(--font-main)}.industrial-select-trigger{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:38px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000005}.industrial-select-trigger:hover{border-color:#cbd5e1;background:#fdfdfd}.industrial-select-trigger.active{border-color:var(--royal);box-shadow:0 0 0 3px var(--royal-glow);background:#fff}.select-prefix{display:flex;align-items:center;gap:6px;padding:0 10px;background:#f8fafc;border-right:1px solid #e2e8f0;height:100%;border-radius:8px 0 0 8px}.select-prefix .prefix-text{font-size:10px;font-weight:800;color:#475569;letter-spacing:.5px}.select-value-box{display:flex;align-items:center;justify-content:space-between;flex:1;padding:0 12px}.select-value{font-size:12px;font-weight:700;color:#1e293b}.select-arrow{color:#94a3b8;display:flex;align-items:center;transition:transform .2s ease}.industrial-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:500;max-height:250px;overflow-y:auto;padding:0;transform-origin:top center;animation:menuSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-5px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.industrial-select-option{padding:8px 12px;font-size:11px;font-weight:500;color:#334155;border-radius:0;cursor:pointer;transition:all .1s ease;display:flex;align-items:center}.industrial-select-option:hover{background:#f0f7ff!important;color:#0f172a!important}.industrial-select-option.selected{background:#eff6ff!important;color:var(--royal)!important}.industrial-select-menu::-webkit-scrollbar{width:6px}.industrial-select-menu::-webkit-scrollbar-track{background:transparent;margin:4px 0}.industrial-select-menu::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.industrial-select-menu::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.kyron-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f8fafc;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 10px center;background-size:14px;border:1px solid #cbd5e1;border-radius:8px;padding:0 32px 0 12px;font-size:11px;font-weight:700;color:#1e293b;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.kyron-select:hover{border-color:#94a3b8;background-color:#fff}.kyron-select:focus{border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 3px #3b82f626}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}