*,:after,:before{box-sizing:border-box}:root{--bg:#030303;--bg-darker:#000000;--surface:rgba(10,10,10,0.7);--surface-hover:rgba(20,20,20,0.85);--border:rgba(255,0,0,0.15);--border-bright:rgba(255,0,0,0.4);--accent:#ff0033;--accent-glow:rgba(255,0,51,0.5);--text:#ffffff;--text-dim:rgba(255,255,255,0.6);--muted:#444444;--neon-red:#ff0033;--neon-glow:0 0 20px rgba(255,0,51,0.4);--shadow-premium:0 25px 80px rgba(0,0,0,0.9);--font-main:"Inter",sans-serif;--font-display:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--gold:var(--neon-red);--gold2:#ffffff;--stroke:var(--border);--card:var(--surface);--card2:rgba(255,255,255,0.04);--radius:24px;--shadow:var(--shadow-premium)}body,html{scrollbar-width:none;-ms-overflow-style:none}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(900px 500px at 70% 10%,rgba(255,160,175,.25),transparent 60%),radial-gradient(800px 500px at 10% 35%,rgba(255,210,160,.18),transparent 60%),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0 L60 40 L100 50 L60 60 L50 100 L40 60 L0 50 L40 40 Z' fill='%23ff0033' fill-opacity='0.02'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--bg1),var(--bg2) 45%,var(--bg3));background-blend-mode:soft-light;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:0;height:0;display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(255,0,51,.4)}50%{box-shadow:0 0 0 8px rgba(255,0,51,0)}}@keyframes gradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(5%,-8%) scale(1.05)}50%{transform:translate(-6%,4%) scale(.95)}75%{transform:translate(4%,6%) scale(1.02)}}@keyframes chartPieIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes chartShimmer{0%,to{opacity:.5}50%{opacity:.9}}@keyframes chartGlow{0%,to{filter:drop-shadow(0 0 6px rgba(255,0,51,.15))}50%{filter:drop-shadow(0 0 12px rgba(255,0,51,.25))}}@keyframes pieSectorIn{0%{opacity:0;filter:drop-shadow(0 0 8px rgba(255,255,255,.2))}to{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.06))}}@keyframes pieSectorGlow{0%,to{filter:drop-shadow(0 0 4px rgba(255,255,255,.06))}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.12))}}@keyframes barGrowIn{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes donutRingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}@keyframes donutRingGlow{0%,to{box-shadow:0 0 20px rgba(255,0,51,.25),0 0 40px rgba(138,0,0,.15)}50%{box-shadow:0 0 28px rgba(255,0,51,.4),0 0 56px rgba(138,0,0,.25)}}@keyframes pieSectorDraw{0%{opacity:0;transform:scale(.85);filter:drop-shadow(0 0 12px rgba(255,255,255,.3))}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,255,255,.1))}}@keyframes titleBarSlide{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}body,html{margin:0;min-height:100vh;font-family:var(--font-main);color:var(--text);background:var(--bg);background-image:radial-gradient(circle at 50% -20%,rgba(255,0,51,.15),transparent 70%),radial-gradient(circle at 0 100%,rgba(255,0,51,.05),transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 0);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-attachment:fixed;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,transparent 20%,var(--bg) 100%);pointer-events:none;z-index:-1}.app-body,.app-sidebar,.dock,.main-content,.topbar{position:relative;z-index:1}a,a:hover{color:var(--accent);text-decoration:none}.bg-effects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-grid{background-image:linear-gradient(rgba(138,0,0,.08) 1px,transparent 0),linear-gradient(90deg,rgba(138,0,0,.08) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 15%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 85% 85% at 50% 50%,black 15%,transparent 65%)}.bg-grid,.bg-scanline{position:absolute;inset:0}.bg-scanline{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,51,.01) 0,rgba(255,0,51,.01) 4px);pointer-events:none}.bg-blob{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(80px);opacity:.55;animation:blobFloat 20s ease-in-out infinite}.bg-blob-1{top:-25%;left:-15%;background:radial-gradient(circle,rgba(138,0,0,.35) 0,rgba(60,0,0,.2) 40%,transparent 70%);animation-duration:22s}.bg-blob-2{bottom:-30%;right:-10%;background:radial-gradient(circle,rgba(255,0,51,.1) 0,rgba(138,0,0,.05) 45%,transparent 70%);animation-duration:25s;animation-delay:-5s}.bg-blob-3{top:30%;left:25%;width:50vmax;height:50vmax;background:radial-gradient(circle,rgba(138,0,0,.2) 0,rgba(255,0,51,.05) 50%,transparent 70%);animation-duration:18s;animation-delay:-10s}.app-body{display:flex;min-height:100vh}.topbar{background:rgba(10,10,10,.6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,0,51,.15);border-radius:999px;position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);width:calc(100% - 3rem);max-width:95%;z-index:1000;box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 15px rgba(255,0,51,.1);animation:navFloatIn .8s cubic-bezier(.2,1,.2,1);transition:all .4s ease}.bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem;width:100%;max-width:100%;margin-left:auto;margin-right:auto;min-height:0}@keyframes navFloatIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.topbar:hover{border-color:rgba(255,0,51,.3);box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 25px rgba(255,0,51,.2)}.topbar-inner{padding:.6rem 2rem;justify-content:space-between}.topbar-inner,.topbar-left{display:flex;align-items:center;gap:1.5rem}.topbar-brand{display:flex;align-items:center;gap:.5rem}.topbar-logo{font-size:1.4rem;color:#ff0033;line-height:1;text-shadow:0 0 10px rgba(255,0,51,.8)}.topbar-title{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.1em;text-transform:uppercase}.topbar-tagline{font-size:.75rem;color:var(--text-dim);font-weight:500;border-left:1px solid rgba(255,255,255,.1);padding-left:1rem}.worker-badge-inline{margin-left:.4rem;padding:.12rem .4rem;font-size:.7rem}.topbar-right{display:flex;align-items:center;gap:1.25rem}.topbar-search-wrap{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.4rem 1rem;min-width:180px;transition:all .3s ease}.topbar-search-wrap:focus-within{border-color:#ff0033;background:rgba(255,0,51,.05);box-shadow:0 0 15px rgba(255,0,51,.2)}.topbar-search-icon{color:#ff0033;font-size:.9rem}.topbar-search{background:transparent;border:none;color:#fff;font-size:.8rem;width:100%;outline:none;font-family:var(--font-mono)}.topbar-search::placeholder{color:rgba(255,255,255,.3)}.topbar-sep{color:var(--muted);font-size:.75rem;opacity:.5}.topbar-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ff0033;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.topbar-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff0033,#33000b);border:2px solid rgba(255,255,255,.1);flex-shrink:0;cursor:pointer}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-glow 2s ease-in-out infinite}.app-sidebar{width:240px;flex-shrink:0;background:rgba(12,12,8,.85);border-right:1px solid rgba(255,0,51,.1);padding:1.25rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-brand{display:flex;align-items:center;gap:.5rem;padding:0 1.25rem .75rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.05rem;border-bottom:1px solid rgba(255,0,51,.1);margin-bottom:.25rem}.sidebar-brand:hover{color:#fff;opacity:.9}.sidebar-brand-name{flex:1 1}.sidebar-tagline{font-size:.7rem;color:var(--muted);padding:0 1.25rem;margin:0 0 .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.1rem;padding:0 .5rem}.sidebar-link{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.sidebar-link:hover{color:var(--text);background:rgba(255,255,255,.05);text-decoration:none}.sidebar-link.active{color:#fff;background:rgba(255,0,51,.2)}.main-content{flex:1 1;width:100%;max-width:100%;min-height:100vh;margin:0;padding:7rem 1.5rem 6rem;animation:fadeInUp .8s cubic-bezier(.2,1,.2,1);overflow-x:auto;box-sizing:border-box}.dock{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:60;pointer-events:none}.dock-panel{display:flex;align-items:flex-end;justify-content:center;gap:.6rem;padding:.6rem 1.25rem;background:rgba(15,1,1,.9);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:24px;box-shadow:0 15px 45px rgba(0,0,0,.9),0 0 30px rgba(138,0,0,.25);pointer-events:auto}.dock-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border-radius:50%;transition:transform .2s ease;background:transparent;cursor:pointer}.dock-item,.dock-item:hover{color:var(--text);text-decoration:none}.dock-item:hover{transform:scale(1.25)}.dock-item.active{transform:scale(1.15)}.dock-item.active .dock-icon{background:rgba(255,0,51,.2);box-shadow:0 0 20px -4px rgba(255,0,51,.5)}.dock-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);transition:background .2s,box-shadow .2s}.dock-item:hover .dock-icon{background:rgba(255,255,255,.14)}.dock-icon img{border-radius:50%;object-fit:cover}.dock-icon-logo .dock-emoji{color:#ff0033;font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(255,0,51,.6))}.dock-emoji{font-size:1.4rem;line-height:1}.dock-label{font-size:.65rem;font-weight:500;color:var(--muted);max-width:4em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-item.active .dock-label,.dock-item:hover .dock-label{color:var(--text)}.bento-card{animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1);background:rgba(10,10,10,.4);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,0,51,.15);border-radius:28px;padding:1.5rem 2.25rem;box-shadow:0 40px 100px rgba(0,0,0,.8),inset 0 0 20px rgba(255,255,255,.02);transition:all .5s cubic-bezier(.2,1,.2,1);position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,51,.6),transparent);opacity:0;transition:opacity .5s;z-index:2}.bento-card:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(255,0,51,.4);box-shadow:0 60px 120px rgba(0,0,0,.9),0 0 50px rgba(255,0,51,.2),inset 0 0 30px rgba(255,255,255,.04)}.bento-card:hover:before{opacity:1}.bento-chart{min-height:280px}.bento-chart-pie,.bento-chart-pie .chart-inner.chart-pie,.bento-chart-pie .chart-pie-ring{overflow:visible}.bento-chart:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--chart-line),var(--chart-sms),var(--chart-income),transparent);opacity:.75;animation:chartShimmer 3s ease-in-out infinite}.bento-chart .chart-title{margin-bottom:.5rem;flex-shrink:0;display:flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.02em;color:var(--text)}.bento-chart .chart-title-icon{color:var(--accent);font-size:1rem;opacity:.9}.bento-chart .chart-inner{flex:1 1;min-height:200px;display:flex;align-items:center;justify-content:center}.bento-chart .chart-inner.chart-pie{min-height:240px;animation:chartPieIn .6s ease-out}.chart-header-pie{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-shrink:0;min-height:2.5rem}.chart-title-icon-pie{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:#ff0033;background:rgba(255,0,51,.1);border-radius:10px;border:1px solid rgba(255,0,51,.4);animation:donutRingPulse 3s ease-in-out infinite}.chart-header-pie .chart-title{margin:0;flex:1 1;font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.02em}.chart-title-bar{height:4px;flex:1 1;max-width:120px;border-radius:2px;background:linear-gradient(90deg,var(--chart-line),var(--chart-sms),var(--chart-income));opacity:.85;animation:titleBarSlide .8s ease-out .2s backwards,chartShimmer 4s ease-in-out 1s infinite}.bento-chart-pie .chart-inner.chart-pie{position:relative}.chart-pie-ring{position:relative;width:100%;padding:8px;animation:donutRingGlow 4s ease-in-out infinite}.chart-pie-center,.chart-pie-ring{display:flex;align-items:center;justify-content:center;border-radius:50%}.chart-pie-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;width:72px;height:72px;background:rgba(10,10,10,.9);border:2px solid rgba(255,0,51,.3);box-shadow:0 0 25px rgba(255,0,51,.2),inset 0 0 20px rgba(0,0,0,.5);z-index:1;animation:chartPieIn .6s ease-out .4s backwards}.chart-pie-svg-wrap{position:relative;z-index:2;width:100%}.chart-pie-center-value{font-size:1.5rem;font-weight:800;color:var(--text);line-height:1.2}.chart-pie-center-label{font-size:.65rem;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.bento-chart-pie .recharts-pie{animation:chartPieIn .8s ease-out,donutRingPulse 5s ease-in-out 1s infinite;transform-origin:center}.bento-chart-pie .recharts-pie path,.bento-chart-pie .recharts-pie-sector{position:relative;z-index:0;animation:pieSectorDraw .7s ease-out backwards;transform-origin:center;filter:drop-shadow(0 0 6px rgba(255,255,255,.08))}.bento-chart-pie .recharts-pie path:first-child,.bento-chart-pie .recharts-pie-sector:first-child{animation-delay:.08s}.bento-chart-pie .recharts-pie path:nth-child(2),.bento-chart-pie .recharts-pie-sector:nth-child(2){animation-delay:.2s}.bento-chart-pie .recharts-pie path:nth-child(3),.bento-chart-pie .recharts-pie-sector:nth-child(3){animation-delay:.32s}.bento-chart-pie .recharts-pie path:nth-child(4),.bento-chart-pie .recharts-pie-sector:nth-child(4){animation-delay:.44s}.bento-chart-pie:hover .recharts-pie path,.bento-chart-pie:hover .recharts-pie-sector{animation:pieSectorDraw .7s ease-out backwards,pieSectorGlow 2.2s ease-in-out .3s infinite;animation-delay:0s,.3s;filter:drop-shadow(0 0 12px rgba(255,255,255,.18))}.bento-chart-pie .chart-pie-cell{transition:filter .3s ease,opacity .3s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,.08))}.bento-chart-pie:hover .chart-pie-cell{filter:drop-shadow(0 0 14px rgba(255,255,255,.2))}.bento-chart-pie .recharts-label-list,.bento-chart-pie .recharts-pie .recharts-layer:last-child{position:relative!important;z-index:100!important;isolation:isolate;min-width:1px;min-height:1px;pointer-events:none}.bento-chart-pie .chart-pie-label-on-top,.bento-chart-pie .recharts-label-list,.bento-chart-pie .recharts-pie .recharts-layer text,.bento-chart-pie .recharts-pie text,.bento-chart-pie .recharts-pie tspan,.bento-chart-pie .recharts-pie-label{fill:var(--text)!important;font-weight:600;font-size:12px;paint-order:stroke fill;stroke:rgba(12,12,15,.9);stroke-width:2px;visibility:visible!important;position:relative;z-index:100}.bento-chart-pie .chart-pie-label-layer{position:relative!important;z-index:9999!important;isolation:isolate}.bento-chart-pie .recharts-legend-wrapper{margin-top:.5rem;animation:fadeIn .5s ease-out .4s backwards}.bento-chart-pie .recharts-legend-item-text{color:var(--text)!important;font-size:.8rem}.bento-chart-bar .chart-inner{animation:chartPieIn .5s ease-out}.bento-chart-bar .recharts-bar-rectangle,.bento-chart-bar .recharts-bar-rectangle rect,.bento-chart-bar .recharts-rectangle{transform-origin:bottom;animation:barGrowIn .55s ease-out backwards;transition:filter .2s ease,opacity .2s ease;filter:drop-shadow(0 -2px 6px rgba(255,0,51,.2))}.bento-chart-bar .recharts-bar-rectangle:first-child,.bento-chart-bar .recharts-bar-rectangle:first-child rect{animation-delay:.05s}.bento-chart-bar .recharts-bar-rectangle:nth-child(2),.bento-chart-bar .recharts-bar-rectangle:nth-child(2) rect{animation-delay:.1s}.bento-chart-bar .recharts-bar-rectangle:nth-child(3),.bento-chart-bar .recharts-bar-rectangle:nth-child(3) rect{animation-delay:.15s}.bento-chart-bar .recharts-bar-rectangle:nth-child(4),.bento-chart-bar .recharts-bar-rectangle:nth-child(4) rect{animation-delay:.2s}.bento-chart-bar .recharts-bar-rectangle:nth-child(5),.bento-chart-bar .recharts-bar-rectangle:nth-child(5) rect{animation-delay:.25s}.bento-chart-bar .recharts-bar-rectangle:nth-child(6),.bento-chart-bar .recharts-bar-rectangle:nth-child(6) rect{animation-delay:.3s}.bento-chart-bar .recharts-bar-rectangle:nth-child(7),.bento-chart-bar .recharts-bar-rectangle:nth-child(7) rect{animation-delay:.35s}.bento-chart-bar:hover .recharts-bar-rectangle,.bento-chart-bar:hover .recharts-bar-rectangle rect,.bento-chart-bar:hover .recharts-rectangle{filter:drop-shadow(0 -2px 10px rgba(255,0,51,.4));opacity:.98}.chart-tooltip-wrap{outline:none;z-index:99999!important;position:fixed!important;pointer-events:none}.chart-tooltip{background:rgba(18,18,24,.98);border:1px solid var(--border-bright);border-radius:10px;padding:.5rem .75rem;box-shadow:0 8px 32px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.2rem;min-width:7rem;z-index:99999;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-tooltip-name{font-weight:600;color:var(--text)}.chart-tooltip-value{font-size:.85rem;color:var(--accent)}.bento-messages{grid-column:1/-1;grid-row:3;min-height:180px}.mock-badge{display:inline-block;margin-left:.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:6px;vertical-align:middle}.mock-note{margin-bottom:.75rem}@media (max-width:768px){.bento-grid{grid-template-columns:1fr;max-width:100%}.bento-chart,.bento-stats{grid-column:1}.bento-chart{height:480px}.bento-messages{grid-column:1}}.page-block{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1.75rem;box-shadow:var(--shadow-card)}.hud-frame{position:relative;display:flex;flex-direction:column;background:rgba(10,2,2,.5);overflow:visible;border:none!important;box-shadow:none!important;border-radius:0!important;flex:1 1;width:100%}.hud-bezel{position:absolute;inset:-2px;border:1px solid rgba(255,0,51,.4);-webkit-clip-path:polygon(0 60px,60px 0,calc(50% - 80px) 0,calc(50% - 60px) 15px,calc(50% + 60px) 15px,calc(50% + 80px) 0,calc(100% - 60px) 0,100% 60px,100% calc(50% - 60px),calc(100% - 10px) calc(50% - 40px),calc(100% - 10px) calc(50% + 40px),100% calc(50% + 60px),100% calc(100% - 60px),calc(100% - 60px) 100%,calc(50% + 120px) 100%,calc(50% + 100px) calc(100% - 20px),calc(50% - 100px) calc(100% - 20px),calc(50% - 120px) 100%,60px 100%,0 calc(100% - 60px),0 calc(50% + 60px),10px calc(50% + 40px),10px calc(50% - 40px),0 calc(50% - 60px));clip-path:polygon(0 60px,60px 0,calc(50% - 80px) 0,calc(50% - 60px) 15px,calc(50% + 60px) 15px,calc(50% + 80px) 0,calc(100% - 60px) 0,100% 60px,100% calc(50% - 60px),calc(100% - 10px) calc(50% - 40px),calc(100% - 10px) calc(50% + 40px),100% calc(50% + 60px),100% calc(100% - 60px),calc(100% - 60px) 100%,calc(50% + 120px) 100%,calc(50% + 100px) calc(100% - 20px),calc(50% - 100px) calc(100% - 20px),calc(50% - 120px) 100%,60px 100%,0 calc(100% - 60px),0 calc(50% + 60px),10px calc(50% + 40px),10px calc(50% - 40px),0 calc(50% - 60px));background-color:rgba(15,2,2,.7);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20 L10 0 L30 0 L40 20 L30 40 L10 40 Z' fill='none' stroke='rgba(255, 0, 51, 0.08)' stroke-width='1'/%3E%3C/svg%3E"),linear-gradient(rgba(255,0,51,.02) 1px,transparent 0);background-size:40px 40px,100% 4px;animation:hud-scan 10s linear infinite;pointer-events:none;z-index:1}@keyframes hud-scan{0%{background-position:0 0,0 0}to{background-position:0 0,0 1000px}}.hud-side-bar{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:100px;background:#ff0033;z-index:15;box-shadow:0 0 25px #ff0033}.hud-side-bar.left{left:-6px;-webkit-clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%)}.hud-side-bar.right{right:-6px;-webkit-clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);clip-path:polygon(0 20%,100% 0,100% 100%,0 80%)}.hud-top-detail{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:160px;height:20px;background:rgba(255,0,51,.8);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);z-index:10;display:flex;justify-content:center;align-items:flex-end;padding-bottom:2px}.hud-top-detail:after{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 0 10px #fff)}.hud-bottom-detail{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:240px;height:35px;background:linear-gradient(180deg,#ff0033,#8a0000);-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);z-index:10;box-shadow:0 0 30px rgba(255,0,51,.5);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:900;letter-spacing:.3em;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.5)}.hud-corner{position:absolute;width:80px;height:80px;border:2px solid #ff0033;z-index:5;pointer-events:none;opacity:.6}.hud-corner.tl{top:-5px;left:-5px;border-right:none;border-bottom:none;-webkit-clip-path:polygon(0 0,100% 0,100% 4px,4px 4px,4px 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 4px,4px 4px,4px 100%,0 100%)}.hud-corner.tr{top:-5px;right:-5px;border-left:none;border-bottom:none;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 4px) 100%,calc(100% - 4px) 4px,0 4px);clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 4px) 100%,calc(100% - 4px) 4px,0 4px)}.hud-corner.bl{bottom:-5px;left:-5px;border-right:none;border-top:none;-webkit-clip-path:polygon(0 0,4px 0,4px calc(100% - 4px),100% calc(100% - 4px),100% 100%,0 100%);clip-path:polygon(0 0,4px 0,4px calc(100% - 4px),100% calc(100% - 4px),100% 100%,0 100%)}.hud-corner.br{bottom:-5px;right:-5px;border-left:none;border-top:none;-webkit-clip-path:polygon(calc(100% - 4px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 4px),calc(100% - 4px) calc(100% - 4px));clip-path:polygon(calc(100% - 4px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 4px),calc(100% - 4px) calc(100% - 4px))}.hud-header-bar{position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:8px;background:#ff0033;box-shadow:0 0 20px #ff0033;-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,10px 100%);z-index:15}.hud-content{position:relative;z-index:5;flex:1 1;padding:40px;height:100%}.bento-chart,.hud-content{display:flex;flex-direction:column}.bento-chart{grid-column:span 1;grid-row:2;height:540px}.hero-stats-wrap{grid-column:1/-1;grid-row:1;position:relative;overflow:hidden;border-radius:32px;padding:3rem;min-height:320px;background:#000;border:1px solid rgba(255,0,51,.2);box-shadow:0 0 100px -10px rgba(255,0,51,.2),0 40px 100px -20px rgba(0,0,0,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;animation:heroEntry 1s cubic-bezier(.2,1,.2,1)}@keyframes heroEntry{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-stats-wrap:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,0,51,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,0,51,.05) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 80%);mask-image:radial-gradient(circle at 50% 50%,black 10%,transparent 80%);z-index:0}.hero-stats-wrap:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:skewX(-25deg);animation:shineSweep 6s infinite}@keyframes shineSweep{0%{left:-100%}20%,to{left:150%}}.hero-stats-wrap:hover{border-color:var(--accent);box-shadow:0 0 80px -10px rgba(255,0,51,.4),0 30px 60px -15px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.1);transform:translateY(-2px)}.hero-stats-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-bokeh{position:absolute;border-radius:50%;filter:blur(40px);opacity:0;animation:heroBokehFloat 6s ease-in-out infinite}.hero-bokeh-1{width:200px;height:200px;top:-40px;left:10%;background:radial-gradient(circle,rgba(255,0,51,.3),transparent 70%);animation-delay:0s;animation-duration:7s}.hero-bokeh-2{width:150px;height:150px;bottom:-30px;right:15%;background:radial-gradient(circle,rgba(255,0,51,.25),transparent 70%);animation-delay:-2s;animation-duration:8s}.hero-bokeh-3{width:100px;height:100px;top:50%;left:50%;background:radial-gradient(circle,rgba(255,0,51,.2),transparent 70%);animation-delay:-4s;animation-duration:6s}.hero-bokeh-4{width:120px;height:120px;top:20%;right:5%;background:radial-gradient(circle,rgba(255,0,51,.25),transparent 70%);animation-delay:-1s;animation-duration:9s}@keyframes heroBokehFloat{0%,to{opacity:.4;transform:translate(0) scale(1)}25%{opacity:.7;transform:translate(15px,-10px) scale(1.1)}50%{opacity:.5;transform:translate(-10px,15px) scale(.95)}75%{opacity:.8;transform:translate(5px,-5px) scale(1.05)}}.hero-light-ray{position:absolute;width:2px;background:linear-gradient(0deg,rgba(255,0,51,.4),transparent);opacity:0;animation:heroRayShine 4s ease-in-out infinite}.hero-ray-1{height:120px;left:25%;bottom:0;transform:rotate(-15deg);animation-delay:0s}.hero-ray-2{height:100px;right:30%;bottom:0;transform:rotate(10deg);animation-delay:-2s}@keyframes heroRayShine{0%,to{opacity:0}30%{opacity:.6}60%{opacity:.3}}.hero-center-block{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;margin-top:-.5rem}.hero-logo-text{font-family:var(--font-display);font-size:8rem;font-weight:900;line-height:1;letter-spacing:-.05em;color:#fff;text-transform:uppercase;margin:0;position:relative;z-index:1;filter:drop-shadow(0 0 15px rgba(255,0,51,.6)) drop-shadow(0 0 45px rgba(255,0,51,.4));animation:neonFlicker 4s infinite alternate;isolation:isolate}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 5px #fff,0 0 15px rgba(255,0,51,.8),0 0 35px rgba(255,0,51,.6);opacity:1}20%,22%,24%,55%{text-shadow:0 0 2px rgba(255,0,51,.2);opacity:.85}}.hero-tagline-main{font-family:var(--font-mono);font-size:1.1rem;font-weight:500;color:var(--neon-red);letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;padding:0;opacity:.8}.hero-tagline-sub{font-size:.9rem;font-weight:400;color:var(--text-dim);letter-spacing:.1em;margin-bottom:2rem;max-width:600px}.hero-bottom-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.6rem;gap:.6rem;margin-top:.5rem;margin-bottom:.75rem;padding-top:1rem;border-top:1px solid rgba(255,0,51,.15)}.hero-bottom-card{position:relative;text-align:center;padding:1.25rem .5rem 1rem;border-radius:16px;background:rgba(45,1,1,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.hero-bottom-card:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,51,.3),transparent);opacity:0;transition:opacity .3s}.hero-bottom-card:hover{background:rgba(60,2,2,.6);border-color:var(--accent);transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.6),0 0 20px rgba(138,0,0,.2)}.hero-bottom-card:hover:after{opacity:1}.hero-bottom-num{display:block;font-size:1.6rem;font-weight:800;line-height:1.2;color:var(--text)}.hero-bottom-card.line .hero-bottom-num{color:var(--line)}.hero-bottom-card.sms .hero-bottom-num{color:var(--sms)}.hero-bottom-card.income .hero-bottom-num{color:var(--income)}.hero-bottom-card.today .hero-bottom-num{color:var(--accent)}.hero-bottom-label{display:block;font-size:.78rem;font-weight:700;color:var(--text);margin-top:.2rem}.hero-bottom-sub{display:block;font-size:.65rem;font-weight:500;color:var(--muted);margin-top:.15rem;opacity:.7}.hero-rate-row{position:relative;z-index:2;margin:.75rem auto 0}.hero-rate-bar{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:.35rem}.hero-rate-fill{height:100%;background:linear-gradient(90deg,#ff0033,#8a0000);border-radius:3px;transition:width .6s ease;box-shadow:0 0 15px rgba(255,0,51,.5)}.hero-rate-text{font-size:.75rem;color:var(--muted)}.hero-link-row{position:relative;z-index:2;margin:.5rem 0 0;font-size:.85rem}.hero-link-row a{color:var(--accent);font-weight:600;transition:color .2s}.hero-link-row a:hover{color:#ff4d4d}@media (max-width:768px){.hero-stats-wrap{padding:1.5rem 1rem 1rem;min-height:200px}.hero-logo-text{font-size:3.5rem}.hero-tagline-main{font-size:1.2rem}.hero-bottom-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.hero-logo-text{font-size:2.6rem}.hero-tagline-main{font-size:1rem}.hero-bottom-cards{grid-template-columns:repeat(2,1fr)}}.home-section{margin-top:0;border-left:4px solid var(--accent)}.home-section .section-title{padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.bento-messages .section-title,.bento-stats .section-title{padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--border)}.page-title{font-size:1.75rem;font-weight:800;color:var(--text);margin:0 0 .25rem}.page-desc{font-size:.95rem;color:var(--muted);margin:0 0 1rem}.page-desc .worker-badge{margin-left:.5rem}.page-state{color:var(--muted);font-size:.9rem}.page-state.page-error{color:var(--error)}.page-hint{color:var(--muted);font-size:.9rem;margin:1rem 0}.home-summary{margin-bottom:1.5rem}.h2,.section-title{font-family:var(--font-mono);font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 1rem;letter-spacing:.1em;text-transform:uppercase}.worker-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.worker-badge.ok{background:rgba(255,0,51,.1);color:#ff0033}.worker-badge.err{background:rgba(248,113,113,.2);color:var(--error)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem;animation:fadeInUp .5s ease-out .2s backwards}.chart-card{position:relative;overflow:hidden;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:var(--border-bright)}.chart-title{font-size:1rem;font-weight:700;color:var(--text);margin:0 0 1rem}.chart-inner{min-height:240px}.chart-inner.chart-pie{min-height:260px}.msg-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.msg-card{background:rgba(15,15,15,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);border-radius:18px;padding:1.25rem 1.5rem;transition:all .4s cubic-bezier(.2,1,.2,1);box-shadow:0 10px 30px rgba(0,0,0,.3)}.msg-card:hover{transform:translateX(6px);border-color:rgba(255,0,51,.3);box-shadow:0 15px 40px rgba(255,0,51,.1),0 20px 50px rgba(0,0,0,.6);background:rgba(255,255,255,.02)}.msg-card-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.msg-badge{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:6px}.msg-badge.line{background:rgba(255,0,51,.1);color:#ff0033}.msg-badge.sms{background:rgba(255,255,255,.05);color:#fff}.msg-income{font-size:.75rem;color:var(--income)}.msg-device{font-size:.7rem;color:var(--muted);background:var(--card);padding:.15rem .4rem;border-radius:4px;margin-left:.35rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-time{font-size:.75rem;color:var(--muted);margin-left:auto}.msg-sender{font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.msg-content{font-size:.95rem;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word}.msg-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border)}.msg-status{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:rgba(255,255,255,.05);color:#fff}.msg-status.synced{background:rgba(255,0,51,.1);color:#ff0033;border:1px solid rgba(255,0,51,.2)}.msg-status.failed{background:rgba(255,0,0,.2);color:#ff4d4d;border:1px solid rgba(255,0,0,.4)}.filter-tabs a,.filter-tabs button{padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-dim);cursor:pointer;text-decoration:none;transition:all .2s ease}.filter-tabs a:hover,.filter-tabs button:hover{color:var(--text);background:rgba(255,0,51,.1);border-color:rgba(255,0,51,.2)}.filter-tabs .active,.filter-tabs a.active,.filter-tabs button.active{color:#fff!important;background:#ff0033!important;border-color:#ff0033!important;box-shadow:0 0 15px rgba(255,0,51,.4)}.load-more-btn{padding:.6rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:opacity .2s,transform .2s}.load-more-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.link-more{display:inline-block;margin-top:1rem;font-weight:600}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.1rem;color:var(--text);margin:0 0 .75rem}.input-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.input-row input{flex:1 1;min-width:200px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem}.btn-copy{padding:.5rem 1rem;border-radius:8px;font-weight:600;font-size:.9rem;background:var(--accent);color:#fff;border:none;cursor:pointer;transition:opacity .2s,transform .2s}.btn-copy:hover{opacity:.9;transform:scale(1.02)}.help-list{padding-left:1.5rem;color:var(--muted);line-height:1.7}.help-list code{background:var(--surface);padding:.15rem .4rem;border-radius:4px;font-size:.85em}.about-section{margin-bottom:1.5rem}.about-section h2{font-size:1.1rem;color:var(--text);margin:0 0 .5rem}.about-section p{color:var(--muted);line-height:1.6;margin:0}@media (max-width:1100px){.topbar{width:calc(100% - 2rem);top:1rem}}@media (max-width:850px){.bento-grid{grid-template-columns:1fr;gap:1rem}.main-content{padding:6.5rem 1rem 5rem}.topbar-inner{padding:.5rem 1.25rem}.topbar-search-wrap,.topbar-tagline{display:none}}@media (max-width:600px){.topbar-right{gap:.75rem}.dock-panel,.topbar-inner{padding:.5rem 1rem}.dock-panel{gap:.4rem;border-radius:16px}.dock-icon{width:40px;height:40px}.dock-emoji{font-size:1.2rem}.dock-label{font-size:.6rem}}