@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--bg-canvas: #FFFFFF;--bg-page: #F8F9FF;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--bg-input: #F4F5FF;--bg-muted: #F1F3F9;--bg-hover: #F0F0FF;--purple-50: #F3F1FF;--purple-100: #E7E3FF;--purple-200: #C9C0FE;--purple-300: #A89EFC;--purple-400: #8B7CF9;--purple-500: #6C63F6;--purple-600: #5B4CF5;--purple-700: #4A38E8;--purple-800: #3927CB;--purple-900: #2A1BAA;--accent: var(--purple-500);--accent-dark: var(--purple-600);--accent-light: var(--purple-50);--accent-mid: var(--purple-200);--accent-grad: linear-gradient(135deg, #6C63F6 0%, #8B7CF9 50%, #B06EF5 100%);--accent-grad-h: linear-gradient(135deg, #5B4CF5 0%, #7A6BF8 50%, #9F5DEE 100%);--accent-glow: 0 8px 32px rgba(108, 99, 246, .28);--accent-glow-lg: 0 16px 48px rgba(108, 99, 246, .35);--text-primary: #0F0E1A;--text-secondary: #3D3A5C;--text-muted: #7B78A8;--text-dim: #A09DC8;--text-white: #FFFFFF;--border-light: #ECEAF8;--border: #E0DDFF;--border-strong: #C5C0F8;--border-accent: rgba(108, 99, 246, .3);--green: #10B981;--green-bg: #ECFDF5;--green-border: #A7F3D0;--amber: #F59E0B;--amber-bg: #FFFBEB;--amber-border: #FDE68A;--red: #EF4444;--red-bg: #FEF2F2;--red-border: #FECACA;--blue: #3B82F6;--blue-bg: #EFF6FF;--blue-border: #BFDBFE;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 32px;--r-full: 9999px;--shadow-xs: 0 1px 3px rgba(15,14,26,.06), 0 1px 2px rgba(15,14,26,.04);--shadow-sm: 0 2px 8px rgba(15,14,26,.07), 0 1px 3px rgba(15,14,26,.05);--shadow-md: 0 4px 16px rgba(15,14,26,.08), 0 2px 8px rgba(15,14,26,.04);--shadow-lg: 0 8px 32px rgba(15,14,26,.1), 0 4px 12px rgba(15,14,26,.05);--shadow-xl: 0 16px 48px rgba(15,14,26,.12), 0 8px 20px rgba(15,14,26,.06);--shadow-card: 0 2px 12px rgba(108,99,246,.06), 0 1px 4px rgba(15,14,26,.06);--shadow-hover: 0 8px 28px rgba(108,99,246,.14), 0 4px 12px rgba(15,14,26,.07);--shadow-btn: 0 4px 14px rgba(108,99,246,.3);--shadow-btn-h: 0 6px 20px rgba(108,99,246,.4);--perspective: 1200px;--t-fast: .12s cubic-bezier(.16, 1, .3, 1);--t-normal: .22s cubic-bezier(.16, 1, .3, 1);--t-slow: .38s cubic-bezier(.16, 1, .3, 1);--t-spring: .45s cubic-bezier(.34, 1.56, .64, 1);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--color-bg-primary: var(--bg-page);--color-bg-secondary: var(--bg-muted);--color-bg-tertiary: var(--bg-input);--color-bg-card: var(--bg-surface);--color-bg-input: var(--bg-input);--color-bg-input-focus: #FFFFFF;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-accent: var(--accent);--color-accent-hover: var(--accent-dark);--color-accent-muted: var(--accent-light);--color-accent-gradient: var(--accent-grad);--color-accent-glow: var(--accent-glow);--color-border: var(--border);--color-border-strong: var(--border-strong);--color-success: var(--green);--color-success-bg: var(--green-bg);--color-warning: var(--amber);--color-warning-bg: var(--amber-bg);--color-error: var(--red);--color-error-bg: var(--red-bg);--color-info: var(--blue);--color-info-bg: var(--blue-bg);--color-hud-dark: var(--text-primary);--color-hud-gray: var(--text-secondary);--color-hud-muted: var(--text-muted);--color-hud-border: var(--border);--font-family: var(--font);--font-headers: var(--font-display);--font-tech: var(--font);--transition-fast: var(--t-fast);--transition-normal: var(--t-normal);--transition-slow: var(--t-slow);--radius-sm: var(--r-sm);--radius-md: var(--r-md);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--radius-full: var(--r-full);--glass-blur: none;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}body{font-family:var(--font);background-color:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em;color:var(--text-primary);line-height:1.25}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--accent-dark)}.app-layout{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{width:240px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-light);padding:var(--sp-6) 0 var(--sp-4);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;box-shadow:2px 0 16px #6c63f60a;transition:transform var(--t-normal)}.sidebar-logo{padding:0 var(--sp-5);margin-bottom:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}.logo-icon{width:34px;height:34px;background:var(--accent-grad);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:14px;font-family:var(--font-display);box-shadow:var(--shadow-btn);flex-shrink:0;transition:box-shadow var(--t-fast)}.logo-icon:hover{box-shadow:var(--shadow-btn-h)}.sidebar-logo h1{font-family:var(--font-display);font-size:1.1rem;font-weight:900;letter-spacing:-.04em;color:var(--text-primary);font-size:1.05rem}.sidebar-nav{flex:1;padding:0 var(--sp-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav a,.sidebar-nav button.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);border-radius:var(--r-md);color:var(--text-muted);font-size:.84375rem;font-weight:500;font-family:var(--font);transition:all var(--t-fast);width:100%;border:none;background:none;cursor:pointer;text-align:left;letter-spacing:-.01em;text-decoration:none}.sidebar-nav a:hover,.sidebar-nav button.nav-link:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-nav a.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-nav a.active svg{color:var(--accent)}.sidebar-section-label{padding:var(--sp-4) var(--sp-4) var(--sp-2);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);font-weight:700}.main-content{flex:1;margin-left:240px;padding:var(--sp-8) var(--sp-10);min-height:100vh;z-index:10}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-6) var(--sp-8);box-shadow:var(--shadow-card);transition:transform var(--t-normal),box-shadow var(--t-normal);position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-3d{transform-style:preserve-3d;perspective:var(--perspective);transition:transform var(--t-spring),box-shadow var(--t-normal)}.card-3d:hover{transform:perspective(var(--perspective)) rotateX(-2deg) rotateY(2deg) translateY(-4px);box-shadow:var(--shadow-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-light)}.card-header h2{font-size:.9375rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.card-grid{display:grid;gap:var(--sp-5)}.card-grid-2{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.card-grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--shadow-card);transition:transform var(--t-normal),box-shadow var(--t-normal);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-grad);border-radius:var(--r-xl) var(--r-xl) 0 0;opacity:0;transition:opacity var(--t-normal)}.stat-card:hover:before{opacity:1}.stat-value{font-family:var(--font-display);font-size:2.25rem;font-weight:900;letter-spacing:-.05em;margin-top:var(--sp-3);color:var(--text-primary);line-height:1}.stat-label{font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.card-illus{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:100px;height:100px;display:flex;align-items:center;justify-content:center;pointer-events:none}.illus-orb{width:72px;height:72px;background:var(--accent-grad);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #6c63f659,0 4px 16px #6c63f633;animation:floatOrb 4s ease-in-out infinite;color:#fff}.illus-orb-sm{width:48px;height:48px;background:var(--accent-grad);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6c63f64d;color:#fff;flex-shrink:0}.illus-dot{position:absolute;border-radius:50%;background:var(--accent-light);border:2px solid var(--accent-mid);animation:floatDot 3s ease-in-out infinite}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}@keyframes floatDot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 18px;border-radius:var(--r-lg);font-size:.84375rem;font-weight:600;font-family:var(--font);cursor:pointer;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:all var(--t-fast);position:relative;letter-spacing:-.01em}.btn-primary{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--accent-grad-h);transform:translateY(-2px);box-shadow:var(--shadow-btn-h);color:#fff}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-btn)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 4px 14px #ef44444d;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-light)}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:var(--r-sm);gap:5px}.btn-lg{padding:13px 28px;font-size:.9375rem;border-radius:var(--r-xl);font-weight:700}.btn:disabled{opacity:.45;pointer-events:none}.form-group{margin-bottom:var(--sp-5)}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-2);letter-spacing:-.01em}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font);transition:all var(--t-fast);outline:none;font-weight:400}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6c63f61f}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.table-container{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--border-light);background:var(--bg-surface);box-shadow:var(--shadow-card)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:11px 16px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700;border-bottom:1px solid var(--border-light);background:var(--bg-muted)}.data-table td{padding:12px 16px;font-size:.875rem;border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-secondary);transition:background var(--t-fast)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-page)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid transparent;font-family:var(--font)}.badge-accent{background:var(--purple-100);color:var(--purple-700);border-color:var(--purple-200)}.badge-success{background:var(--green-bg);color:#059669;border-color:var(--green-border)}.badge-warning{background:var(--amber-bg);color:#d97706;border-color:var(--amber-border)}.badge-error{background:var(--red-bg);color:#dc2626;border-color:var(--red-border)}.badge-info{background:var(--blue-bg);color:#2563eb;border-color:var(--blue-border)}.badge-secondary{background:var(--bg-muted);color:var(--text-muted);border-color:var(--border)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-8);gap:var(--sp-4)}.page-header h1{font-size:1.75rem;font-weight:900;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.04em}.page-header .subtitle{color:var(--text-muted);font-size:.875rem;margin-top:3px;font-weight:400}.tabs{display:flex;gap:var(--sp-1);border-bottom:1.5px solid var(--border-light);margin-bottom:var(--sp-6)}.tab{padding:9px var(--sp-5);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all var(--t-fast);margin-bottom:-1.5px;border-radius:var(--r-xs) var(--r-xs) 0 0}.tab:hover{color:var(--text-secondary);background:var(--bg-hover)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0e1a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:var(--sp-4)}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-2xl);padding:var(--sp-8) var(--sp-10);max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal h2{font-size:1.2rem;font-weight:800;font-family:var(--font-display);margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-light)}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-8)}.empty-state .icon{font-size:3rem;margin-bottom:var(--sp-4)}.empty-state h3{font-size:1rem;font-weight:700;color:var(--text-secondary);margin-bottom:var(--sp-2)}.empty-state p{font-size:.875rem;color:var(--text-muted)}.score-bar{height:6px;background:var(--bg-muted);border-radius:var(--r-full);overflow:hidden}.score-bar-fill{height:100%;border-radius:var(--r-full);transition:width var(--t-slow)}.score-high{background:var(--green)}.score-mid{background:var(--amber)}.score-low{background:var(--red)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:linear-gradient(160deg,#f8f9ff,#ede9ff,#f3f1ff);position:relative;overflow:hidden}.auth-page:before{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,246,.12) 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%;pointer-events:none;animation:floatOrb 8s ease-in-out infinite}.auth-page:after{content:"";position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(176,110,245,.1) 0%,transparent 70%);bottom:-100px;left:-100px;border-radius:50%;pointer-events:none;animation:floatOrb 6s ease-in-out infinite reverse}.auth-card{background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:var(--r-2xl);padding:var(--sp-12);width:100%;max-width:460px;box-shadow:var(--shadow-xl),0 0 80px #6c63f614;position:relative;z-index:1}.auth-card .logo-section{text-align:center;margin-bottom:var(--sp-8)}.auth-card .logo-section h1{font-size:1.75rem;font-weight:900;color:var(--text-primary);margin-top:var(--sp-3)}.auth-card .logo-section p{color:var(--text-muted);font-size:.875rem;margin-top:var(--sp-2)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:var(--sp-4);background:var(--bg-page)}.timer{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--bg-surface);border:1.5px solid var(--border);color:var(--text-primary);box-shadow:var(--shadow-xs)}.timer.warning{color:var(--amber);border-color:var(--amber-border);background:var(--amber-bg)}.timer.danger{color:var(--red);border-color:var(--red-border);background:var(--red-bg)}.sidebar-footer{padding:var(--sp-4) var(--sp-3) 0;margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-2);border-top:1px solid var(--border-light)}.form-builder{display:flex;gap:var(--sp-6)}.form-builder-canvas{flex:1;min-height:400px}.form-builder-palette{width:280px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:var(--sp-5);position:sticky;top:20px;max-height:calc(100vh - 140px);overflow-y:auto;box-shadow:var(--shadow-sm)}.field-block{background:var(--bg-muted);border:1px solid var(--border-light);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);cursor:grab;transition:all var(--t-fast);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.field-block:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translate(4px);box-shadow:var(--shadow-xs)}.table-grid{overflow-x:auto;border:1px solid var(--border-light);border-radius:var(--r-md)}.table-grid table{width:100%;border-collapse:collapse}.table-grid th{background:var(--bg-muted);padding:var(--sp-3) var(--sp-4);font-size:.7rem;font-weight:700;color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-light)}.table-grid td{padding:var(--sp-3);border-top:1px solid var(--border-light)}.table-grid input{width:100%;padding:7px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-primary);font-size:.875rem;font-family:var(--font);transition:border-color var(--t-fast)}.table-grid input:focus{border-color:var(--accent);outline:none;background:#fff}.candidate-form{max-width:800px;margin:0 auto;padding:var(--sp-12) var(--sp-4)}.candidate-form .form-header{text-align:center;margin-bottom:var(--sp-12)}.candidate-form .form-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--r-xl);padding:var(--sp-8);margin-bottom:var(--sp-6);box-shadow:var(--shadow-card)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse3d{0%,to{transform:perspective(800px) rotateX(0) rotateY(0) translateZ(0)}25%{transform:perspective(800px) rotateX(-2deg) rotateY(2deg) translateZ(8px)}75%{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateZ(4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--t-normal)}.animate-slideUp{animation:slideUp var(--t-slow)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-mid)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.main-content{margin-left:0;padding:var(--sp-6)}.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;gap:var(--sp-3)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.mr-2{margin-right:var(--sp-2)}.ml-2{margin-left:var(--sp-2)}.ml-auto{margin-left:auto}.p-4{padding:var(--sp-4)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.hidden{display:none}.opacity-50{opacity:.5}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relative{position:relative}.absolute{position:absolute}