:root{--primary:#0c4a6e;--primary-hover:#083553;--secondary:#38bdf8;--text-main:#0c4a6e;--text-muted:#3b6b8a;--status-critical:#ef4444;--status-warning:#f59e0b;--status-ok:#0c4a6e;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--transition:all .25s cubic-bezier(.16, 1, .3, 1);--surface:#fff;--surface-border:#0c4a6e14;--surface-hover:#0c4a6e0a;--shadow-outer:4px 4px 12px #0c4a6e14, -3px -3px 8px #fffc;--shadow-inner:inset 3px 3px 6px #0c4a6e0f, inset -3px -3px 6px #fffc;--highlight-top:inset 1px 1px 2px #ffffff80;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}::-webkit-scrollbar{display:none}h1{font-size:clamp(1.2rem,5vw,1.6rem)!important}h2{font-size:clamp(1.05rem,4vw,1.35rem)!important}h3{font-size:clamp(.9rem,3.5vw,1.1rem)!important}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e0f2fe;min-height:100vh;margin:0;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.glass-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-outer);transition:var(--transition);background:#fff;border:1px solid #fffc;padding:clamp(1rem,4vw,1.5rem);animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp}.glass-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #fffc;box-shadow:0 3px 14px -2px #0c4a6e0f}.glass-panel{background:var(--secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-outer);color:var(--primary);transition:var(--transition);border:1px solid #ffffff4d;padding:1rem;font-weight:700}.glass-card-concave{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #ffffff4d;padding:clamp(.9rem,3.5vw,1.4rem);animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;box-shadow:inset 4px 4px 8px #0c4a6e1a,inset -3px -3px 8px #ffffffe6}.status-indicator{border-radius:50%;width:10px;height:10px;display:inline-block}.status-normal{background:var(--status-ok);animation:2s ease-in-out infinite pulse-dot}.status-warning{background:var(--status-warning)}.status-critical{background:var(--status-critical)}input,select,textarea{border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-inner);color:var(--text-main);transition:var(--transition);background:#fff;border:1px solid #0c4a6e14;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{background:#fafafa;outline:none;box-shadow:inset 3px 3px 6px #0c4a6e0a,inset -3px -3px 6px #ffffff80,0 0 0 3px #0c4a6e1a}input:disabled,input[readonly]{color:#64748b;cursor:not-allowed;box-shadow:none;background:#f1f5f9;border-color:#cbd5e1}input::placeholder,textarea::placeholder{color:#94a3b8}button{transition:var(--transition);letter-spacing:.3px;font-family:inherit;font-weight:700}.title-gradient{background:linear-gradient(135deg, var(--primary) 0%, #38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.features-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.9rem;width:100%;max-width:1200px;margin:.8rem auto;padding:.5rem 5% 1.5rem;display:flex;overflow-x:auto}.features-grid::-webkit-scrollbar{display:none}.features-grid>*{scroll-snap-align:center;flex:0 0 82%}@media (width>=640px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5% 2rem;display:grid;overflow-x:visible}.features-grid>*{flex:auto}}@media (width>=1024px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.smooth-bottom-nav{z-index:50;width:100%;height:64px;padding-bottom:env(safe-area-inset-bottom);filter:drop-shadow(0 -4px 12px #0c4a6e14);background:0 0;position:fixed;bottom:0;left:0}.nav-bg-clipper{border-radius:20px 20px 0 0;position:absolute;inset:0;overflow:hidden}.nav-items{z-index:2;grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid;position:relative}.nav-item{color:var(--text-muted);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-icon-frame{border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .2s,background .2s;display:grid}.nav-item.active .nav-icon-frame{color:#fff;background:var(--primary);transform:translateY(-24px);box-shadow:0 4px 12px #0c4a6e4d}.nav-bg-slider{top:0;left:calc((100% / 4) * var(--active-index) + (100% / 8));width:90px;height:100%;transition:left .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:translate(-50%)}.nav-bg-slider svg{width:100%;height:100%;display:block}.nav-bg-slider:before{content:"";background:#fff;width:2000px;height:100%;position:absolute;top:0;right:calc(100% - 1px)}.nav-bg-slider:after{content:"";background:#fff;width:2000px;height:100%;position:absolute;top:0;left:calc(100% - 1px)}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.8rem;display:grid}.glass-swal{border-radius:var(--radius-lg)!important;color:var(--text-main)!important;background:#fff!important;border:1px solid #fff!important;padding:1.2rem!important;box-shadow:12px 12px 24px #0c4a6e14,-12px -12px 24px #fff!important}.glass-swal-title{color:var(--text-main)!important;font-size:1.1rem!important}.glass-swal-content{color:var(--text-muted)!important;font-size:.85rem!important}.glass-swal-confirm{background:var(--primary)!important;border-radius:var(--radius-sm)!important;color:#fff!important;border:none!important;padding:.6rem 1.2rem!important;font-size:.85rem!important;font-weight:700!important}.glass-swal-cancel{border-radius:var(--radius-sm)!important;color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef44444d!important;padding:.6rem 1.2rem!important;font-size:.85rem!important;font-weight:700!important}.btn-3d{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:3px 3px 8px #0c4a6e33, -2px -2px 5px #ffffff1a, var(--highlight-top);border:1px solid #0000001a;padding:.75rem 1.4rem;font-size:.85rem;font-weight:700}.btn-3d:hover{background:var(--primary-hover);box-shadow:4px 4px 10px #0c4a6e40, var(--highlight-top);transform:translateY(-1px)}.btn-3d:active{transform:translateY(1px);box-shadow:inset 2px 2px 4px #0003}.btn-3d.btn-danger{background:var(--status-critical);box-shadow:3px 3px 8px #ef444433, var(--highlight-top)}.btn-3d.btn-danger:hover{box-shadow:4px 4px 10px #ef444440, var(--highlight-top);background:#dc2626}.btn-3d-secondary{background:var(--secondary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);box-shadow:3px 3px 8px #0c4a6e1a, var(--highlight-top);border:1px solid #fff6;padding:.75rem 1.4rem;font-size:.85rem;font-weight:700}.btn-3d-secondary:hover{background:#7dd3fc;transform:translateY(-1px)}.btn-3d-toggle-on{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:1px solid #0003;border-radius:2rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex;box-shadow:inset 3px 3px 8px #0000004d,inset -2px -2px 4px #ffffff1a}.btn-3d-toggle-off{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:#e0f2fe;border:1px solid #0c4a6e1a;border-radius:2rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex;box-shadow:inset 3px 3px 6px #0c4a6e1f,inset -2px -2px 4px #ffffffb3}@media (width<=640px){body{font-size:.85rem}.glass-card{border-radius:16px;padding:.9rem}.glass-card-concave{border-radius:16px;padding:.85rem}input,select,textarea{border-radius:8px;padding:.65rem .85rem;font-size:.85rem}.btn-3d,.btn-3d-secondary{border-radius:8px;padding:.65rem 1.1rem;font-size:.8rem}.hide-on-mobile{display:none!important}}.pill-tab-container{background:#0c4a6e08;border:1px solid #ffffff80;border-radius:2rem;width:100%;margin-bottom:1.25rem;padding:.35rem;box-shadow:inset 3px 3px 6px #0c4a6e1a,inset -3px -3px 6px #ffffffe6}.pill-tab-scroll-area{white-space:nowrap;gap:.4rem;display:flex;overflow-x:auto}.pill-tab{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:1.5rem;flex:none;padding:.45rem .9rem;font-size:.8rem;font-weight:700;border:none!important;outline:none!important}.pill-tab.active{background:var(--primary)!important;color:#fff!important;box-shadow:3px 3px 8px #0c4a6e26!important}