@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.left-\[18px\]{left:18px}.isolate{isolation:isolate}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#3b82f6\]{border-color:#3b82f6}.border-\[rgba\(255\,255\,255\,0\.1\)\]{border-color:#ffffff1a}.border-\[rgba\(255\,255\,255\,0\.08\)\]{border-color:#ffffff14}.border-t-transparent{border-top-color:#0000}.bg-\[\#0f0f17\]{background-color:#0f0f17}.bg-\[\#0f0f17\]\/80{background-color:#0f0f17cc}.bg-\[\#3b82f6\]{background-color:#3b82f6}.bg-\[rgba\(34\,197\,94\,0\.1\)\]{background-color:#22c55e1a}.bg-\[rgba\(34\,197\,94\,0\.12\)\]{background-color:#22c55e1f}.bg-\[rgba\(59\,130\,246\,0\.1\)\]{background-color:#3b82f61a}.bg-\[rgba\(59\,130\,246\,0\.12\)\]{background-color:#3b82f61f}.bg-\[rgba\(107\,114\,128\,0\.1\)\]{background-color:#6b72801a}.bg-\[rgba\(156\,163\,175\,0\.12\)\]{background-color:#9ca3af1f}.bg-\[rgba\(239\,68\,68\,0\.1\)\]{background-color:#ef44441a}.bg-\[rgba\(239\,68\,68\,0\.12\)\]{background-color:#ef44441f}.bg-\[rgba\(245\,158\,11\,0\.12\)\]{background-color:#f59e0b1f}.bg-\[rgba\(255\,255\,255\,0\.05\)\]{background-color:#ffffff0d}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#10b981\]{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#059669\]{--tw-gradient-to:#059669;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.whitespace-nowrap{white-space:nowrap}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#6b7280\]{color:#6b7280}.text-\[\#9ca3af\]{color:#9ca3af}.text-\[\#22c55e\]{color:#22c55e}.text-\[\#ef4444\]{color:#ef4444}.text-\[\#f59e0b\]{color:#f59e0b}.text-\[rgba\(255\,255\,255\,0\.4\)\]{color:#fff6}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.hover\:translate-y-\[-2px\]:hover{--tw-translate-y:-2px;translate:var(--tw-translate-x)var(--tw-translate-y)}}.focus\:border-\[\#3b82f6\]:focus{border-color:#3b82f6}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#3b82f6\]:focus{--tw-ring-color:#3b82f6}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-background:#0f0f17;--color-surface:#1a1a24;--color-surface-elevated:#21212e;--color-surface-hover:#2a2a38;--color-text-primary:#fff;--color-text-secondary:#a8b3c5;--color-text-tertiary:#75818f;--border:#ffffff0f;--border-light:#ffffff1a;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-background);color:var(--color-text-primary);overscroll-behavior:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.glass-card{background:var(--color-surface);border:none;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0000004d}.glass-card:active{transform:scale(.98)}.gradient-text{color:var(--color-text-primary);font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:1000;height:72px;padding:0 env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);background:#1a1a24cc;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000080}.bottom-nav .nav-item{min-height:56px;color:var(--color-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav .nav-item:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 0 3px 3px;height:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:-2px;left:0;right:0;transform:scaleX(0)}.bottom-nav .nav-item.active:before{transform:scaleX(1)}.bottom-nav .nav-item:active{transform:scale(.9)}.bottom-nav .nav-item.active{color:var(--color-primary)}.bottom-nav .nav-item.active .nav-icon{filter:drop-shadow(0 0 8px #667eea99)}.bottom-nav .nav-icon{width:26px;height:26px;margin-bottom:4px;transition:all .3s}.bottom-nav .nav-label{letter-spacing:.3px;font-size:11px;font-weight:600}.bottom-nav .nav-item.context-action{background:linear-gradient(#10101699,#1a1a244d);box-shadow:inset 0 0 6px #0006,inset 0 1px 3px #0000004d;color:#22c55e!important}.bottom-nav .nav-item.context-action:active{transform:scale(.95)translateY(1px);box-shadow:inset 0 0 8px #00000080,inset 0 2px 4px #0006}.bottom-nav .nav-item.context-action .nav-icon{filter:drop-shadow(0 0 6px #22c55e66);color:#22c55e!important}.bottom-nav .nav-item.context-action .nav-label{font-weight:600;color:#22c55e!important}.bottom-nav .nav-item.create-setup-btn{animation:2s ease-in-out infinite glow-pulse;color:#10b981!important}.bottom-nav .nav-item.create-setup-btn .nav-icon{filter:drop-shadow(0 0 4px #10b98180)}.bottom-nav .nav-item.create-setup-btn .nav-label{text-shadow:0 0 6px #10b98166;font-weight:600;color:#10b981!important}.bottom-nav .nav-item.create-setup-btn:active{transform:scale(.95)}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 2px #10b98166)}50%{filter:drop-shadow(0 0 6px #10b98199)}}.bottom-nav.create-setup-actions{padding:8px 16px env(safe-area-inset-bottom)16px;justify-content:space-evenly;gap:8px}.bottom-nav.create-setup-actions .nav-item{cursor:pointer;background:0 0;border:none;border-radius:12px;transition:all .2s}.bottom-nav.create-setup-actions .nav-item:disabled{opacity:.5;cursor:not-allowed}.bottom-nav .action-cancel{color:#9ca3af!important}.bottom-nav .action-cancel:hover:not(:disabled){background:#ef44441a;color:#ef4444!important}.bottom-nav .action-cancel:active:not(:disabled){background:#ef444426;transform:scale(.95)}.bottom-nav .action-cancel .nav-icon{color:inherit}.bottom-nav .action-draft{color:#fbbf24!important}.bottom-nav .action-draft:hover:not(:disabled){background:#fbbf241a}.bottom-nav .action-draft:active:not(:disabled){background:#fbbf2426;transform:scale(.95)}.bottom-nav .action-draft .nav-icon{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf2466)}.bottom-nav .action-draft .nav-label{color:#fbbf24!important}.bottom-nav .action-publish{color:#22c55e!important}.bottom-nav .action-publish:hover:not(:disabled){background:#22c55e1a}.bottom-nav .action-publish:active:not(:disabled){background:#22c55e26;transform:scale(.95)}.bottom-nav .action-publish .nav-icon{color:#22c55e;filter:drop-shadow(0 0 4px #22c55e80)}.bottom-nav .action-publish .nav-label{font-weight:700;color:#22c55e!important}.bottom-nav .action-update{color:#3b82f6!important}.bottom-nav .action-update:hover:not(:disabled){background:#3b82f61a}.bottom-nav .action-update:active:not(:disabled){background:#3b82f626;transform:scale(.95)}.bottom-nav .action-update .nav-icon{color:#3b82f6;filter:drop-shadow(0 0 4px #3b82f680)}.bottom-nav .action-update .nav-label{font-weight:700;color:#3b82f6!important}.bottom-nav.edit-mode{justify-content:space-around}.bottom-nav.edit-mode .nav-item{flex:1;max-width:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.btn-modern{cursor:pointer;background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modern:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-modern:active{transform:scale(.95)}.filter-btn{text-transform:uppercase;letter-spacing:.5px;background:var(--color-surface);border:1px solid var(--border-light);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.filter-btn:active{transform:scale(.95)}.badge-modern{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.badge-modern.active{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.badge-modern.completed{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.badge-modern.stopped{color:#ef4444;background:#ef444426;border-color:#ef44444d}.badge-modern.neutral{color:#9ca3af;background:#9ca3af26;border-color:#9ca3af4d}input[type=text]:not(.search-field),input[type=search]:not(.search-field),select,textarea{border:1px solid var(--border-light);background:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:12px;padding:14px 18px;font-size:15px;transition:all .3s}input[type=text]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--color-surface-elevated);outline:none;box-shadow:0 0 0 3px #3b82f61a}input::-moz-placeholder{color:var(--color-text-tertiary)}input::placeholder{color:var(--color-text-tertiary)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0aec0' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}@keyframes spin-modern{to{transform:rotate(360deg)}}.spinner-modern{border:3px solid #3b82f633;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin-modern}.progress-bar-modern{background:var(--color-surface);border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{background:var(--color-primary);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.stat-card-modern{background:linear-gradient(135deg,var(--color-surface)0%,var(--color-surface-elevated)100%);border-radius:20px;padding:24px;transition:transform .2s;box-shadow:0 8px 16px #0003}.stat-card-modern:active{transform:scale(.96)}.circle-progress{background:conic-gradient(var(--color-primary)var(--progress,0%),var(--color-surface)0%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:4px;display:flex;position:relative}.circle-progress-inner{background:var(--color-background);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:700;display:flex}h1{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.2}h2{letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.3}.page-title{letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800;line-height:1.2}.page-container{max-width:1280px;margin:0 auto;padding:116px 16px 168px}.page-container.no-nav{padding-top:116px;padding-bottom:120px}.page-container-with-top-toolbar{max-width:1280px;margin:0 auto;padding:136px 16px 112px}.stats-grid-2col{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}.stats-grid-3col{grid-template-columns:repeat(1,1fr);gap:12px;margin-bottom:32px;display:grid}.stats-grid-4col,.stats-grid-5col{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px;display:grid}@media(min-width:640px){.stats-grid-3col{grid-template-columns:repeat(1,1fr)}.stats-grid-5col{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.stats-grid-4col{grid-template-columns:repeat(4,1fr)}.stats-grid-3col{grid-template-columns:repeat(3,1fr)}.stats-grid-5col{grid-template-columns:repeat(5,1fr)}}.stat-card{-webkit-backdrop-filter:blur(12px);cursor:default;background:#1a1a2499;border:1px solid;border-radius:12px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.stat-card.clickable{cursor:pointer}.stat-card:hover{transform:scale(1.03)translateY(-4px);box-shadow:0 25px 50px #00000080}.stat-card.clickable:active{transform:scale(.98)}.stat-card-shine{opacity:0;background:linear-gradient(135deg,#fff0,#ffffff1a,#fff0);transition:opacity .5s;position:absolute;inset:0}.stat-card:hover .stat-card-shine{opacity:1}.stat-card-content{z-index:10;align-items:center;gap:12px;display:flex;position:relative}.stat-card-header{flex-shrink:0;align-items:center;display:flex}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0003}.stat-card:hover .stat-card-icon{transform:scale(1.05)rotate(3deg)}.stat-card-icon svg{stroke-width:2.5px;color:#ffffffe6;width:20px;height:20px}.stat-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.stat-card-trend{border:1px solid;border-radius:9999px;padding:6px 12px;font-size:11px;font-weight:700}.stat-card-trend.positive{color:#6ee7b7;background:#22c55e33;border-color:#22c55e66}.stat-card-trend.negative{color:#fca5a5;background:#ef444433;border-color:#ef444466}.stat-card-value{letter-spacing:-.02em;margin-bottom:2px;font-size:22px;font-weight:700;line-height:1}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;color:#a0aec0;font-size:10px;font-weight:600;line-height:1.2}.stat-card-subtitle{color:#9ca3af;margin-top:4px;font-size:9px;font-weight:500;line-height:1.2}.stat-card.primary{border-color:#3b82f666}.stat-card.primary:hover{border-color:#3b82f699;box-shadow:0 6px 16px #0006}.stat-card.primary .stat-card-icon{background:linear-gradient(135deg,#3b82f64d,#2563eb4d)}.stat-card.primary .stat-card-value{color:#93c5fd}.stat-card.success{border-color:#22c55e66}.stat-card.success:hover{border-color:#22c55e99;box-shadow:0 6px 16px #0006}.stat-card.success .stat-card-icon{background:linear-gradient(135deg,#22c55e4d,#16a34a4d)}.stat-card.success .stat-card-value{color:#6ee7b7}.stat-card.warning{border-color:#f59e0b66}.stat-card.warning:hover{border-color:#f59e0b99;box-shadow:0 6px 16px #0006}.stat-card.warning .stat-card-icon{background:linear-gradient(135deg,#f59e0b4d,#d977064d)}.stat-card.warning .stat-card-value{color:#fcd34d}.stat-card.error{border-color:#ef444466}.stat-card.error:hover{border-color:#ef444499;box-shadow:0 6px 16px #0006}.stat-card.error .stat-card-icon{background:linear-gradient(135deg,#ef44444d,#dc26264d)}.stat-card.error .stat-card-value{color:#fca5a5}.stat-card.info{border-color:#06b6d466}.stat-card.info:hover{border-color:#06b6d499;box-shadow:0 6px 16px #0006}.stat-card.info .stat-card-icon{background:linear-gradient(135deg,#06b6d44d,#0ea5e94d)}.stat-card.info .stat-card-value{color:#67e8f9}.period-selector-toolbar{z-index:40;-webkit-backdrop-filter:blur(16px);background:#10101899;border-top:1px solid #3b82f61a;border-bottom:1px solid #3b82f60d;padding:0;position:fixed;bottom:72px;left:0;right:0;box-shadow:0 -1px 20px #0006}.period-selector-toolbar.no-nav{bottom:0}.search-bar-bottom{z-index:41;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);background:#101018f2;border-top:1px solid #3b82f61a;position:fixed;bottom:0;left:0;right:0}.period-selector-toolbar-inner{scrollbar-width:none;justify-content:space-evenly;align-items:stretch;gap:0;max-width:1280px;height:44px;margin:0 auto;display:flex;overflow-x:auto}.period-selector-toolbar-inner::-webkit-scrollbar{display:none}.period-btn{text-align:center;color:#ffffff80;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:0 0;border:none;border-right:1px solid #ffffff0f;flex:none;justify-content:center;align-items:center;height:44px;padding:0 16px;font-size:13px;font-weight:500;line-height:1;transition:all .25s;display:flex;position:relative}.period-btn:last-child{border-right:none}.period-btn:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#6366f1);height:2px;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.period-btn:hover{color:#fffc;background:#3b82f60d}.period-btn:active{transform:scale(.98)}.period-btn.active{color:#93c5fd;background:#3b82f614;font-weight:600}.period-btn.active:before{opacity:1}.fixed-search-bar{z-index:40;-webkit-backdrop-filter:blur(12px);background:#0a0a0fd9;border-top:1px solid #ffffff08;border-bottom:1px solid #0006;border-radius:0;width:100vw;height:52px;margin:0;padding:0 16px;position:fixed;bottom:124px;left:0;right:0;box-shadow:inset 0 2px 8px #00000080,0 -1px #ffffff05}.fixed-search-bar input{color:#ffffffe6;letter-spacing:.02em;background:0 0;border:none;border-radius:0;outline:none;width:100%;height:52px;margin:0;padding:0 48px 0 60px;font-size:14px;font-weight:400;line-height:52px}.fixed-search-bar input::-moz-placeholder{color:#ffffff4d;font-weight:300}.fixed-search-bar input::placeholder{color:#ffffff4d;font-weight:300}.fixed-search-bar .search-icon{color:#fff6;justify-content:center;align-items:center;width:18px;height:18px;font-size:18px;display:flex;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.fixed-search-bar .clear-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.fixed-search-bar .clear-btn:hover{color:#fffc}.fixed-search-input-container{z-index:40!important;-webkit-backdrop-filter:blur(12px)!important;background:#0a0a0fd9!important;border-top:1px solid #ffffff08!important;border-bottom:1px solid #0006!important;border-radius:0!important;align-items:center!important;width:100vw!important;height:52px!important;margin:0!important;padding:0 16px!important;display:flex!important;position:fixed!important;bottom:124px!important;left:0!important;right:0!important;box-shadow:inset 0 2px 8px #00000080,0 -1px #ffffff05!important}.fixed-search-input-inner{align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.fixed-search-input-icon{color:#fff6!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;display:flex!important}.fixed-search-input-field{color:#ffffffe6!important;letter-spacing:.02em!important;min-width:0!important;height:52px!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;flex:1!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:400!important;line-height:52px!important}.fixed-search-input-field::-moz-placeholder{color:#ffffff4d!important;font-weight:300!important}.fixed-search-input-field::placeholder{color:#ffffff4d!important;font-weight:300!important}.fixed-search-input-clear{color:#ffffff80!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-shrink:0!important;padding:4px 8px!important;font-size:18px!important}.modal-search-input{color:#ffffffe6;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);background:#0a0a0fd9;border:none;border-top:1px solid #ffffff08;border-bottom:1px solid #0006;border-radius:0;outline:none;width:100%;height:52px;padding:0 48px;font-size:14px;font-weight:400;line-height:52px;box-shadow:inset 0 2px 8px #00000080,0 -1px #ffffff05}.modal-search-input::-moz-placeholder{color:#ffffff4d;font-weight:300}.modal-search-input::placeholder{color:#ffffff4d;font-weight:300}.form-input{color:#ffffffe6;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;font-weight:400;transition:all .2s}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-input.entry:focus{border-color:#4ade80;box-shadow:0 0 0 1px #4ade80}.form-input.target:focus{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa}.form-input.stop:focus{border-color:#f87171;box-shadow:0 0 0 1px #f87171}.form-input::-moz-placeholder{color:#6b7280}.form-input::placeholder{color:#6b7280}.form-select{color:#ffffffe6;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-textarea{color:#ffffffe6;resize:none;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;transition:all .2s}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.form-textarea::-moz-placeholder{color:#6b7280}.form-textarea::placeholder{color:#6b7280}.form-label{letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.form-section-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:8px;padding:8px;transition:all .2s;display:flex}.form-section-card:hover{background:#ffffff0d;box-shadow:0 2px 8px #0000001a}.form-section-card.entry{border-left:3px solid #4ade80}.form-section-card.stop{border-left:3px solid #f87171}.form-section-card.target{border-left:3px solid #60a5fa}.section-label{text-align:center;flex-shrink:0;width:32px;font-size:12px;font-weight:700}.section-label.entry{color:#4ade80;text-shadow:0 0 8px #4ade8080,0 0 16px #4ade804d}.section-label.stop{color:#f87171;text-shadow:0 0 8px #f8717180,0 0 16px #f871714d}.section-label.target{color:#60a5fa;text-shadow:0 0 8px #60a5fa80,0 0 16px #60a5fa4d}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;outline:none;padding:14px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d,0 0 20px #3b82f633}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666,0 0 30px #3b82f64d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.btn-secondary{color:#d1d5db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 2px 8px #0003}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0003}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.price-picker-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.price-picker-btn.target:hover{color:#60a5fa}.price-picker-btn.target.active{color:#60a5fa;text-shadow:0 0 8px #60a5fa99,0 0 16px #60a5fa66;filter:drop-shadow(0 0 4px #60a5fa80)}.price-picker-btn.entry:hover{color:#10b981}.price-picker-btn.entry.active{color:#10b981;text-shadow:0 0 8px #10b98199,0 0 16px #10b98166;filter:drop-shadow(0 0 4px #10b98180)}.price-picker-btn.stop:hover{color:#f87171}.price-picker-btn.stop.active{color:#f87171;text-shadow:0 0 8px #f8717199,0 0 16px #f8717166;filter:drop-shadow(0 0 4px #f8717180)}.btn-group{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;display:flex;overflow:hidden}.btn-group-item{text-align:center;cursor:pointer;color:#9ca3af;background:0 0;border:none;border-right:1px solid #ffffff14;flex:1;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.btn-group-item:last-child{border-right:none}.btn-group-item:hover:not(.active){background:#ffffff08}.btn-group-item.active{color:#fff;background:#3b82f626}.btn-group-item.active.long{color:#4ade80;text-shadow:0 0 8px #4ade8080,0 0 16px #4ade804d;background:#4ade8026}.btn-group-item.active.short{color:#f87171;text-shadow:0 0 8px #f8717180,0 0 16px #f871714d;background:#f8717126}.setup-card{-webkit-backdrop-filter:blur(8px);background:#14141c99;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;margin:0 -16px 8px;padding:14px 16px;transition:background .2s;box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a}.setup-card:hover{background:#191921b3}.setup-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setup-card-symbol{color:#fff;letter-spacing:.02em;font-size:16px;font-weight:700}.setup-card-badges{align-items:center;gap:6px;display:flex}.setup-card-prices{grid-template-columns:auto 1fr;gap:8px 12px;font-size:12px;display:grid}.price-label{letter-spacing:.08em;justify-content:center;align-items:center;min-width:28px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.price-label.entry{color:#22c55e;text-shadow:0 0 8px #22c55e99,0 0 4px #22c55e66}.price-label.target{color:#3b82f6;text-shadow:0 0 8px #3b82f699,0 0 4px #3b82f666}.price-label.stop{color:#ef4444;text-shadow:0 0 8px #ef444499,0 0 4px #ef444466}.price-label.hit{opacity:1}.price-label.target.hit{color:#60a5fa;text-shadow:0 0 10px #60a5facc,0 0 20px #60a5fa66}.price-label.entry.hit{color:#4ade80;text-shadow:0 0 10px #4ade80cc,0 0 20px #4ade8066}.price-label.stop.hit{color:#f87171;text-shadow:0 0 10px #f87171cc,0 0 20px #f8717166}.price-value{color:#ffffffd9;align-items:center;gap:4px;font-weight:500;display:flex}.price-value.hit{opacity:1;font-weight:700}.price-value.target.hit{color:#60a5fa;text-shadow:0 0 8px #60a5fa99}.price-value.entry.hit{color:#4ade80;text-shadow:0 0 8px #4ade8099}.price-value.stop.hit{color:#f87171;text-shadow:0 0 8px #f8717199}.target-badge-wrapper.hit,.entry-badge-wrapper.hit,.stop-badge-wrapper.hit{position:relative}.target-badge-wrapper.hit{background:#60a5fa14}.entry-badge-wrapper.hit{background:#4ade8014}.stop-badge-wrapper.hit{background:#f8717114}.setup-card-actions{border-top:1px solid #ffffff0d;gap:8px;margin-top:12px;padding-top:12px;display:flex}.setup-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.setup-action-btn.cancel{color:#ef4444;background:#ef44441f}.setup-action-btn.cancel:hover{background:#ef444433}.setup-action-btn.cancel:active{background:#ef444440;transform:scale(.95)}.setup-action-btn.publish{color:#10b981;background:#10b9811f}.setup-action-btn.publish:hover{background:#10b98133}.setup-action-btn.publish:active{background:#10b98140;transform:scale(.95)}.period-selector-toolbar-top{z-index:40;-webkit-backdrop-filter:blur(12px);background:#14141cf2;border-bottom:1px solid #ffffff14;padding:12px 16px;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 12px #0000004d}.entry-badge-wrapper.clickable:hover,.target-badge-wrapper.clickable:hover,.stop-badge-wrapper.clickable:hover{background:#ffffff0d;transform:translateY(-1px)}.entry-badge-wrapper.clickable:active,.target-badge-wrapper.clickable:active,.stop-badge-wrapper.clickable:active{transform:scale(.98)}.entry-badge-wrapper.clickable:hover{box-shadow:0 4px 12px #22c55e33}.target-badge-wrapper.clickable:hover{box-shadow:0 4px 12px #3b82f633}.stop-badge-wrapper.clickable:hover{box-shadow:0 4px 12px #ef444433}.entry-badge-wrapper,.target-badge-wrapper,.stop-badge-wrapper{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;justify-content:center;min-width:44px;min-height:44px;display:flex}.entry-badge-wrapper.clickable:active{background:#22c55e1a}.target-badge-wrapper.clickable:active{background:#3b82f61a}.stop-badge-wrapper.clickable:active{background:#ef44441a}@keyframes pulse-red{0%,to{text-shadow:0 0 10px #f87171cc,0 0 20px #f8717180,0 0 30px #f871714d;transform:scale(1);box-shadow:0 0 15px #f8717199,0 0 30px #f8717166,0 0 45px #f8717133}50%{text-shadow:0 0 15px #f87171,0 0 30px #f87171cc,0 0 45px #f8717180,0 0 60px #f871714d;transform:scale(1.02);box-shadow:0 0 20px #f87171cc,0 0 40px #f8717199,0 0 60px #f8717166,0 0 80px #f8717133}}.snow-toggle{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.snow-toggle:active{transform:scale(.95)!important}@keyframes snow-glow{0%,to{filter:drop-shadow(0 0 6px #60a5fa80)}50%{filter:drop-shadow(0 0 12px #60a5facc)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}