*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.h-full,body,html{height:100%}.min-h-100vh,.min-h-screen{min-height:100vh}.max-w-6xl{max-width:72rem}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.money-gradient{background:linear-gradient(135deg,#ecfdf5,#dbeafe 30%,#ede9fe 60%,#fef3c7);background-attachment:fixed;min-height:100vh}.bg-gradient-main{background:linear-gradient(135deg,#fffbeb,#f8fafc 50%,#f1f5f9)}.bg-gradient-gold{background:linear-gradient(90deg,#f59e0b,#d97706)}.bg-gradient-silver{background:linear-gradient(90deg,#94a3b8,#475569)}.bg-gradient-bronze{background:linear-gradient(90deg,#d97706,#92400e)}.bg-gradient-default{background:linear-gradient(90deg,#f8fafc,#f1f5f9)}.bg-gradient-dark{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.bg-gradient-amber-button{background:linear-gradient(90deg,#f59e0b,#d97706)}.bg-gradient-amber-hover{background:linear-gradient(90deg,#d97706,#b45309)}.bg-gradient-notification{background:linear-gradient(90deg,#f59e0b,#f59e0b 50%,#f59e0b)}.bg-gradient-fade{background:linear-gradient(0deg,#f8fafc,rgba(248,250,252,.4) 50%,transparent)}.grid{display:grid}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-1{gap:.25rem}.gap-1-5{gap:.375rem}.gap-2{gap:.5rem}.flex{display:flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-1>*+*{margin-top:.25rem}.p-1{padding:.25rem}.p-1-5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-12{padding-left:3rem;padding-right:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.pt-8{padding-top:2rem}.pb-32{padding-bottom:8rem}.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}.mb-12{margin-bottom:3rem}.mt-8{margin-top:2rem}.mt-1{margin-top:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-tight{letter-spacing:-.025em}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}.text-white{color:#ffffff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-amber-100{color:#fef3c7}.text-amber-200{color:#fde68a}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-amber-500{color:#f59e0b}.bg-white{background-color:#ffffff}.bg-black{background-color:#000000}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-600{background-color:#475569}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-gray-800{background-color:#1f2937}.bg-green-500{background-color:#10b981}.bg-red-500{background-color:#ef4444}.bg-yellow-500{background-color:#eab308}.bg-amber-300{background-color:#fcd34d}.bg-amber-400{background-color:#fbbf24}.bg-amber-500{background-color:#f59e0b}.bg-amber-600{background-color:#d97706}.bg-slate-100-50{background-color:rgba(241,245,249,.5)}.bg-white-20{background-color:rgba(255,255,255,.2)}.bg-black-40{background-color:rgba(0,0,0,.4)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top-width:1px}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-slate-400{border-color:#94a3b8}.border-amber-200{border-color:#fde68a}.border-amber-300{border-color:#fcd34d}.border-t-amber-500{border-top-color:#f59e0b}.border-t-amber-300{border-top-color:#fcd34d}.border-t-transparent{border-top-color:transparent}.border-transparent{border-color:transparent}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))}.backdrop-blur-sm{backdrop-filter:blur(4px)}.w-1{width:.25rem}.w-1-5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-px{width:1px}.h-1{height:.25rem}.h-1-5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.z-10{z-index:10}.z-50{z-index:50}.z-9998{z-index:9998}.z-9999{z-index:9999}.top-0{top:0}.top-3{top:.75rem}.top-20{top:5rem}.top-40{top:10rem}.top-1-2{top:50%}.top-full{top:100%}.right-0{right:0}.right-3{right:.75rem}.right-20{right:5rem}.right-32{right:8rem}.bottom-0{bottom:0}.bottom-20{bottom:5rem}.bottom-32{bottom:8rem}.left-0{left:0}.left-20{left:5rem}.left-40{left:10rem}.left-1-2{left:50%}.transform{transform:var(--tw-transform)}.translate-x-neg-1-2{transform:translateX(-50%)}.translate-y-neg-1-2{transform:translateY(-50%)}.center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.translate-y-0{transform:translateY(0)}.translate-y-2{transform:translateY(.5rem)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-100{opacity:1}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.toolbar-inline{display:flex;align-items:center;gap:6px;background:rgba(248,250,252,.6);border-radius:6px;padding:4px 6px;border:1px solid rgba(226,232,240,.5)}.toolbar-spacer{width:175px;visibility:hidden}.toolbar{position:fixed;top:12px;right:12px;z-index:50;gap:6px;background:rgba(255,255,255,.95);border-radius:8px;padding:6px 8px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.06);backdrop-filter:blur(8px)}.toolbar,.toolbar-item{display:flex;align-items:center}.toolbar-item{justify-content:center}.toolbar-status{position:relative;cursor:help;padding:2px}.toolbar-status-dot{width:8px;height:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.08)}.toolbar-status-icon{color:white;font-size:5px;font-weight:700;line-height:1}.toolbar-tooltip{position:absolute;top:100%;right:0;margin-top:6px;background:#1f2937;color:white;font-size:11px;padding:6px 8px;border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);white-space:nowrap;z-index:100}.toolbar-divider{width:1px;height:14px;background:rgba(226,232,240,.6)}.toolbar-button{width:22px;height:22px;padding:4px;border:none;background:transparent;border-radius:3px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s ease}.toolbar-button:hover:not(:disabled){background:rgba(241,245,249,.8);color:#334155}.toolbar-button:active:not(:disabled){transform:scale(.92)}.toolbar-button:disabled{opacity:.25;cursor:not-allowed}.toolbar-zoom-display{padding:2px 5px;border:none;background:transparent;border-radius:3px;cursor:pointer;outline:none;transition:all .15s ease;min-width:36px}.toolbar-zoom-display:hover{background:rgba(241,245,249,.8)}.toolbar-zoom-text{font-size:9px;font-weight:600;color:#64748b;letter-spacing:-.02em}body.portrait-mode .toolbar{transform:rotate(90deg);transform-origin:center;top:auto;right:auto;bottom:12px;left:12px}.connection-status-button{position:fixed;top:12px;right:12px;z-index:50;padding:0;border:none;background:transparent;cursor:default;outline:none}.connection-status-indicator{width:12px;height:12px;border-radius:50%;cursor:help;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.connection-status-icon{color:white;font-size:6px;font-weight:700;line-height:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromTop{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-in{animation-fill-mode:both}.fade-in{animation:fadeIn .3s ease-out}.zoom-in-95{animation:zoomIn .7s ease-out}.slide-in-from-top-5{animation:slideInFromTop .7s ease-out}.duration-300{animation-duration:.3s}.duration-600{animation-duration:.6s}.duration-700{animation-duration:.7s}.animation-delay-150{animation-delay:.15s}.animation-delay-500{animation-delay:.5s}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.btn-primary{background:linear-gradient(90deg,#f59e0b,#d97706);color:white;font-weight:700;padding:1.5rem 3rem;font-size:1.25rem;border-radius:1rem;border:none;cursor:pointer;transition:all .3s ease;transform:scale(1)}.btn-primary:hover{background:linear-gradient(90deg,#d97706,#b45309);transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{background:#475569;color:#94a3b8;cursor:not-allowed;transform:scale(.95)}.position-1{background:linear-gradient(90deg,#fbbf24,#d97706);color:white;box-shadow:0 10px 15px -3px rgba(245,158,11,.3)}.position-2{background:linear-gradient(90deg,#94a3b8,#475569);color:white;box-shadow:0 10px 15px -3px rgba(148,163,184,.3)}.position-3{background:linear-gradient(90deg,#d97706,#92400e);color:white;box-shadow:0 10px 15px -3px rgba(217,119,6,.3)}.position-default{background:linear-gradient(90deg,#f8fafc,#f1f5f9);color:#1e293b;border:1px solid #e2e8f0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg-radial-pattern-1{background:radial-gradient(circle at 50% 50%,rgba(251,191,36,.3),transparent 50%)}.bg-radial-pattern-2{background:radial-gradient(circle at 80% 20%,rgba(251,191,36,.2),transparent 50%)}.bg-radial-pattern-3{background:radial-gradient(circle at 20% 80%,rgba(251,191,36,.2),transparent 50%)}.text-6xl{font-size:3.75rem;line-height:1}.group{position:relative}.group-hover-scale-110{transition:transform .2s ease}.group:hover .group-hover-scale-110{transform:scale(1.1)}.group-hover-opacity-20{transition:opacity .3s ease}.group:hover .group-hover-opacity-20{opacity:.2}.orientation-toggle-button{position:fixed;top:12px;right:32px;z-index:50;width:28px;height:28px;padding:6px;border:none;background:rgba(255,255,255,.9);border-radius:6px;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .2s ease}.orientation-toggle-button:hover{background:rgba(255,255,255,1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transform:scale(1.05)}.orientation-toggle-button:active{transform:scale(.95)}.orientation-icon{color:#475569;transition:transform .3s ease}.orientation-toggle-button:hover .orientation-icon{color:#1e293b}body.portrait-mode{transform:rotate(-90deg);transform-origin:center center;width:100vh;height:100vw;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;left:0;margin-left:calc((100vw - 100vh) / 2);margin-top:calc((100vh - 100vw) / 2)}body.portrait-mode .min-h-screen{min-height:100vw}body.portrait-mode .connection-status-button{transform:rotate(90deg);top:auto;right:auto;bottom:12px;left:12px}body.portrait-mode .orientation-toggle-button{transform:rotate(90deg);top:auto;right:auto;bottom:12px;left:40px}body.portrait-mode .orientation-toggle-button:hover{transform:rotate(90deg) scale(1.05)}body.portrait-mode .orientation-toggle-button:active{transform:rotate(90deg) scale(.95)}body.portrait-mode .connection-status-button{display:none}body.portrait-mode .connection-status-button .absolute{transform:rotate(90deg);transform-origin:top left}body.portrait-mode .fixed.inset-0{width:100vh;height:100vw}body.portrait-mode .center-absolute{transform:translate(-50%,-50%)}body[data-zoom="30"]{--zoom-scale:0.3}body[data-zoom="40"]{--zoom-scale:0.4}body[data-zoom="50"]{--zoom-scale:0.5}body[data-zoom="60"]{--zoom-scale:0.6}body[data-zoom="70"]{--zoom-scale:0.7}body[data-zoom="80"]{--zoom-scale:0.8}body[data-zoom="90"]{--zoom-scale:0.9}body[data-zoom="100"]{--zoom-scale:1}body[data-zoom="110"]{--zoom-scale:1.1}body[data-zoom="120"]{--zoom-scale:1.2}body[data-zoom="130"]{--zoom-scale:1.3}body[data-zoom="140"]{--zoom-scale:1.4}body[data-zoom="150"]{--zoom-scale:1.5}body[data-zoom] main{font-size:calc(1rem * var(--zoom-scale))}body[data-zoom] .p-6{padding:calc(1.5rem * var(--zoom-scale))}body[data-zoom] .pt-8{padding-top:calc(2rem * var(--zoom-scale))}body[data-zoom] .pb-32{padding-bottom:calc(8rem * var(--zoom-scale))}body[data-zoom] .mb-6{margin-bottom:calc(1.5rem * var(--zoom-scale))}body[data-zoom] .mb-3{margin-bottom:calc(.75rem * var(--zoom-scale))}body[data-zoom] .mb-2{margin-bottom:calc(.5rem * var(--zoom-scale))}body[data-zoom] .mb-4{margin-bottom:calc(1rem * var(--zoom-scale))}body[data-zoom] .text-3xl{font-size:calc(1.875rem * var(--zoom-scale));line-height:calc(2.25rem * var(--zoom-scale))}body[data-zoom] .text-xl{font-size:calc(1.25rem * var(--zoom-scale));line-height:calc(1.75rem * var(--zoom-scale))}body[data-zoom] .text-base{font-size:calc(1rem * var(--zoom-scale));line-height:calc(1.5rem * var(--zoom-scale))}body[data-zoom] .text-sm{font-size:calc(.875rem * var(--zoom-scale));line-height:calc(1.25rem * var(--zoom-scale))}body[data-zoom] .text-xs{font-size:calc(.75rem * var(--zoom-scale));line-height:calc(1rem * var(--zoom-scale))}body[data-zoom] .rounded-lg{border-radius:calc(.5rem * var(--zoom-scale))}body[data-zoom] .p-2{padding:calc(.5rem * var(--zoom-scale))}body[data-zoom] .gap-3{gap:calc(.75rem * var(--zoom-scale))}body[data-zoom] .space-y-2>*+*{margin-top:calc(.5rem * var(--zoom-scale))}body[data-zoom] .w-8{width:calc(2rem * var(--zoom-scale))}body[data-zoom] .h-8{height:calc(2rem * var(--zoom-scale))}body[data-zoom] .w-24{width:calc(6rem * var(--zoom-scale))}body[data-zoom] .h-1{height:calc(.25rem * var(--zoom-scale))}body[data-zoom] .max-w-6xl{max-width:calc(72rem * var(--zoom-scale))}