@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.1_02jizf7_zt7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_407a63cf-module__eBjE5q__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_407a63cf-module__eBjE5q__variable{--font-noto-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--smartaccess-purple:#7c3aed;--smartaccess-purple-dark:#5b21b6;--smartaccess-purple-light:#a78bfa;--smartaccess-purple-pale:#f5f3ff;--edu-pink:#db2777;--edu-pink-light:#f472b6;--edu-pink-pale:#fdf2f8;--bg-primary:#faf9ff;--bg-secondary:#fff;--bg-accent:#eef2f6;--bg-sidebar:#fff;--text-primary:#1e1b4b;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#7c3aed14;--border-medium:#7c3aed29;--shadow-sm:0 2px 8px -1px #7c3aed0a;--shadow-md:0 10px 25px -5px #7c3aed0f, 0 8px 16px -6px #7c3aed0a;--shadow-lg:0 20px 40px -10px #7c3aed1a, 0 10px 20px -8px #7c3aed0d}[data-theme=dark]{--bg-primary:#0f0d1a;--bg-secondary:#1a1625;--bg-sidebar:#13101f;--bg-accent:#13101f;--text-primary:#f1eeff;--text-secondary:#a89ec0;--text-muted:#6c5d8b;--border:#7c3aed26;--border-medium:#7c3aed40;--shadow-sm:0 2px 8px -1px #00000080;--shadow-md:0 10px 25px -5px #0009, 0 8px 16px -6px #00000080;--shadow-lg:0 20px 40px -10px #000000b3, 0 10px 20px -8px #0009;--smartaccess-purple-pale:#7c3aed1f;--edu-pink-pale:#db27771f}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s}:focus{outline:none}:focus-visible{outline:2px solid var(--smartaccess-purple);outline-offset:2px}.smartaccess-input:focus-visible{border-color:var(--smartaccess-purple);outline:none;box-shadow:0 0 0 4px #7c3aed1f}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background-color:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-noto-thai), var(--font-inter), "Noto Sans Thai", "Inter", sans-serif;overscroll-behavior-x:none;width:100%;max-width:100vw;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,[role=button],input,select,textarea,label{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--smartaccess-purple-light);border:1px solid var(--bg-primary);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--smartaccess-purple)}.premium-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:20px;position:relative;overflow:hidden}.premium-card:before{content:"";background:linear-gradient(90deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%);opacity:.85;height:4px;position:absolute;top:0;left:0;right:0}.audio-toggle-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.audio-toggle-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-1px)}.audio-toggle-card:before{content:"";background:linear-gradient(180deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%);opacity:.85;width:4px;position:absolute;top:0;bottom:0;left:0}.audio-toggle-content{flex:1;align-items:center;gap:16px;display:flex}.audio-toggle-icon-wrap{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.audio-toggle-card.active .audio-toggle-icon-wrap{color:#10b981;background:#10b9811a;border-color:#10b98133;animation:2.5s infinite pulse-soft}.audio-toggle-card.inactive .audio-toggle-icon-wrap{background:var(--bg-accent);border-color:var(--border);color:var(--text-muted)}.audio-toggle-text{flex-direction:column;gap:2px;display:flex}.audio-toggle-title{color:var(--text-primary);font-size:14.5px;font-weight:800}.audio-toggle-desc{color:var(--text-secondary);font-size:11.5px}.audio-toggle-switch{border-radius:99px;flex-shrink:0;width:46px;height:26px;transition:background-color .3s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.audio-toggle-card.active .audio-toggle-switch{background-color:#10b981}.audio-toggle-card.inactive .audio-toggle-switch{background-color:var(--text-muted);opacity:.6}.audio-toggle-slider{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.audio-toggle-card.active .audio-toggle-slider{transform:translate(20px)}.hover-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.hover-card:hover{box-shadow:var(--shadow-lg);border-color:#7c3aed33;transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{transform:scale(1);box-shadow:0 0 #7c3aed33}50%{transform:scale(1.02);box-shadow:0 0 20px 4px #7c3aed1a}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #db27774d}70%{transform:scale(1);box-shadow:0 0 0 10px #db277700}to{transform:scale(.95);box-shadow:0 0 #db277700}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp}.animate-fade-in-delay-1{animation:.4s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.animate-fade-in-delay-2{animation:.4s cubic-bezier(.16,1,.3,1) .2s both fadeInUp}.animate-fade-in-delay-3{animation:.4s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.animate-pulse-soft{animation:3s ease-in-out infinite pulse-soft}.animate-pulse-ring{animation:2s cubic-bezier(.455,.03,.515,.955) infinite pulse-ring}.animate-spin{animation:.8s linear infinite spin}.smartaccess-input{background:var(--bg-primary);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}@media (min-width:768px){.smartaccess-input{font-size:14px}}.smartaccess-input:focus{border-color:var(--smartaccess-purple);background:var(--bg-secondary);box-shadow:0 0 0 4px #7c3aed1f}.smartaccess-input::placeholder{color:var(--text-muted)}.smartaccess-input:disabled{opacity:.6;background:var(--bg-accent);cursor:not-allowed}.badge{letter-spacing:.3px;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background:#fffbeb;border:1px solid #d9770633}.badge-approved{color:#059669;background:#ecfdf5;border:1px solid #05966933}.badge-rejected{color:#dc2626;background:#fef2f2;border:1px solid #dc262633}.btn-primary{background:linear-gradient(135deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 15px -3px #7c3aed4d}.btn-primary:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 8px 25px -4px #7c3aed73}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--smartaccess-purple);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--smartaccess-purple-pale);border-color:var(--smartaccess-purple-light)}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #dc262633}.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 16px #dc26264d}.btn-ghost{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--smartaccess-purple-pale);color:var(--smartaccess-purple);border-color:var(--smartaccess-purple-light)}.btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #10b98133}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-1.5px);box-shadow:0 6px 18px #10b98159}.btn-success:active:not(:disabled){transform:translateY(0)}.btn-success:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-danger-light{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-danger-light:hover:not(:disabled){background:#ef444424;border-color:#ef444459;transform:translateY(-1px)}.btn-danger-light:active:not(:disabled){transform:translateY(0)}.btn-danger-light:disabled{opacity:.5;cursor:not-allowed;transform:none}.smartaccess-table-container{border:1px solid var(--border);background:var(--bg-secondary);-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;max-width:100%;overflow-x:auto}.smartaccess-table{border-collapse:collapse;background:var(--bg-secondary);width:100%;min-width:650px;font-size:13.5px}@media (max-width:768px){.smartaccess-table{min-width:580px}}.smartaccess-table th{background:var(--smartaccess-purple-pale);color:var(--smartaccess-purple-dark);text-align:left;letter-spacing:.5px;border-bottom:2px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.smartaccess-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;white-space:nowrap;padding:12px 14px}.smartaccess-table tr:last-child td{border-bottom:none}.smartaccess-table tr{transition:background-color .15s}.smartaccess-table tr:hover td{background:#7c3aed05}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.05;border-radius:0 16px 0 60px;width:60px;height:60px;position:absolute;top:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--smartaccess-purple-light)}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.tab-btn.active{color:var(--smartaccess-purple);border-bottom-color:var(--smartaccess-purple)}.tab-btn:hover:not(.active){color:var(--text-primary);background:var(--smartaccess-purple-pale);border-radius:8px 8px 0 0}.toast{z-index:9999;border-radius:16px;align-items:center;gap:12px;max-width:400px;padding:16px 24px;font-size:14px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.toast-success{color:#047857;background:#ecfdf5;border:1px solid #10b981}.toast-error{color:#b91c1c;background:#fef2f2;border:1px solid #ef4444}.floating-blob{filter:blur(100px);z-index:0;opacity:.12;pointer-events:none;border-radius:50%;animation:25s ease-in-out infinite alternate float-around;position:absolute}.blob-1{background:var(--smartaccess-purple);width:400px;height:400px;top:15%;left:10%}.blob-2{background:var(--edu-pink);width:450px;height:450px;animation-delay:-7s;bottom:15%;right:10%}@keyframes float-around{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(60px,-80px)scale(1.15)rotate(180deg)}to{transform:translate(-40px,40px)scale(.9)rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.animate-shake{animation:.4s shake}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) both scaleIn}.sidebar-responsive{pointer-events:none;width:260px;transition:transform .3s cubic-bezier(.16,1,.3,1);top:0;bottom:0;left:0;transform:translate(-100%);background:var(--bg-sidebar)!important;border-right:1px solid var(--border)!important;z-index:9999!important;flex-direction:column!important;display:flex!important;position:fixed!important}.sidebar-responsive.open{pointer-events:auto;transform:translate(0)}@media (min-width:1025px){.sidebar-responsive{z-index:100!important;pointer-events:auto!important;flex-shrink:0!important;width:260px!important;height:100vh!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;transform:none!important}.main-content-responsive{margin-left:260px!important}}.mobile-menu-btn{display:inline-flex}@media (min-width:1025px){.mobile-menu-btn{display:none!important}}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-md);background:#ffffffd9;border-radius:20px;position:relative;overflow:hidden}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.animate-blink{animation:1.5s ease-in-out infinite blink}.animate-fade-in-delay{animation:.4s cubic-bezier(.16,1,.3,1) .15s both fadeInUp}@keyframes blob-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}to{transform:translate(-20px,15px)scale(.95)}}.hover-spin:hover svg,.hover-spin:hover{transition:transform .3s cubic-bezier(.16,1,.3,1);transform:rotate(8deg)scale(1.04)}.hover-spin svg,.hover-spin{transition:transform .3s cubic-bezier(.16,1,.3,1)}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-ghost:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)scale(1.02)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.btn-danger:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:translateY(0)scale(.97)}.room-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:20px;display:grid}.room-config-card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.room-config-card:before{content:"";background:linear-gradient(90deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%);opacity:.8;height:4px;position:absolute;top:0;left:0;right:0}.room-config-card:hover{box-shadow:var(--shadow-lg);border-color:#7c3aed40;transform:translateY(-4px)scale(1.01)}.room-config-card.expanded:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pulse-green{animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse-green-ring;box-shadow:0 0 #10b981b3}@keyframes pulse-green-ring{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.pulse-red{animation:1.6s cubic-bezier(.4,0,.6,1) infinite pulse-red-ring;box-shadow:0 0 #ef4444b3}@keyframes pulse-red-ring{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.desktop-view{display:block!important}.mobile-view{display:none!important}@media (max-width:1024px){.desktop-view{display:none!important}.mobile-view{display:block!important}.mobile-card-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost,.btn-danger-light,.btn-success{min-height:44px;padding:10px 18px}}@media (min-width:1025px){.smartaccess-table-container{overflow:visible!important}}.notif-pad-lg{padding:16px}.notif-pad-body{padding:12px}@media (min-width:640px){.notif-pad-lg,.notif-pad-body{padding:20px}}@media (min-width:768px){.notif-pad-lg{padding:22px 28px}.notif-pad-body{padding:22px 28px 28px}}.notif-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}@media (min-width:768px){.notif-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}}.notif-row{flex-direction:column;align-items:stretch;gap:8px;display:flex}@media (min-width:640px){.notif-row{flex-direction:row;align-items:center}}.notif-save-btn{width:100%}@media (min-width:640px){.notif-save-btn{align-self:flex-start;width:auto}}@view-transition{navigation:auto}.sidebar-overlay-responsive{-webkit-backdrop-filter:blur();z-index:9990;opacity:0;pointer-events:none;background:#0f0a288c;transition:opacity .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.sidebar-overlay-responsive.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .sidebar-overlay-responsive{background:#000000a6}[data-theme=dark] .sidebar-overlay-responsive.open{-webkit-backdrop-filter:blur(16px)}.mobile-filter-container{scrollbar-width:thin;scrollbar-color:#7c3aed2e transparent;touch-action:pan-x;-webkit-mask-image:linear-gradient(90deg,#000 94%,#0000 100%);mask-image:linear-gradient(90deg,#000 94%,#0000 100%);white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:6px 16px!important;display:flex!important;overflow-x:auto!important}.mobile-filter-container:after{content:"";flex-shrink:0;width:16px;display:block}.mobile-filter-container>button{white-space:nowrap!important;flex-shrink:0!important}.mobile-filter-container::-webkit-scrollbar{height:4px!important;display:block!important}.mobile-filter-container::-webkit-scrollbar-track{background:#7c3aed08!important;border-radius:99px!important}.mobile-filter-container::-webkit-scrollbar-thumb{background:#7c3aed2e!important;border-radius:99px!important}.mobile-filter-container::-webkit-scrollbar-thumb:hover{background:#7c3aed59!important}@media (max-width:768px){.empty-state-container{border-radius:16px!important;margin:8px 0!important;padding:32px 16px!important}.empty-state-illustration svg{width:80px!important;height:80px!important}.empty-state-illustration{margin-bottom:12px!important}}@media (max-width:360px){.mobile-card-grid-container,.room-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}.navigation-footlinks-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.navigation-footlink-item{border-radius:8px;align-items:center;gap:6px;padding:8px 12px;transition:all .2s;display:inline-flex}.navigation-footlink-item:hover{background:var(--smartaccess-purple-pale)}@media (max-width:640px){.navigation-footlinks-container{flex-direction:column;gap:8px}.navigation-footlink-sep{display:none!important}.navigation-footlink-item{background:var(--bg-secondary);border:1px solid var(--border-medium);width:100%;max-width:280px;box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;padding:12px 16px}}@media (min-width:1025px){.mobile-filter-container{white-space:normal!important;flex-wrap:wrap!important;width:auto!important;max-width:none!important;overflow-x:visible!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.smartaccess-toggle-switch:focus-visible,.smartaccess-day-btn:focus-visible{border-color:var(--smartaccess-purple)!important;box-shadow:0 0 0 3px #7c3aed73!important}.smartaccess-copy-btn:hover{color:#fff!important;background:#ffffff29!important;border-color:#ffffff4d!important}.smartaccess-copy-btn:focus-visible{border-color:#fff!important;box-shadow:0 0 0 3px #7c3aed99!important}.donut-chart-flex{justify-content:center;align-items:center;width:100%;height:260px;display:flex}.donut-chart-visual{width:60%;height:100%;position:relative}.donut-chart-legend-container{flex-direction:column;gap:10px;width:40%;padding-left:10px;display:flex}.donut-legend-item{align-items:center;gap:8px;display:flex}.donut-legend-color-dot{border-radius:4px;flex-shrink:0;width:12px;height:12px;display:inline-block}.donut-legend-details{flex-direction:column;display:flex}.donut-legend-name{color:var(--text-primary);font-size:11px;font-weight:700}.donut-legend-value{font-size:12px;font-weight:900}.filter-tab-btn{cursor:pointer!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:6px!important;padding:10px 18px!important;font-size:13px!important;font-weight:700!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}.filter-tab-btn:hover{color:var(--text-primary)!important;background:#7c3aed0a!important}.filter-tab-btn.active{background:linear-gradient(135deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%)!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed40!important}.filter-tab-btn:active{transform:scale(.96)!important}@media (max-width:640px){.donut-chart-flex{flex-direction:column!important;gap:20px!important;height:auto!important}.donut-chart-visual{width:100%!important;max-width:240px!important;height:200px!important}.donut-chart-legend-container{flex-flow:wrap!important;justify-content:center!important;gap:16px!important;width:100%!important;padding-left:0!important}.donut-legend-item{background:var(--bg-primary)!important;border:1px solid var(--border-medium)!important;box-shadow:var(--shadow-sm)!important;border-radius:10px!important;padding:8px 12px!important}}.glass-container{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffff73!important;border:1px solid #7c3aed1f!important;border-radius:20px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #7c3aed14!important}[data-theme=dark] .glass-container{background:#14102073!important;border:1px solid #a78bfa26!important;box-shadow:0 8px 32px #00000073!important}.glass-container:before{content:""!important;background:linear-gradient(90deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%)!important;opacity:.9!important;z-index:10!important;height:3px!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.glass-subcard{-webkit-backdrop-filter:blur(12px)saturate(150%)!important;background:#ffffff59!important;border:1px solid #7c3aed2e!important;border-radius:16px!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;overflow:hidden!important}[data-theme=dark] .glass-subcard{background:#00000040!important;border:1px solid #a78bfa1a!important}.glass-tab-btn{cursor:pointer!important;color:var(--text-secondary)!important;-webkit-backdrop-filter:blur(8px)!important;background:#fff3!important;border:1px solid #7c3aed1a!important;border-radius:12px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:12px 14px!important;font-size:13px!important;font-weight:800!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:relative!important}[data-theme=dark] .glass-tab-btn{background:#00000026!important;border:1px solid #ffffff0d!important}.glass-tab-btn:hover{background:var(--provider-tint)!important;border-color:var(--provider-color)!important;color:var(--text-primary)!important;box-shadow:0 6px 15px -3px var(--provider-tint)!important;transform:translateY(-2px)!important}.glass-tab-btn:active{transform:translateY(0)scale(.97)!important}.glass-tab-btn.active{background:var(--provider-color)!important;border-color:var(--provider-color)!important;color:#fff!important;box-shadow:0 6px 20px -3px var(--provider-tint), inset 0 1px 1px #fff3!important}.glass-input{width:100%!important;color:var(--text-primary)!important;background:#ffffff4d!important;border:1px solid #7c3aed2e!important;border-radius:12px!important;outline:none!important;padding:12px 16px!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}[data-theme=dark] .glass-input{background:#00000040!important;border:1px solid #a78bfa26!important}@media (min-width:768px){.glass-input{font-size:14px!important}}.glass-input:focus{border-color:var(--provider-color,var(--smartaccess-purple))!important;box-shadow:0 0 12px var(--provider-tint,#7c3aed26), inset 0 1px 2px #ffffff0d!important;background:#ffffff73!important;transform:translateY(-1px)!important}[data-theme=dark] .glass-input:focus{background:#00000059!important}.glass-input::placeholder{color:var(--text-muted)!important;opacity:.7!important}.glass-btn-test{cursor:pointer!important;color:var(--provider-color)!important;-webkit-backdrop-filter:blur(4px)!important;background:#fff3!important;border:1px solid #7c3aed33!important;border-radius:10px!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px 16px!important;font-size:11.5px!important;font-weight:700!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important}[data-theme=dark] .glass-btn-test{background:#ffffff08!important;border-color:#ffffff14!important}.glass-btn-test:hover{background:var(--provider-color)!important;border-color:var(--provider-color)!important;color:#fff!important;box-shadow:0 6px 15px -3px var(--provider-tint)!important;transform:translateY(-2px)scale(1.03)!important}.glass-btn-test:active{transform:translateY(0)scale(.97)!important}.glass-btn-save{background:linear-gradient(135deg, var(--smartaccess-purple) 0%, var(--edu-pink) 100%)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:12px!important;outline:none!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;font-size:13.5px!important;font-weight:800!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 15px -3px #7c3aed66!important}.glass-btn-save:after{content:""!important;background:linear-gradient(90deg,#0000,#ffffff40,#0000)!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:-100%!important}.glass-btn-save:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 25px -4px #7c3aed8c,0 0 15px #db27774d!important}.glass-btn-save:hover:after{transition:all .6s!important;left:100%!important}.glass-btn-save:active{transform:translateY(-1px)scale(.98)!important}@media (prefers-reduced-motion:reduce){.glass-container,.glass-subcard,.glass-tab-btn,.glass-input,.glass-btn-test,.glass-btn-save{transition:none!important;animation:none!important;transform:none!important}.glass-btn-save:after{display:none!important}}