.alarm-dashboard{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0f0c29,#1a1a2e 50%,#16213e);padding:2rem}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 20s ease-in-out infinite}.gradient-orb-1{width:600px;height:600px;background:radial-gradient(circle,#667eea 0,transparent 70%);top:-200px;right:-200px;animation-delay:0s}.gradient-orb-2{width:500px;height:500px;background:radial-gradient(circle,#764ba2 0,transparent 70%);bottom:-150px;left:-150px;animation-delay:-7s}.gradient-orb-3{width:400px;height:400px;background:radial-gradient(circle,#00d4ff 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s;opacity:.2}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.dashboard-content{position:relative;z-index:1;max-width:560px;width:100%}.dashboard-content,.logo-section{display:flex;flex-direction:column;align-items:center}.logo-section{margin-bottom:2rem;text-align:center}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 20px 40px rgba(102,126,234,.3)}.welcome-text{font-size:.75rem;letter-spacing:.2em;color:hsla(0,0%,100%,.5);text-transform:uppercase;margin-bottom:.5rem}.main-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .75rem}.version-badge{display:inline-block;padding:.25rem .75rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:100px;font-size:.75rem;color:hsla(0,0%,100%,.7)}.main-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:2.5rem;width:100%;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.section-title{font-size:1.25rem;font-weight:600;color:#00d4ff;margin:0 0 .5rem;text-align:center}.section-subtitle{font-size:.9rem;color:hsla(0,0%,100%,.6);margin:0 0 2rem;text-align:center;line-height:1.6}.status-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;transition:all .2s ease}.status-item:hover{background:hsla(0,0%,100%,.06);transform:translateX(4px)}.status-icon{font-size:1.25rem;width:20px;text-align:center}.status-active .status-icon{color:#10b981}.status-online .status-icon{color:#3b82f6}.status-power .status-icon{color:#f59e0b}.status-label{flex:1 1;font-size:.9rem;color:hsla(0,0%,100%,.7)}.status-value{font-weight:600;color:#fff;font-size:.9rem}.primary-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 10px 30px rgba(102,126,234,.3)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px rgba(102,126,234,.4)}.primary-btn:active{transform:translateY(0)}.use-cases-section{margin-top:2rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.use-cases-title{font-size:.85rem;font-weight:600;color:hsla(0,0%,100%,.4);margin:0 0 1rem;text-align:center}.use-cases-list{display:flex;flex-direction:column;gap:.5rem}.use-case-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;color:hsla(0,0%,100%,.7);font-size:.9rem;text-decoration:none;transition:all .2s ease}.use-case-item:hover{background:hsla(0,0%,100%,.08);color:#fff;transform:translateX(4px)}.use-case-icon{color:hsla(0,0%,100%,.4);font-size:.9rem}.footer-note{margin-top:2rem;padding:1rem;background:hsla(0,0%,100%,.03);border-left:3px solid rgba(102,126,234,.5);border-radius:0 8px 8px 0;font-size:.8rem;color:hsla(0,0%,100%,.5);line-height:1.5;font-style:italic}.dashboard-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;text-align:center;color:hsla(0,0%,100%,.3);font-size:.75rem;z-index:1}.dashboard-footer span{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:600}@media(max-width:640px){.alarm-dashboard{padding:1rem}.main-card{padding:1.5rem;border-radius:20px}.logo-icon{width:60px;height:60px;font-size:1.75rem}.main-title{font-size:1.5rem}}