:root{--bg-app:#000;--glass-bg:#1e1e2099;--glass-bg-hover:#28282ab3;--glass-border:#ffffff14;--glass-shadow:0 20px 40px #0006;--accent-color:#0a84ff;--accent-hover:#409cff;--text-primary:#fffffff2;--text-secondary:#ebebf599;--text-tertiary:#ebebf54d;--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0,#2c2c2e 0%,#0000 60%),radial-gradient(circle at 85% 30%,#0a84ff14 0%,#0000 40%),radial-gradient(circle at 15% 30%,#30d1580d 0%,#0000 40%);min-height:100vh;overflow:hidden}#root{flex-direction:column;width:100vw;height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:transform .3s cubic-bezier(.25,.8,.25,1),background .3s,border-color .3s}.glass-panel:hover{background:var(--glass-bg-hover);border-color:#ffffff26;transform:translateY(-2px)}.flex-center{justify-content:center;align-items:center;display:flex}.full-screen{width:100%;height:100%}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);background:#0003;outline:none;padding:14px 16px;font-size:16px;transition:all .2s}input:focus{border-color:var(--accent-color);background:#0006;box-shadow:0 0 0 4px #0a84ff26}button{cursor:pointer;font-family:var(--font-sans);border:none;outline:none}.btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--radius-sm);padding:14px 28px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #0a84ff4d}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.02);box-shadow:0 6px 16px #0a84ff66}.btn-primary:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media only screen and (width<=932px){.dashboard-main-grid{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.dashboard-main-grid>div{grid-column:span 1!important}.zone-grid{grid-template-columns:1fr!important;gap:12px!important}.widget{padding:16px!important}.dashboard-header{padding:10px 16px!important}.header-controls{gap:12px!important}.time-display{font-size:13px!important}.date-display{font-size:10px!important}.alert-flyout{width:calc(100vw - 32px)!important;left:16px!important;right:16px!important}button{min-width:44px;min-height:44px}.sparkline-container{height:40px!important}.stats-grid{grid-template-columns:1fr!important;gap:8px!important}}@media only screen and (width<=932px) and (orientation:landscape){.zone-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:12px!important}.dashboard-main-grid{padding:8px 8px 24px!important}.widget{padding:12px!important}*{box-sizing:border-box}.dashboard-container{max-width:100vw;overflow-x:hidden}}@media only screen and (width<=430px){.zone-grid,.stats-grid,.github-workflows-grid{grid-template-columns:1fr!important}.zone-card-title{font-size:14px!important}.stat-value{font-size:18px!important}.password-buttons{flex-direction:column!important}.password-buttons button{width:100%!important}}@media only screen and (width>=768px) and (width<=1024px){.dashboard-main-grid{grid-template-columns:repeat(12,1fr)!important;gap:16px!important}.cloudflare-zones-container,.right-sidebar{grid-column:span 12!important}.zone-grid{grid-template-columns:1fr 1fr!important}}@media (hover:none) and (pointer:coarse){.clickable,button,a,input[type=password],input[type=text]{min-height:44px;padding:12px}.widget:hover{transform:none!important}input[type=password]{font-size:16px!important}}@supports (padding:max(0px)){.dashboard-container{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom))}.dashboard-header{padding-top:max(12px, env(safe-area-inset-top))}}