:root{--raeh-primary:#6366f1;--raeh-primary-soft:rgba(99,102,241,.1);--raeh-secondary:#0ea5e9;--raeh-accent:#000;--raeh-success:#10b981;--raeh-warning:#f59e0b;--raeh-danger:#ef4444;--raeh-bg:#f8fafc;--raeh-surface:#fff;--raeh-surface-glass:hsla(0,0%,100%,.8);--raeh-border:#e2e8f0;--raeh-input-bg:#f1f5f9;--raeh-text-main:#0f172a;--raeh-text-sub:#64748b;--raeh-text-muted:#94a3b8;--raeh-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--raeh-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--raeh-shadow-lg:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--raeh-shadow-xl:0 25px 50px -12px rgba(0,0,0,.25);--raeh-radius-sm:8px;--raeh-radius-md:12px;--raeh-radius-lg:20px;--raeh-radius-xl:30px}body,html{background-color:var(--raeh-bg);color:var(--raeh-text-main);height:100%}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,border-color .3s}body{font-family:Lexend,sans-serif;-webkit-font-smoothing:antialiased}.raeh_app{display:flex;gap:20px;min-height:100vh}.raeh_sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--raeh-surface-glass);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--raeh-radius-lg);box-shadow:var(--raeh-shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 32px);left:16px;padding:24px 12px;position:fixed;top:16px;transition:all .4s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.raeh_brand{align-items:center;border-bottom:1px solid var(--raeh-border);display:flex;gap:12px;margin-bottom:20px;padding:0 12px 24px}.raeh_brand img{height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.raeh_brand span{background:linear-gradient(135deg,var(--raeh-text-main),var(--raeh-primary));-webkit-background-clip:text;font-size:20px;font-weight:800;letter-spacing:-.5px;-webkit-text-fill-color:transparent}.raeh_nav{display:flex;flex:1;flex-direction:column;gap:4px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-top:16px}.raeh_nav::-webkit-scrollbar{width:4px}.raeh_nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.raeh_section{color:#94a3b8;font-size:11px;font-weight:800;letter-spacing:.8px;padding:16px 12px 6px;text-transform:uppercase}.raeh_link{align-items:center;border:1px solid transparent;border-radius:12px;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s ease}.raeh_link i{color:#64748b;font-size:16px;transition:color .2s;width:20px}.raeh_link:hover{background:#f8fafc;color:#0f172a}.raeh_link:hover i{color:#0f172a}.raeh_link.raeh_active{background:#f1f5f9;border-color:#f1f5f9;color:#0ea5a4}.raeh_link.raeh_active i{color:#0ea5a4}.raeh_main{flex:1;margin-left:312px;min-height:100vh;padding:24px 0}.raeh_topbar{justify-content:space-between;margin-bottom:10px}.raeh_topbar,.raeh_userarea{align-items:center;display:flex;gap:16px}.raeh_userarea{margin-left:auto}.raeh_search{max-width:400px;position:relative;width:100%}.raeh_search input{background:#fff;border:1px solid var(--raeh-border);border-radius:14px;box-shadow:0 1px 2px #0000000d;color:var(--raeh-text);font-size:14px;padding:12px 18px 12px 42px;transition:all .2s;width:100%}.raeh_search input:focus{border-color:var(--raeh-primary);box-shadow:0 0 0 4px #0ea5a41a;outline:none}.raeh_search i{color:var(--raeh-subtext);left:16px}.raeh_search i,.search-clear{position:absolute;top:50%;transform:translateY(-50%)}.search-clear{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;right:12px;transition:all .2s;width:20px}.search-clear:hover{background:#e2e8f0;color:#0f172a}.raeh_profile{align-items:center;background:#fff;border:1px solid var(--raeh-border);border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:6px 12px 6px 6px;position:relative;transition:all .2s}.raeh_profile:hover{background:#f8fafc;border-color:#cbd5e1}.raeh_avatar{align-items:center;background:#f8fafc;border:1px solid var(--raeh-border);border-radius:10px;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.avatar-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.logo-avatar{background:#fff;-o-object-fit:contain;object-fit:contain;padding:0}.raeh_dropdown{background:var(--raeh-surface);border:1px solid var(--raeh-border);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;display:none;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:2000}.raeh_dropdown.raeh_show{display:block}.raeh_dropdown a{border-radius:10px;color:var(--raeh-text);display:block;font-size:14px;font-weight:600;padding:10px 12px;text-decoration:none;transition:background .2s}.raeh_dropdown a:hover{background:#f1f5f9}.raeh_dropdown button{background:transparent;border:none;border-radius:10px;color:var(--raeh-text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 12px;text-align:left;width:100%}.raeh_dropdown button:hover{background:#f1f5f9}.raeh_card{background:var(--raeh-surface);border:1px solid var(--raeh-border);border-radius:20px;box-shadow:0 1px 3px #0000000d;padding:14px}.raeh_pageheader{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.raeh_title{font-size:24px;font-weight:800;letter-spacing:-.5px}.raeh_breadcrumb{align-items:center;color:var(--raeh-subtext);display:flex;font-size:13px;gap:8px}.raeh_breadcrumb a{color:var(--raeh-accent);font-weight:600;text-decoration:none}.raeh_overlay{background:#02061766;display:none;top:0;right:0;bottom:0;left:0;opacity:0;position:fixed;transition:opacity .18s ease;z-index:1500}.raeh_hamburger{align-items:center;background:#fff;border:1px solid var(--raeh-border);border-radius:12px;color:#0f172a;cursor:pointer;display:none;justify-content:center;padding:10px}.raeh_sidebar.raeh_open{transform:translate(0)}@media(max-width:1300px){.raeh_app{padding-top:0}.raeh_sidebar{background:#fff;border-radius:0;box-shadow:none;height:100vh;left:-340px;padding:24px 16px;position:fixed;top:0;transform:translate(0);transition:left .3s ease;width:280px}.raeh_sidebar.raeh_open{box-shadow:20px 0 50px #0000001a;left:0}.raeh_nav{overflow-y:auto;-webkit-overflow-scrolling:touch}.raeh_main{margin-left:0;padding:16px 16px 80px}.raeh_search{display:none}.raeh_hamburger{display:inline-flex}.raeh_topbar{margin-bottom:20px}}.raeh_logout_btn{align-items:center;background:#fff;border:1px solid #fee2e2;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:12px;margin-top:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.raeh_logout_btn:hover{background:#fee2e2;transform:translateY(-1px)}.dropdown-btn,.dropdown-link{display:block;padding:8px 10px}.dropdown-btn{background:transparent;border:none;text-align:left;width:100%}.toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast-item{align-items:center;background:#fff;border-left:4px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;display:flex;gap:12px;max-width:400px;min-width:280px;padding:12px 20px;pointer-events:auto}.toast-msg{color:#1e293b;font-size:14px;font-weight:600}.toast-item.success{border-left-color:#10b981}.toast-item.success i{color:#10b981}.toast-item.error{border-left-color:#ef4444}.toast-item.error i{color:#ef4444}.toast-item.info{border-left-color:#3b82f6}.toast-item.info i{color:#3b82f6}.toast-item.warning{background:#fffbeb;border-left-color:#f59e0b}.toast-item.warning i{color:#f59e0b}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from{opacity:0;transform:translate(30px)}.toast-leave-to{opacity:0;transform:scale(.9)}.btn{background:var(--raeh-primary)!important;border:none!important;border-radius:10px!important;display:inline-flex!important;font-size:14px!important;font-weight:700!important;padding:8px 18px!important;text-decoration:none!important}.btn,.btn:hover{color:#fff!important}.btn:hover{background:var(--raeh-accent)!important}.btn-sm{font-size:12px!important;padding:5px 12px!important}.btn-outline{background:transparent!important;border:1px solid var(--raeh-border)!important;color:var(--raeh-text)!important}.btn-outline:hover{background:var(--raeh-border)!important}.btn-secondary{background:#f1f5f9!important;color:#475569!important}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.raeh_modal_container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:10000}.raeh_modal_box{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000026;max-width:400px;padding:32px;text-align:center;width:100%}.raeh_modal_icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.raeh_modal_box h3{color:#0f172a;font-size:20px;font-weight:800;margin-bottom:12px}.raeh_modal_box p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:30px}.raeh_modal_footer{display:flex;gap:12px}.raeh_modal_footer .btn{flex:1}.raeh_modal_icon.emergency{background:#fee2e2;color:#ef4444}.raeh_modal_container.emergency{background:#b91c1c66}.raeh_modal_icon.status{background:#fee2e2;color:#ef4444}.raeh_modal_container.status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.device-status-row{display:flex;gap:15px;justify-content:center;margin-top:25px}.device-pill{align-items:center;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:100px;color:#64748b;display:flex;font-size:13px;font-weight:800;gap:10px;padding:10px 18px}.device-pill.on{background:#dcfce7;border-color:#bbf7d0;color:#166534}.device-pill i{font-size:16px}.detail-text{color:#ef4444;font-size:18px;font-weight:800;margin-top:5px}.raeh_notif_trigger,.raeh_notif_wrap{align-items:center;display:flex;position:relative}.raeh_notif_trigger{background:#fff;border:1px solid var(--raeh-border);border-radius:12px;color:var(--raeh-text-sub);cursor:pointer;height:42px;justify-content:center;transition:all .2s;width:42px}.raeh_notif_trigger:hover{background:#f1f5f9;border-color:var(--raeh-primary);color:var(--raeh-primary)}.notif-badge{background:var(--raeh-danger);border:2px solid #fff;border-radius:20px;box-shadow:0 4px 6px #ef444433;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;position:absolute;right:-5px;top:-5px}.raeh_notif_panel{background:#fff;border:1px solid var(--raeh-border);border-radius:18px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:350px;z-index:3000}.notif-header{align-items:center;background:#fafafa;border-bottom:1px solid var(--raeh-border);display:flex;justify-content:space-between;padding:16px 20px}.notif-header h3{font-size:15px;font-weight:800}.btn-text{background:transparent;border:none;color:var(--raeh-primary);cursor:pointer;font-size:12px;font-weight:700}.notif-list{max-height:400px;overflow-y:auto}.notif-item{border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:14px;padding:16px 20px;transition:background .2s}.notif-item:hover{background:#f8fafc}.notif-item.red{border-left:4px solid var(--raeh-danger)}.notif-item.yellow{border-left:4px solid var(--raeh-warning)}.notif-icon{align-items:center;background:#f1f5f9;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;width:38px}.notif-item.red .notif-icon{background:#fee2e2;color:var(--raeh-danger)}.notif-item.yellow .notif-icon{background:#fffbeb;color:var(--raeh-warning)}.notif-body{flex:1;min-width:0}.notif-title{color:var(--raeh-text-main);font-size:14px;font-weight:700;margin-bottom:2px}.notif-desc{color:var(--raeh-text-sub);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{color:var(--raeh-text-muted);font-size:10px;font-weight:600;margin-top:6px}.notif-empty{color:var(--raeh-text-sub);padding:60px 40px;text-align:center}.notif-empty i{color:var(--raeh-success);font-size:32px;margin-bottom:12px;opacity:.5}.notif-empty p{font-size:14px;font-weight:600}