/* Authenticated business screens only. No WebGL, external assets or layout movement. */
#welcomeScreen .dashboard-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:28px;border:1px solid #34577a;border-radius:24px;background:radial-gradient(ellipse at 95% 0%,#16566e66,transparent 58%),linear-gradient(125deg,#162c48,#101b31 65%);box-shadow:0 22px 60px -35px #030815,0 1px 0 #a1daff24 inset;overflow:hidden}
#welcomeScreen .dashboard-title{font-size:clamp(24px,3vw,36px);line-height:1.18;max-width:560px;letter-spacing:-1.1px}
#welcomeScreen .dashboard-sub{font-size:14px;line-height:1.8;margin-top:12px;max-width:520px;color:#bdd0e6}
#welcomeScreen .dashboard-badge{align-self:start;background:#132f43;color:#a9ddeb;border-color:#41697b}
#welcomeScreen .dashboard-badge:before{display:none}
#welcomeScreen .top-nav{background:linear-gradient(120deg,#172a43ee,#101a2ddd);border:1px solid #35516b;box-shadow:0 12px 30px -24px #000}
#welcomeScreen .quick-stat{background:linear-gradient(155deg,#17283e,#101b2c);border-color:#2c4562;box-shadow:0 12px 24px -22px #000,0 1px 0 #ffffff0b inset}
#welcomeScreen .menu-actions{perspective:1100px;gap:15px}
#welcomeScreen .menu-action-btn{min-width:0;min-height:160px;padding:22px;border:1px solid #314965;background:radial-gradient(ellipse at 0 0,#29426355,transparent 70%),linear-gradient(145deg,#14233a,#0d1728);box-shadow:0 12px 28px -21px #000,0 1px 0 #d4edff12 inset;transform:translate3d(0,0,0);transition:transform .22s ease,box-shadow .22s,border-color .22s;touch-action:manipulation}
#welcomeScreen .menu-action-btn .icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#2b526d,#172c4d);border-color:#527da35c;box-shadow:0 8px 16px -8px #000,0 1px 0 #d4f4ff33 inset;color:#9bddff;transform:translateZ(12px);font-size:20px}
#welcomeScreen .menu-action-btn .label{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
#welcomeScreen .menu-action-btn .count{line-height:1.7;color:#b7c8dd;overflow-wrap:anywhere}
#welcomeScreen .menu-action-btn:focus-visible,#panelFlow button:focus-visible,#panelFlow input:focus-visible{outline:3px solid #8be6ff;outline-offset:3px}
body[data-panel-depth] :is(#welcomeScreen,#menuScreen,#appScreen,#statsScreen,#sadakatScreen,#kampanyaScreen) .panel{background:linear-gradient(145deg,#142238f5,#0d1728);border-color:#2d415d;box-shadow:0 16px 36px -28px #000,0 1px 0 #e0f4ff0c inset}
#panelFlow{margin:0 0 24px;position:relative;isolation:isolate;min-width:0}
#panelFlow .flow-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin:24px 0 16px}
#panelFlow h2{font-size:21px;letter-spacing:-.5px;margin:0 0 6px}
#panelFlow p{font-size:13px;line-height:1.8;color:#b8cce3;overflow-wrap:anywhere}
#panelFlow .flow-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
#panelFlow button{width:auto;min-height:44px;padding:10px 14px;white-space:normal;font-size:12px;border-color:#3e5977;background:#13253e;color:#e4f2ff}
#panelFlow .flow-auto{display:flex;align-items:center;gap:8px;font-size:12px;color:#d0dfef;min-height:44px;cursor:pointer}
#panelFlow input[type=checkbox]{width:19px;height:19px;accent-color:#6edcf1;padding:0;flex:none}
#panelFlow .flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1200px}
#panelFlow .flow-card{min-width:0;position:relative;padding:21px;border-radius:20px;border:1px solid #355274;background:radial-gradient(circle at 110% -15%,var(--flow-glow,#1d668c66),transparent 68%),linear-gradient(140deg,#192e49,#101c30);box-shadow:0 20px 32px -25px #000,0 1px 0 #d7f1ff22 inset;overflow:hidden;transition:transform .22s,border-color .22s}
#panelFlow .flow-card:after{content:'';pointer-events:none;position:absolute;width:72px;height:72px;right:-16px;bottom:-34px;border:1px solid #b5eeff2b;border-radius:20px;transform:rotate(-25deg)}
#panelFlow .flow-card:nth-child(2n){--flow-glow:#32765a66}
#panelFlow .flow-card:nth-child(3n){--flow-glow:#70539d66}
#panelFlow .flow-card-label{font-size:12px;font-weight:600;color:#c4d7ec;display:block;line-height:1.6}
#panelFlow .flow-number{display:block;font-size:37px;font-weight:800;letter-spacing:-1.5px;line-height:1.3;margin:12px 0 8px;font-variant-numeric:tabular-nums;color:#f3faff}
#panelFlow .flow-card small{font-size:11px;color:#b3c7df;display:block;line-height:1.7}
#panelFlow .flow-status{margin:14px 0 8px;padding-left:12px;border-left:3px solid #62c8dc}
#panelFlow[data-state=stale] .flow-status{border-color:#edb85e;color:#f2d9a9}
#panelFlow .flow-note{font-size:11px;color:#a5bdd6}
#panelFlow .flow-details{margin-top:16px;border:1px solid #355274;border-radius:18px;background:linear-gradient(140deg,#14253d,#0e1a2d);overflow:hidden}
#panelFlow summary{min-height:48px;padding:15px 18px;cursor:pointer;font-size:13px;font-weight:600;color:#d9edff;overflow-wrap:anywhere;line-height:1.7}
#panelFlow summary:focus-visible{outline:3px solid #8be6ff;outline-offset:-3px}
#panelFlow .flow-extras{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;padding:0 20px 20px}
#panelFlow .flow-extras h3{font-size:16px;margin:8px 0 12px}
#panelFlow .flow-chart,#panelFlow .flow-speed{min-width:0}
#panelFlow .flow-plot{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:3px;margin:16px 0 10px;min-height:120px}
#panelFlow .flow-hour{min-width:0}#panelFlow .flow-hour-track{height:96px;display:flex;align-items:end;border-radius:4px;background:#1b3350;overflow:hidden}
#panelFlow[data-state=stale] .flow-details{border-color:#8e6c35}
#panelFlow .flow-hour-track span{display:block;width:100%;background:linear-gradient(0deg,#3f8bcd,#8ae3ed);border-radius:4px 4px 0 0}
#panelFlow .flow-hour[data-future=true] .flow-hour-track{background:repeating-linear-gradient(135deg,#14263b,#14263b 4px,#1d3046 4px,#1d3046 5px);opacity:.45}
#panelFlow .flow-hour small{font-size:9px;color:#a7bfd7;display:block;margin-top:7px;text-align:center}
#panelFlow .flow-hours{border-top:1px solid #2f4867;margin-top:12px}#panelFlow .flow-hours summary{padding:12px 0}
#panelFlow .flow-hours dl{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;max-height:220px;overflow:auto;padding:4px 8px 4px 0}
#panelFlow dt,#panelFlow dd{font-size:12px;line-height:1.8;color:#bed2e8;margin:0;overflow-wrap:anywhere}
#panelFlow .flow-speed dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px 16px;margin:20px 0}#panelFlow .flow-speed dd{color:#eff9ff;font-weight:600}
@media(max-width:700px){#panelFlow .flow-extras{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 15px 15px}#panelFlow .flow-plot{gap:2px}#panelFlow .flow-speed{border-top:1px solid #2f4867;padding-top:10px}}
.flow-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.depth-scene{position:absolute;right:35px;bottom:-20px;width:160px;height:115px;perspective:700px;pointer-events:none;opacity:.45}
.depth-scene span{position:absolute;width:105px;height:70px;border:1px solid #91e4ff77;border-radius:16px;background:linear-gradient(125deg,#52c5e51f,#27487077);box-shadow:10px 15px 25px -15px #000;transform:rotateX(50deg) rotateZ(-30deg);right:0;bottom:0}
.depth-scene span:nth-child(2){bottom:22px;right:15px}.depth-scene span:nth-child(3){bottom:44px;right:30px}
#welcomeScreen .dashboard-header>div:first-child{position:relative;z-index:1}
@media(hover:hover) and (pointer:fine) and (min-width:800px){
body[data-panel-motion=on] #welcomeScreen .menu-action-btn:hover{transform:translateY(-5px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));border-color:#719ec3;box-shadow:0 24px 36px -23px #000,0 1px 0 #c8edff22 inset}
body[data-panel-motion=on] #panelFlow .flow-card:hover{transform:translateY(-4px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));border-color:#719ec3}
body[data-panel-motion=on] .depth-scene{animation:depthFloat 9s ease-in-out infinite}
}
@keyframes depthFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
body[data-panel-motion=off] #welcomeScreen :is(.menu-action-btn,.quick-stat):hover{transform:none}
body[data-panel-motion=off] #welcomeScreen *,body[data-panel-motion=off] #welcomeScreen *:before{animation:none!important;transition:none!important}
@media(max-width:700px){#welcomeScreen .dashboard-header{padding:23px 20px;grid-template-columns:minmax(0,1fr);gap:18px}#welcomeScreen .dashboard-badge{justify-self:start}.depth-scene{right:5px;bottom:0;opacity:.2}#panelFlow .flow-heading{flex-direction:column;gap:8px}#panelFlow .flow-controls{justify-content:flex-start;width:100%}#panelFlow .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#panelFlow .flow-card{padding:16px 13px}#panelFlow .flow-number{font-size:31px}#welcomeScreen .menu-actions{gap:11px}#welcomeScreen .menu-action-btn{padding:17px 14px;min-height:150px}#welcomeScreen .menu-action-btn .label{font-size:14px}}
@media(hover:none),(pointer:coarse){#welcomeScreen :is(.menu-action-btn,.quick-stat):hover{transform:none}#welcomeScreen .menu-action-btn .icon{transform:none}.depth-scene{animation:none!important}}
@media(max-width:700px){#panelFlow .flow-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#panelFlow .flow-auto{grid-column:1/-1}#panelFlow .flow-controls button{width:100%}}
@media(prefers-reduced-motion:reduce){#welcomeScreen *,#welcomeScreen *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}#welcomeScreen .menu-action-btn:hover,#panelFlow .flow-card:hover{transform:none!important}}