@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base: #0f1523;--bg-surface: rgba(17, 24, 39, .85);--bg-elevated: rgba(22, 31, 52, .9);--bg-hover: rgba(28, 39, 64, .95);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-md: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .035);--border-glass: rgba(255, 255, 255, .09);--border-focus: rgba(16, 185, 129, .7);--border-em: rgba(16, 185, 129, .2);--text-primary: #e8edf5;--text-secondary: #7b93b8;--text-muted: #3d516e;--text-inverse: #0f1523;--accent: #10b981;--accent-hover: #34d399;--accent-muted: rgba(16, 185, 129, .1);--accent-glow: rgba(16, 185, 129, .3);--accent-glow-sm: rgba(16, 185, 129, .15);--accent-2: #14b8a6;--accent-2-muted: rgba(20, 184, 166, .08);--accent-2-glow: rgba(20, 184, 166, .25);--success: #22c55e;--success-muted: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .1);--danger: #f43f5e;--danger-muted: rgba(244, 63, 94, .1);--info: #38bdf8;--info-muted: rgba(56, 189, 248, .1);--purple: #a78bfa;--purple-muted: rgba(167, 139, 250, .1);--orange: #fb923c;--orange-muted: rgba(251, 146, 60, .1);--radius-sm: 7px;--radius-md: 11px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 6px 20px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .35);--shadow-xl: 0 28px 70px rgba(0, 0, 0, .65);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .055), inset 0 -1px 0 rgba(0, 0, 0, .15);--shadow-em: 0 0 24px rgba(16, 185, 129, .2), 0 0 48px rgba(16, 185, 129, .08);--shadow-em-sm: 0 0 12px rgba(16, 185, 129, .18);--sidebar-width: 244px;--font-display: "Inter", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--spring: .28s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(ellipse 65% 55% at 0% 0%,rgba(16,185,129,.08) 0%,transparent 55%),radial-gradient(ellipse 50% 45% at 100% 100%,rgba(20,184,166,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 70% at 50% 50%,rgba(15,21,35,.97) 0%,transparent 100%);background-attachment:fixed}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#10b98138;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#10b98173}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes orbDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(45px,-35px) scale(1.07)}66%{transform:translate(-28px,18px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(.4)}25%{opacity:.6}75%{opacity:.2}to{opacity:0;transform:translateY(-90px) scale(1.1)}}@keyframes glowPulse{0%,to{opacity:.55;filter:blur(20px)}50%{opacity:.9;filter:blur(26px)}}.animate-fadeIn{animation:fadeIn .36s ease forwards}.animate-scaleIn{animation:scaleIn .26s var(--spring) forwards}.animate-float{animation:float 4s ease-in-out infinite}.particle-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.particle-field:before{content:"";position:absolute;border-radius:50%;width:520px;height:520px;background:radial-gradient(circle,rgba(16,185,129,.09) 0%,transparent 65%);top:-160px;left:-120px;animation:orbDrift 20s ease-in-out infinite}.particle-field:after{content:"";position:absolute;border-radius:50%;width:420px;height:420px;background:radial-gradient(circle,rgba(20,184,166,.065) 0%,transparent 65%);bottom:-130px;right:-90px;animation:orbDrift 25s ease-in-out infinite reverse;animation-delay:-9s}.glass{background:var(--bg-surface);border:1px solid var(--border-glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(255,255,255,.03) 0%,transparent 50%);border-radius:inherit;pointer-events:none}.card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-glass);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%)}.card-lift{transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-em)}input,textarea,select{font-family:var(--font-sans);background:#081412b3;border:1px solid var(--border-glass);color:var(--text-primary);border-radius:var(--radius-md);padding:9px 13px;font-size:.875rem;transition:all var(--transition);outline:none;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);background:#0a1c18d1;box-shadow:0 0 0 3px var(--accent-muted),var(--shadow-em-sm)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:#080f0d;color:var(--text-primary)}label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.07em;text-transform:uppercase}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none}.tt-table{width:100%;border-collapse:collapse}.tt-table th{padding:11px 15px;text-align:left;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:#040a09a6;border-bottom:1px solid var(--border)}.tt-table td{padding:13px 15px;border-bottom:1px solid var(--border-subtle);font-size:.875rem;color:var(--text-primary);vertical-align:middle;transition:background var(--transition)}.tt-table tbody tr:hover td{background:#10b98109}.tt-table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#040a09cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#081210f7;border:1px solid var(--border-glass);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:scaleIn .24s var(--spring);box-shadow:var(--shadow-xl),inset 0 1px #ffffff0d;position:relative}.modal:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:.65}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-title{font-size:1.08rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.filter-bar input,.filter-bar select{width:auto;min-width:155px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--border-subtle);position:relative}.page-header:after{content:"";position:absolute;bottom:-1px;left:0;width:48px;height:1px;background:linear-gradient(90deg,var(--accent),transparent);box-shadow:var(--shadow-em-sm)}.page-title{font-size:1.52rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 25%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:.84rem;color:var(--text-muted);margin-top:3px}.auth-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.auth-bg:before,.auth-bg:after{content:"";position:fixed;border-radius:50%;pointer-events:none;animation:orbDrift 18s ease-in-out infinite}.auth-bg:before{width:680px;height:680px;top:-260px;left:-220px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 65%);animation-duration:20s}.auth-bg:after{width:520px;height:520px;bottom:-190px;right:-160px;background:radial-gradient(circle,rgba(20,184,166,.085) 0%,transparent 65%);animation-duration:26s;animation-direction:reverse;animation-delay:-11s}.tt-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.tt-spinner{width:34px;height:34px;border:2px solid rgba(16,185,129,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;filter:drop-shadow(0 0 6px var(--accent-glow))}.progress-bar{height:4px;background:#ffffff0d;border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--accent-glow-sm)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:500}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;box-shadow:0 0 5px currentColor}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-em{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{text-align:center;padding:72px 20px;background:#ffffff03;border:1px dashed rgba(255,255,255,.065);border-radius:var(--radius-xl)}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);transform:skew(-18deg);transition:left .55s ease}.shine:hover:after{left:160%}
