:root{--bg:#080b14;--bg-2:#0c1120;--glass:rgba(18,24,42,.72);--glass-strong:rgba(22,29,51,.94);--text:#f1f4ff;--text-soft:#9ca6bf;--stroke:rgba(154,166,205,.14);--glow:rgba(98,104,242,.28);--brand:#7378ff;--brand-2:#9c5cff;--cyan:#35d5eb;--green:#35d39d;--red:#ff6279;--amber:#ffb65c;--shadow-2026:0 28px 70px rgba(0,0,0,.34)}
html[data-theme=dark]{background:var(--bg);color-scheme:dark}html[data-theme=dark] body{color:var(--text);background:radial-gradient(circle at 72% -5%,rgba(98,92,238,.13),transparent 30%),radial-gradient(circle at -10% 70%,rgba(42,198,222,.07),transparent 35%),var(--bg)}
html[data-theme=dark] .content-shell,html[data-theme=dark] .page-content{background:transparent}html[data-theme=dark] .sidebar{background:linear-gradient(180deg,rgba(11,15,28,.98),rgba(7,10,18,.98));border-right:1px solid var(--stroke);box-shadow:20px 0 60px rgba(0,0,0,.18)}
.brand-logo{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(72,99,255,.35))}.brand{padding-left:4px}.brand strong{letter-spacing:-.02em}.brand small{color:#77829e}.sidebar:after{content:"";position:absolute;inset:auto 12% -100px;width:76%;height:180px;background:var(--brand);filter:blur(90px);opacity:.09;pointer-events:none}
html[data-theme=dark] .nav-link{color:#8490aa}html[data-theme=dark] .nav-link:hover{background:rgba(111,119,255,.08);color:#dce2f6;transform:translateX(2px)}html[data-theme=dark] .nav-link.active{background:linear-gradient(105deg,rgba(106,112,255,.2),rgba(133,83,240,.12));color:#fff;border:1px solid rgba(123,128,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(22,25,75,.25)}
html[data-theme=dark] .topbar{background:rgba(8,11,20,.76);border-color:var(--stroke);backdrop-filter:blur(24px) saturate(140%)}html[data-theme=dark] .topbar h1{color:var(--text)}.top-actions{align-items:center}.top-actions form{margin:0}.theme-button{width:68px;height:36px;padding:3px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.04);color:var(--text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.theme-button:before{content:"";position:absolute;width:28px;height:28px;left:3px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 5px 16px var(--glow);transition:.25s}.theme-button span{z-index:1;width:28px;text-align:center;font-size:.75rem}.language-form select{width:62px;min-height:36px;padding:5px 8px;background:rgba(255,255,255,.04);border-color:var(--stroke);color:inherit}
html[data-theme=dark] .panel,html[data-theme=dark] .stat-card,html[data-theme=dark] .filter-bar,html[data-theme=dark] .plan-card{background:linear-gradient(145deg,rgba(20,27,47,.82),rgba(13,18,32,.72));border-color:var(--stroke);box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.16);backdrop-filter:blur(22px)}html[data-theme=dark] .panel:hover,html[data-theme=dark] .stat-card:hover{border-color:rgba(124,132,255,.22)}html[data-theme=dark] .stat-card{overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-55px;bottom:-60px;background:var(--brand);filter:blur(28px);opacity:.12}.stat-card{transition:transform .25s,border-color .25s}.stat-card:hover{transform:translateY(-3px)}html[data-theme=dark] .stat-card p,html[data-theme=dark] .stat-card small,html[data-theme=dark] .muted{color:var(--text-soft)}html[data-theme=dark] .stat-card strong,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3{color:var(--text)}
.hero-card,.admin-hero,.billing-banner{background:linear-gradient(125deg,rgba(39,47,85,.93),rgba(41,31,78,.9));border:1px solid rgba(134,137,255,.2);box-shadow:var(--shadow-2026),inset 0 1px rgba(255,255,255,.08);position:relative;isolation:isolate}.hero-card:before,.admin-hero:before,.billing-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(71,214,234,.15),transparent 26%),radial-gradient(circle at 10% 120%,rgba(152,82,255,.25),transparent 40%);border-radius:inherit;z-index:-1}.start-button{background:linear-gradient(135deg,#fff,#dfe8ff);box-shadow:0 12px 30px rgba(0,0,0,.28)}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 10px 28px rgba(85,74,220,.3)}.danger-button{background:linear-gradient(135deg,#ff5a78,#dd405d)}html[data-theme=dark] .ghost-button,html[data-theme=dark] .table-action{background:rgba(255,255,255,.035);border-color:var(--stroke);color:#cdd4e8}html[data-theme=dark] .ghost-button:hover,html[data-theme=dark] .table-action:hover{background:rgba(116,122,255,.1);border-color:rgba(124,130,255,.3);color:#fff}
html[data-theme=dark] th{background:rgba(7,10,18,.35);color:#6f7b96;border-color:var(--stroke)}html[data-theme=dark] td{color:#aab3ca;border-color:var(--stroke)}html[data-theme=dark] td strong{color:#e4e8f6}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:rgba(5,8,16,.55);border-color:rgba(147,157,193,.18);color:#eef2ff}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#626d86}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#7378ff;box-shadow:0 0 0 3px rgba(115,120,255,.13),0 8px 25px rgba(0,0,0,.16)}html[data-theme=dark] label{color:#aab3ca}html[data-theme=dark] .modal-card{background:linear-gradient(145deg,#171e34,#0e1323);border:1px solid var(--stroke);color:var(--text)}
.admin-tabs{display:flex;gap:6px;overflow:auto;padding:5px;margin:0 0 22px;border:1px solid var(--stroke);border-radius:14px;background:rgba(14,19,34,.65);backdrop-filter:blur(18px);scrollbar-width:none}.admin-tabs a{white-space:nowrap;padding:9px 13px;border-radius:9px;color:#7f8aa5;font-size:.77rem;font-weight:750}.admin-tabs a:hover{color:#d9def0;background:rgba(255,255,255,.04)}.admin-tabs a.active{color:#fff;background:linear-gradient(135deg,rgba(109,115,255,.3),rgba(142,83,240,.22));box-shadow:inset 0 1px rgba(255,255,255,.07)}.admin-hero{border-radius:22px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden}.admin-hero h2{font-size:1.65rem}.admin-hero p:last-child{margin:0;color:#aeb7d1}.pulse-orb{display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:30px;background:rgba(8,12,25,.42);font-size:.76rem}.pulse-orb span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(53,211,157,.5);animation:pulse 2s infinite}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{min-height:100px;padding:14px;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.025);color:#abb5cc;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left}.quick-card:hover{transform:translateY(-3px);border-color:rgba(120,128,255,.35);background:rgba(111,118,255,.08);color:#fff}.quick-card span{font-size:1.3rem;color:#8b90ff}.quick-card strong{font-size:.78rem}.metric-list,.health-list{display:grid}.metric-list div,.health-list div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--stroke)}.metric-list div:last-child,.health-list div:last-child{border:0}.metric-list span,.health-list span{color:var(--text-soft)}
.user-admin-row{display:grid;grid-template-columns:105px 70px 45px 90px auto auto;align-items:center;gap:8px}.user-admin-row select{min-height:34px;padding:5px 8px}.mini-metric{color:#7f89a2;font-size:.72rem}.inline-form,.store-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}.store-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-editor{display:grid;gap:13px}.feature-checks{display:flex;flex-wrap:wrap;gap:8px}.feature-checks label{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--stroke);border-radius:20px;background:rgba(255,255,255,.025);font-size:.72rem}.feature-checks input{width:14px;height:14px;min-height:0}.editor-actions{display:flex;align-items:center;gap:9px}.switch-line{display:flex;align-items:center;gap:7px;margin-right:auto}.switch-line input{width:16px;min-height:16px}.sort-input{width:70px}.chip-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.chip-list span{padding:6px 10px;border-radius:20px;background:rgba(55,213,235,.08);border:1px solid rgba(55,213,235,.15);color:#8ddce9;font-size:.7rem}.provider-list{display:grid;gap:7px}.provider-list>div{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--stroke);border-radius:12px}.provider-list>div>span:nth-child(2){flex:1}.provider-list strong,.provider-list small{display:block}.provider-list small{color:var(--text-soft)}.provider-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,rgba(109,115,255,.25),rgba(53,213,235,.13));color:#b7c1ff;font-weight:850}.update-warning{display:flex;align-items:center;gap:15px;padding:14px 17px;margin-bottom:20px;border:1px solid rgba(53,211,157,.2);border-radius:14px;background:rgba(53,211,157,.06);color:#82dfbd}.update-warning span{color:#8fa99f;font-size:.78rem}.backup-list{display:grid;gap:9px}.backup-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--stroke);border-radius:12px}.backup-list strong,.backup-list small{display:block}.backup-list small{color:var(--text-soft);font-size:.68rem}.backup-list form{display:flex;gap:6px;align-items:center}.backup-list input{width:125px;min-height:34px;padding:5px 8px}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}code{font-size:.68rem;color:#9aa7d1;white-space:pre-wrap;word-break:break-word}
html[data-theme=dark] .auth-shell{background:radial-gradient(circle at 15% 20%,rgba(99,104,242,.17),transparent 32%),radial-gradient(circle at 90% 80%,rgba(52,211,235,.08),transparent 30%),#070a12}.auth-card{border:1px solid var(--stroke);box-shadow:0 35px 100px rgba(0,0,0,.5)}html[data-theme=dark] .auth-panel{background:linear-gradient(145deg,#12182a,#0d1220);color:var(--text)}.auth-visual{background:linear-gradient(145deg,#11172d,#313b87 64%,#6651b7)}.visual-orb{border:0;background:transparent;box-shadow:0 0 80px rgba(65,221,242,.18)}.visual-orb img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.35))}.auth-made{margin-top:24px;color:rgba(255,255,255,.45)}html[data-theme=dark] .auth-tabs{border-color:var(--stroke)}
.footer{display:flex;justify-content:flex-end;gap:8px}.footer strong{color:#68738e}.alert{animation:slideDown .32s ease}.modal[open] .modal-card{animation:modalIn .25s ease}.page-content>*{animation:fadeUp .4s ease both}.page-content>*:nth-child(2){animation-delay:.04s}.page-content>*:nth-child(3){animation-delay:.08s}@keyframes fadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(53,211,157,0)}100%{box-shadow:0 0 0 0 rgba(53,211,157,0)}}
html[data-theme=light]{--bg:#f5f7fb;--bg-2:#fff;--glass:rgba(255,255,255,.78);--glass-strong:#fff;--text:#1b2133;--text-soft:#737c93;--stroke:rgba(36,45,75,.1);color-scheme:light}html[data-theme=light] body{background:radial-gradient(circle at 80% 0,rgba(104,112,255,.08),transparent 28%),#f5f7fb;color:var(--text)}html[data-theme=light] .theme-button:before{left:35px}html[data-theme=light] .sidebar{background:#111525}html[data-theme=light] .topbar{background:rgba(245,247,251,.82)}html[data-theme=light] .panel,html[data-theme=light] .stat-card,html[data-theme=light] .filter-bar,html[data-theme=light] .plan-card{background:rgba(255,255,255,.84);border-color:var(--stroke)}html[data-theme=light] .admin-tabs{background:rgba(255,255,255,.75)}html[data-theme=light] .admin-tabs a{color:#70798f}html[data-theme=light] .admin-tabs a.active{color:#4e52d7;background:#ececff}html[data-theme=light] .quick-card{background:#fafbfe;color:#626b80}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:#20263a}html[data-theme=light] .modal-card{background:#fff}.theme-moon{color:#fff}
@media(max-width:1150px){.quick-grid{grid-template-columns:1fr 1fr}.admin-plan-grid{grid-template-columns:1fr}.inline-form,.store-map-grid{grid-template-columns:1fr 1fr}.user-admin-row{grid-template-columns:90px 65px 42px auto auto}.mini-metric{display:none}}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr}.top-actions .ghost-button{display:none}.admin-hero{align-items:flex-start;flex-direction:column}.inline-form,.store-map-grid{grid-template-columns:1fr}.user-admin-row{min-width:520px}.backup-list>div,.backup-list form{align-items:stretch;flex-direction:column}.backup-list input{width:100%}}@media(max-width:540px){.theme-button{width:38px}.theme-button span{display:none}.theme-button:before{left:4px!important}.language-form select{width:54px}.admin-tabs{margin-left:-4px;margin-right:-4px}.quick-grid{grid-template-columns:1fr 1fr}.admin-hero{padding:22px}.update-warning{align-items:flex-start;flex-direction:column}.editor-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.form-stack{display:grid;gap:14px}.project-cards{display:grid;gap:9px;margin-top:18px}.project-cards article{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.025)}.project-cards article>span:first-child{width:10px;height:36px;border-radius:8px;background:var(--project-color)}.project-cards article>div{display:grid;flex:1}.project-cards small{color:var(--text-soft)}.project-cards b{font-size:.78rem}.inline-action{display:inline-block;margin-left:8px}.break-live{padding:7px 10px;border-radius:20px;background:rgba(255,182,92,.12);color:var(--amber);font-size:.76rem}.timer-action{flex-wrap:wrap}@media(max-width:850px){.management-grid{grid-template-columns:1fr}}
.user-admin-row>.switch{display:none}
.nav-icon{width:21px;height:21px;border:0!important;border-radius:0!important;box-shadow:none!important;display:grid;place-items:center;opacity:.88;transition:transform .28s ease,filter .28s ease}.nav-icon:after{display:none!important}.nav-icon svg,.quick-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-link:hover .nav-icon{transform:translateX(2px) scale(1.08);filter:drop-shadow(0 0 7px currentColor)}.nav-link.active .nav-icon{animation:iconEnter .55s cubic-bezier(.2,.8,.2,1)}.quick-icon{width:38px;height:38px!important;padding:9px;border-radius:12px;background:linear-gradient(145deg,rgba(115,120,255,.2),rgba(53,213,235,.08));display:grid;place-items:center;color:#aeb3ff!important;transition:transform .3s ease,background .3s ease}.quick-card:hover .quick-icon{transform:translateY(-2px) rotate(-4deg) scale(1.08);background:linear-gradient(145deg,rgba(115,120,255,.35),rgba(53,213,235,.16))}
.remember-line{grid-template-columns:20px 24px 1fr;align-items:center;gap:0;cursor:pointer;padding:4px 0}.remember-line>input{position:absolute;opacity:0;pointer-events:none}.remember-line .custom-check{width:19px;height:19px;border:1px solid rgba(150,160,195,.35);border-radius:6px;background:rgba(255,255,255,.035);position:relative;transition:.2s}.remember-line input:checked+.custom-check{border-color:var(--brand);background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 0 4px rgba(115,120,255,.1)}.remember-line input:checked+.custom-check:after{content:"";position:absolute;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:4px;top:5px}.remember-line>span:last-child{grid-column:3;display:grid;margin-left:9px}.remember-line strong{font-size:.79rem;color:inherit}.remember-line small{font-size:.67rem;color:var(--text-soft)}
.primary-button,.start-button,.danger-button,.quick-card{position:relative;overflow:hidden}.primary-button:after{content:"";position:absolute;inset:-120% auto -120% -35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(18deg);transition:left .65s ease}.primary-button:hover:after{left:120%}.motion-ripple{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.32);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:ripple .62s ease-out}.motion-item{opacity:0;transform:translateY(18px) scale(.988);transition:opacity .55s ease var(--motion-delay),transform .65s cubic-bezier(.2,.8,.2,1) var(--motion-delay)}.motion-item.motion-visible{opacity:1;transform:none}.visual-orb img{animation:logoFloat 4.8s ease-in-out infinite}.visual-orb:after{content:"";position:absolute;inset:-24px;border:1px solid rgba(99,219,238,.16);border-radius:50%;animation:orbitPulse 3.2s ease-in-out infinite}.hero-card:after{animation:ambientFloat 7s ease-in-out infinite}.live-time{animation:timerGlow 2.4s ease-in-out infinite}
@keyframes iconEnter{0%{transform:scale(.65) rotate(-10deg);opacity:.2}70%{transform:scale(1.13) rotate(3deg)}100%{transform:none;opacity:1}}@keyframes ripple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes orbitPulse{0%,100%{transform:scale(.92);opacity:.25}50%{transform:scale(1.08);opacity:.7}}@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-20px,18px,0)}}@keyframes timerGlow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 18px rgba(53,213,235,.45)}}

/* v1.2.4 premium shift controls and self-dismissing notifications */
.alert{position:fixed;z-index:120;top:96px;right:24px;width:min(440px,calc(100vw - 32px));min-height:64px;margin:0;padding:13px 46px 13px 14px;border-radius:18px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;overflow:hidden;box-shadow:0 22px 60px rgba(0,0,0,.32);backdrop-filter:blur(24px) saturate(150%);transition:opacity .26s ease,transform .26s ease}.alert.success{color:#b8f7df;background:linear-gradient(135deg,rgba(17,58,51,.94),rgba(15,31,42,.94));border:1px solid rgba(77,224,170,.25)}.alert.error{color:#ffd0d8;background:linear-gradient(135deg,rgba(66,25,37,.96),rgba(28,24,38,.96));border:1px solid rgba(255,101,127,.26)}.alert-icon{width:38px;height:38px;padding:9px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.07)}.alert-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.alert-copy{line-height:1.45}.alert button{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:9px!important;font-size:1.15rem!important;opacity:.65}.alert button:hover{background:rgba(255,255,255,.08);opacity:1}.alert-progress{position:absolute;left:0;right:0;bottom:0;height:3px;transform-origin:left;background:linear-gradient(90deg,var(--green),var(--cyan));animation:alertCountdown linear forwards}.alert-progress.paused{animation-play-state:paused}.alert-closing{opacity:0;transform:translateX(22px) scale(.98)}html[data-theme=light] .alert.success{color:#126c50;background:rgba(240,255,249,.96);border-color:rgba(35,174,124,.2)}html[data-theme=light] .alert.error{color:#a92f45;background:rgba(255,245,247,.97);border-color:rgba(220,70,96,.18)}
.shift-hero{min-height:264px;padding:34px 38px;background:linear-gradient(120deg,rgba(27,37,71,.98),rgba(40,27,75,.96));border-color:rgba(130,139,255,.26)}.shift-hero:before{background:radial-gradient(circle at 79% 22%,rgba(53,213,235,.2),transparent 24%),radial-gradient(circle at 18% 125%,rgba(156,92,255,.32),transparent 43%)}.shift-hero.is-active{border-color:rgba(53,211,157,.23)}.shift-hero.is-break{border-color:rgba(255,182,92,.28)}.shift-copy{max-width:540px;z-index:2}.shift-copy h2{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.035em;margin:.35rem 0 .5rem}.shift-copy>p:last-child{max-width:490px;line-height:1.65}.shift-status{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:7px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(5,9,20,.28);color:#b7c0d8;font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shift-status-dot{width:8px;height:8px;border-radius:50%;background:#76809a;box-shadow:0 0 0 5px rgba(118,128,154,.1)}.is-active .shift-status-dot{background:var(--green);box-shadow:0 0 0 5px rgba(53,211,157,.11);animation:shiftPulse 1.8s infinite}.is-break .shift-status-dot{background:var(--amber);box-shadow:0 0 0 5px rgba(255,182,92,.11)}.shift-console{min-width:365px;display:grid;justify-items:end;gap:16px;z-index:2}.shift-runtime{text-align:right}.shift-runtime small,.shift-runtime span{display:block;color:#929eb9;font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.shift-runtime .live-time{margin:4px 0;font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.045em;color:#fff}.shift-actions{display:flex;align-items:stretch;gap:10px}.shift-control,.shift-secondary{position:relative;overflow:hidden;border:0;cursor:pointer;color:#fff;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.shift-control{min-width:245px;min-height:76px;padding:12px 15px;border-radius:21px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:13px;text-align:left}.shift-control.is-start{background:linear-gradient(135deg,#6f74ff,#9858ef);box-shadow:0 18px 42px rgba(83,71,218,.4),inset 0 1px rgba(255,255,255,.25)}.shift-control.is-stop{background:linear-gradient(135deg,#f35370,#ca3655);box-shadow:0 18px 42px rgba(182,42,76,.32),inset 0 1px rgba(255,255,255,.2)}.shift-control:hover{transform:translateY(-3px) scale(1.01);filter:saturate(1.08)}.shift-control:active{transform:translateY(0) scale(.985)}.shift-control-icon{width:50px;height:50px;padding:14px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.18)}.shift-control-icon svg,.shift-secondary svg,.shift-ready-orbit svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.shift-control>span:nth-child(2){display:grid;gap:2px}.shift-control small{color:rgba(255,255,255,.7);font-size:.65rem;font-weight:650}.shift-control strong{font-size:1.05rem;letter-spacing:-.01em}.shift-control>b{font-size:1.15rem}.shift-secondary{min-width:112px;padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(7,12,25,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#c9d2e7;font-size:.69rem;font-weight:750}.shift-secondary>span:first-child{width:22px;height:22px}.shift-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);color:#fff}.shift-ready-orbit{width:86px;height:86px;margin-right:79px;border:1px solid rgba(92,222,235,.24);border-radius:50%;display:grid;place-items:center;color:#8ee7f0;background:radial-gradient(circle,rgba(53,213,235,.13),rgba(53,213,235,.02) 65%,transparent 66%);box-shadow:0 0 45px rgba(53,213,235,.12);position:relative}.shift-ready-orbit>span{width:31px;height:31px}.shift-ready-orbit i{position:absolute;inset:-9px;border:1px dashed rgba(150,126,255,.26);border-radius:50%;animation:orbitSpin 16s linear infinite}.shift-ready-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:-5px;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
@keyframes alertCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shiftPulse{70%{box-shadow:0 0 0 10px rgba(53,211,157,0)}100%{box-shadow:0 0 0 5px rgba(53,211,157,0)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.shift-hero{align-items:flex-start;flex-direction:column}.shift-console{width:100%;min-width:0;justify-items:stretch}.shift-runtime{text-align:left}.shift-ready-orbit{margin:0 auto}.shift-actions{justify-content:flex-end}}
@media(max-width:540px){.alert{top:88px;left:12px;right:12px;width:auto}.shift-hero{padding:25px 21px;min-height:0}.shift-copy h2{font-size:1.75rem}.shift-actions{display:grid;grid-template-columns:96px 1fr}.shift-control{min-width:0;width:100%;min-height:72px;grid-template-columns:46px 1fr auto}.shift-control-icon{width:46px;height:46px}.shift-secondary{min-width:0}.shift-ready-orbit{width:76px;height:76px}.shift-console>.shift-control{margin-top:2px}}