:root{--font-family: "Outfit", sans-serif;--bg-deep: hsl(220, 20%, 5%);--bg-surface: hsl(220, 20%, 10%);--bg-elevated: hsl(220, 20%, 15%);--primary: hsl(210, 100%, 60%);--primary-glow: hsla(210, 100%, 60%, .3);--success: hsl(150, 80%, 50%);--success-glow: hsla(150, 80%, 50%, .2);--warning: hsl(35, 100%, 60%);--danger: hsl(0, 80%, 60%);--text-main: hsl(210, 20%, 95%);--text-muted: hsl(210, 10%, 60%);--text-dim: hsl(210, 10%, 40%);--border: hsla(210, 20%, 100%, .08);--glass: hsla(220, 20%, 10%, .7);--shadow-sm: 0 2px 4px rgba(0,0,0,.3);--shadow-md: 0 8px 16px rgba(0,0,0,.4);--shadow-lg: 0 24px 48px rgba(0,0,0,.5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-deep);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(circle at 0% 0%,hsla(210,100%,60%,.05) 0%,transparent 40%),radial-gradient(circle at 100% 100%,hsla(280,100%,60%,.05) 0%,transparent 40%)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,.input-field{width:100%;font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);outline:none;transition:border-color .2s}input:focus,.input-field:focus{border-color:var(--primary)}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.self-end{align-self:flex-end}.self-baseline{align-self:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1 0%}.flex-none{flex:none}.text-right{text-align:right}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.p-1{padding:4px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.p-12{padding:48px}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-8{margin-top:32px}.mb-1{margin-top:4px}.mb-4{margin-top:16px}.mb-6{margin-top:24px}.mb-8{margin-top:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.text-xs{font-size:14px}.text-sm{font-size:15.5px}.text-\[9px\]{font-size:11.5px}.text-\[10px\]{font-size:12.5px}.text-\[11px\]{font-size:13.5px}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-indigo-400{color:#818cf8}.text-emerald-400{color:#34d399}.text-rose-400{color:#fb7185}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-indigo-500{background-color:#6366f1}.bg-indigo-500\/5{background-color:#6366f10d}.bg-indigo-500\/10{background-color:#6366f11a}.bg-emerald-500\/20{background-color:#10b98133}.bg-rose-500{background-color:#f43f5e}.bg-\[\#0a0a0c\]{background-color:#0a0a0c}.bg-header{background-color:#0a0a0ce0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.selection\:bg-indigo-500\/30 *::selection{background-color:#6366f14d;color:#fff}.selection\:bg-indigo-500\/30 ::selection{background-color:#6366f14d;color:#fff}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.border-white\/5{border:1px solid rgba(255,255,255,.05)}.border-white\/10{border:1px solid rgba(255,255,255,.1)}.border-indigo-500\/10{border:1px solid rgba(99,102,241,.1)}.border-indigo-500\/20{border:1px solid rgba(99,102,241,.2)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.z-40{z-index:40}.z-50{z-index:50}.top-0{top:0}.sticky{position:sticky}.w-full{width:100%}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-12{width:48px}.h-12{height:48px}.w-16{width:64px}.h-16{height:64px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-2xl{border-radius:16px}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.h-full{height:100%}.min-h-\[220px\]{min-height:220px}.min-h-\[400px\]{min-height:400px}.h-\[300px\]{height:300px}.h-\[260px\]{height:260px}.h-\[220px\]{height:220px}.h-\[340px\]{height:340px}.max-h-\[600px\]{max-height:600px}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-none{flex:none}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}}.btn-primary{background:var(--primary);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;transition:all .2s;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text-main);padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:var(--danger);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-weight:600;transition:all .2s;box-shadow:0 4px 12px #f43f5e33}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f43f5e4d}.btn-danger:active{transform:translateY(0)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;color:var(--text-muted);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--border)}td{padding:16px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease-out forwards}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0c0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-lg);width:100%}.modal{width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#101318;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);margin-top:8px;z-index:2000;box-shadow:0 20px 40px #0009;max-height:300px;overflow-y:auto}.autocomplete-item{padding:12px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.03)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:#3399ff1a}.autocomplete-item .ticker{font-weight:600}.autocomplete-item .name{font-size:.75rem;color:var(--text-muted)}.btn-icon{padding:8px;border-radius:8px;color:var(--text-dim);transition:all .2s}.btn-icon:hover{background:var(--bg-elevated);color:#fff}.btn-icon.danger:hover{color:var(--danger)}@media (max-width: 640px){.card.overflow-hidden{padding:1px}.card.overflow-hidden td,.card.overflow-hidden th{padding-left:12px;padding-right:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.modal-overlay-top{align-items:flex-start;padding:4px 6px 6px;overflow-y:auto}.modal-overlay-top .modal-content{padding:12px}@media (max-width: 1023px){.modal-overlay-top .modal-content .mb-6,.modal-overlay-top .modal-content .mt-6{margin-top:12px!important}.modal-overlay-top .modal-content .h-\[260px\]{height:280px!important}.modal-overlay-top .modal-content .p-4{padding:12px!important}}@media (max-width: 767px){.modal-overlay-top .modal-content .h-\[260px\]{height:230px!important}.modal-overlay-top .modal-content .p-4{padding:8px!important}}@media (max-height: 780px){.modal-overlay-top .modal-content .h-\[260px\]{height:220px!important}.modal-overlay-top .modal-content .mb-6,.modal-overlay-top .modal-content .mt-6{margin-top:8px!important}}@media (min-width: 768px){.modal-overlay-top{padding:20px;padding-top:2vh}.modal-overlay-top .modal-content{padding:20px}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.modal-overlay-top{align-items:center;padding-top:20px;padding-bottom:20px}}.modal-overlay,.modal-overlay-top,.modal-content,.modal{scrollbar-width:none;-ms-overflow-style:none}.modal-overlay::-webkit-scrollbar,.modal-overlay-top::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.modal::-webkit-scrollbar{display:none}
