*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--surface: #ffffff;--surface2: #f7f7f7;--border: #e8e8e8;--border2: #ddd;--mid: #cccccc;--dim: #999999;--text: #000000;--text2: #333333;--text3: #666666;--text4: #888888;--text5: #aaaaaa;--uber: #000000;--uber-blue: #276ef1;--uber-green: #06c167;--uber-red: #e11937;--accent: #000000}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-full{grid-column:1 / -1}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.resize-none{resize:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.h-14{height:3.5rem}.h-24{height:6rem}.h-32{height:8rem}.h-36{height:9rem}.h-80{height:20rem}.h-70vh{height:70vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-500{max-width:500px}.max-w-200{max-width:200px}.max-w-400{max-width:400px}.min-w-200{min-width:200px}.min-w-0{min-width:0}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1-5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-6{padding-top:1.5rem}.pt-14{padding-top:3.5rem}.pb-4{padding-bottom:1rem}.text-2xs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.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}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:#fff}.text-black{color:#000}.text-muted{color:var(--text5)}.text-secondary{color:var(--text4)}.text-dim{color:var(--text3)}.text-light{color:var(--text2)}.text-dark{color:var(--mid)}.text-darker{color:var(--dim)}.text-error{color:var(--uber-red)}.text-success{color:var(--uber-green)}.text-success-light{color:#34d399}.text-info{color:var(--uber-blue)}.text-info-light{color:#568af2}.text-warning{color:#d97706}.text-star{color:#f59e0b}.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-surface{background-color:var(--surface)}.bg-surface2{background-color:var(--surface2)}.bg-border{background-color:var(--border)}.bg-mid{background-color:var(--mid)}.bg-dim{background-color:var(--dim)}.bg-error{background-color:#fef2f2}.bg-success{background-color:#f0fdf4}.bg-success-dark{background-color:#06c167}.bg-info{background-color:#eff6ff}.bg-warning{background-color:#fffbeb}.bg-gradient-black{background:linear-gradient(135deg,#000,#1a1a1a)}.bg-overlay{background:#0006}.border-surface{border:1px solid var(--border)}.border-mid{border:1px solid var(--mid)}.border-dim{border:1px solid var(--dim)}.border-light{border:1px solid #e0e0e0}.border-dark{border:1px solid #ddd}.border-error{border:1px solid #fecaca}.border-success{border:1px solid #bbf7d0}.border-info{border:1px solid #bfdbfe}.border-warning{border:1px solid #fde68a}.border-transparent{border:1px solid transparent}.border-t-surface{border-top:1px solid var(--border)}.border-b-surface{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t-transparent{border-top:1px solid transparent}.border-white{border:1px solid #fff}.border-2{border-width:2px}.rounded{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;line-height:1;letter-spacing:-.01em}.btn:active{transform:scale(.97)}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333}.btn-white{background:#fff;color:#000;border:1px solid var(--border)}.btn-white:hover{background:var(--surface2)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-outline:hover{background:var(--surface2);border-color:var(--mid)}.btn-ghost{background:transparent;color:var(--text3);border:none}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-xs{padding:.25rem .625rem;font-size:.675rem}.btn-icon{padding:.5rem;min-width:unset}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border2)}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.input{width:100%;padding:.75rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;outline:none;transition:border-color .2s ease}.input:focus{border-color:#000}.input::placeholder{color:var(--text5)}.input-light{background:var(--surface);border:1px solid var(--border)}.input-light:focus{border-color:#000}.select{width:100%;padding:.75rem 1rem;background:var(--surface2);border:1px solid var(--border);border-radius:.5rem;color:var(--text2);font-size:.875rem;outline:none;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select:focus{border-color:#000}.textarea{width:100%;padding:.75rem 1rem;resize:none;background:var(--surface2);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;outline:none;min-height:6rem;transition:border-color .2s ease}.textarea:focus{border-color:#000}.textarea::placeholder{color:var(--text5)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;border-radius:9999px;font-weight:500}.badge-white{background:var(--surface2);color:var(--text2)}.badge-success{background:#f0fdf4;color:#16a34a}.badge-error{background:#fef2f2;color:var(--uber-red)}.badge-warning{background:#fffbeb;color:#d97706}.badge-info{background:#eff6ff;color:var(--uber-blue)}.badge-purple{background:#f5f3ff;color:#7c3aed}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem;color:var(--text4);font-weight:500;font-size:.875rem;border-bottom:1px solid var(--border)}.table td{padding:.75rem;border-bottom:1px solid var(--border);font-size:.875rem}.object-cover{object-fit:cover}.cursor-pointer{cursor:pointer}.opacity-60{opacity:.6}.opacity-0{opacity:0}.opacity-100{opacity:1}.max-h-96{max-height:24rem}.max-h-0{max-height:0}.ring-2{ring:2px solid currentColor;box-shadow:0 0 0 2px currentColor}.ring-white{box-shadow:0 0 0 2px #000}.spinner{border:2px solid #e0e0e0;border-top-color:#000;border-radius:50%;width:2rem;height:2rem;animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:1.5px}.rotate-180{transform:rotate(180deg)}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.top-2{top:.5rem}.left-2{left:.5rem}.z-50{z-index:50}.z-10{z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes notification{0%{transform:translate(100%);opacity:0}20%{transform:translate(-10px);opacity:1}80%{transform:translate(-10px);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes rotateIn{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes flipIn{0%{transform:perspective(400px) rotateX(-90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0000000d}50%{box-shadow:0 0 15px #0000001a}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fadeIn{animation:fadeIn .4s ease forwards}.animate-fadeInUp{animation:fadeInUp .5s ease forwards}.animate-fadeInDown{animation:fadeInDown .3s ease forwards}.animate-fadeInScale{animation:fadeInScale .3s ease forwards}.animate-slideInRight{animation:slideInRight .4s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-scaleIn{animation:scaleIn .3s ease forwards}.animate-bounceIn{animation:bounceIn .5s ease forwards}.animate-rotateIn{animation:rotateIn .4s ease forwards}.animate-zoomIn{animation:zoomIn .3s ease forwards}.animate-flipIn{animation:flipIn .5s ease forwards}.animate-countUp{animation:countUp .6s ease forwards}.animate-slideUp{animation:slideUp .4s ease forwards}.animate-shake{animation:shake .5s ease}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-slideDown{animation:slideDown .3s ease forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.stagger>*{opacity:0;animation:fadeInUp .5s ease forwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.hover-glow{transition:all .2s ease}.hover-glow:hover{box-shadow:0 0 20px #0000000f}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.h-surface:hover{background:var(--surface2)}.h-bg-gray-200:hover{background:#e5e5e5}.h-border-dim:hover{border-color:var(--dim)}.h-text-white:hover{color:#000}.h-underline:hover{text-decoration:underline}.f-border-dim:focus{border-color:var(--dim)}.f-outline-none:focus{outline:none}.skeleton{background:linear-gradient(90deg,#e8e8e8 25%,#f0f0f0,#e8e8e8 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.375rem}.transition,.transition-all{transition:all .2s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .3s ease}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}.duration-500{transition-duration:.5s}.link{color:var(--text3);text-decoration:none;transition:color .2s ease}.link:hover{color:var(--text)}a{color:inherit;text-decoration:none}.img-placeholder{background:var(--surface2);display:flex;align-items:center;justify-content:center;color:var(--mid);font-size:.75rem}.toast{position:fixed;top:4rem;right:1rem;z-index:100;padding:.75rem 1.25rem;border-radius:.5rem;background:#000;color:#fff;font-size:.875rem;box-shadow:0 8px 24px #00000026;animation:notification 3s ease forwards}.divider{height:1px;background:var(--border);margin:1.5rem 0}.focus-ring:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}@media (min-width: 769px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-2{grid-column:span 2}.md\:col-span-3{grid-column:span 3}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:p-5{padding:1.25rem}.md\:gap-4{gap:1rem}.md\:text-lg{font-size:1.125rem}}@media (max-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:col-span-2{grid-column:span 2}.md\:flex{display:flex}.md\:hidden{display:none}}@media (max-width: 640px){.sm\:grid-cols-1{grid-template-columns:1fr}.sm\:flex-col{flex-direction:column}.sm\:text-center{text-align:center}}