.sidebar{background-color:#fff;border-right:.5px solid #d3d3d3;display:flex;flex:0 0 210px;flex-direction:column;max-width:210px;min-height:100vh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;width:210px;z-index:1200}.sidebar .top{min-height:56px;padding:8px 6px 6px;position:relative}.sidebar .top,.sidebar .top .sidebar__brand{align-items:center;display:flex;justify-content:center}.sidebar .top .sidebar__brand{max-width:calc(100% - 36px)}.sidebar .top .sidebarCloseBtn{display:none;position:absolute;right:4px}.sidebar hr{border:.5px solid #d3d3d3;height:0}.sidebar .center{flex:1 1;min-height:0;padding-left:10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar ul li{border-radius:8px;cursor:pointer;margin-right:8px;padding:5px;transition:background-color .15s ease}.sidebar ul li .menu-icon{align-items:center;display:flex}.sidebar ul li .menu-icon .menu-name{line-height:1.25;margin-bottom:5px;margin-left:5px;word-break:break-word}.sidebar ul li.active,.sidebar ul li:hover{background-color:#ece8ff}.sidebar ul li.active .menu-name,.sidebar ul li.active span{color:#4a28c7}.sidebar ul li.active .icon{color:#6439ff}.sidebar ul li .icon{color:#7451f8;font-size:18px}.sidebar ul li span{color:#555;font-size:13px;font-weight:600;margin-left:10px}.sidebar ul .sidebarBriquelLink{margin-top:8px}.sidebar ul .sidebarBriquelLink .briquel-back-link{border-radius:8px;display:block;font-size:13px;justify-content:center;text-align:center;white-space:normal;width:100%}.sidebar .bottom{align-items:center;display:flex;margin:10px;padding-left:10px}.sidebar .bottom .colorOptions{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOptions:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOptions:nth-child(2){background-color:#333}@media(max-width:899px){.sidebar{bottom:0;box-shadow:0 8px 32px #0f172a2e;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease}.sidebar .sidebarCloseBtn{display:inline-flex}.sidebar.sidebar--open{transform:translateX(0)}}@media(min-width:900px){.sidebar{position:relative;transform:none}}@font-face{font-display:swap;font-family:Terminator Real NFI;font-style:normal;font-weight:400;src:url(/ESP32-CAM/static/media/terminator-real-nfi.5b4f326694de36ded8a3.otf) format("opentype")}.briquel-logo-link{display:inline-flex;text-decoration:none;transition:opacity .2s ease}.briquel-logo-link:hover{opacity:.88}.briquel-logo{align-items:center;display:inline-flex;gap:.45rem}.briquel-logo__mark{flex-shrink:0;height:2.5rem;width:2.5rem}.briquel-logo__text{display:flex;flex-direction:column;gap:.06rem;justify-content:center;line-height:1.05}.briquel-logo__brand{color:#0b2380;font-size:clamp(1.05rem,2.5vw,1.28rem);letter-spacing:.04em}.briquel-logo__brand,.briquel-logo__line{font-family:Terminator Real NFI,Orbitron,sans-serif;font-weight:400;text-transform:uppercase}.briquel-logo__line{align-items:center;display:flex;font-size:clamp(.52rem,1.25vw,.64rem);gap:.28rem;justify-content:flex-start;letter-spacing:.06em;white-space:nowrap}.briquel-logo__line span:not(.briquel-logo__dot){color:#0b2380}.briquel-logo__dot{color:#1e3a8a;font-weight:700}.briquel-logo--compact{gap:.32rem;max-width:100%}.briquel-logo--compact .briquel-logo__mark{height:1.85rem;width:1.85rem}.briquel-logo--compact .briquel-logo__brand{font-size:.72rem;line-height:1}.briquel-logo--compact .briquel-logo__line{font-size:.46rem;gap:.18rem;letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.briquel-logo-link:hover{opacity:1}}.briquel-back-link{align-items:center;background:#6439ff1a;border-radius:999px;color:#4c51bf;display:inline-flex;font-size:.82rem;font-weight:600;gap:.35rem;padding:.45rem .85rem;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.briquel-back-link:hover{background:#6439ff29;color:#4338ca;transform:translateY(-1px)}.esp32-briquel-bar{align-items:center;background:#fff;border-bottom:1px solid #78350f1f;display:flex;flex-shrink:0;justify-content:center;padding:.4rem 12px;z-index:2}.app.dark .esp32-briquel-bar{background:#1a1d26;border-bottom-color:#ffffff1a}.app.dark .esp32-briquel-bar .briquel-back-link{background:#8b9cff1f;color:#c7d2fe}.app.dark .esp32-briquel-bar .briquel-back-link:hover{background:#8b9cff33;color:#e0e7ff}.login .briquel-back-link{background:#ffffffeb;box-shadow:0 8px 24px #00000026;color:#4c51bf;font-size:.9rem;padding:.5rem 1rem}.login .briquel-back-link:hover{background:#fff}.navbar{align-items:center;background-color:#fff;border-bottom:.5px solid #e7e4e4;color:#555;display:flex;flex-shrink:0;font-size:14px;height:50px;min-height:50px}.navbar .wrapper{gap:8px;justify-content:space-between;padding:8px 12px;width:100%}.navbar .navbarStart,.navbar .wrapper{align-items:center;display:flex;min-width:0}.navbar .navbarStart{flex:1 1;gap:4px}.navbar .navbarMenuBtn{display:none;flex-shrink:0}.navbar .search{align-items:center;border:.5px solid #d3d3d3;display:flex;flex:1 1;max-width:320px;min-width:0;padding:3px}.navbar .search input{background-color:#0000;border:none;min-width:0;outline:none;width:100%}.navbar .search input::placeholder{font-size:12px}.navbar .items{align-items:center;display:flex;flex-shrink:0}.navbar .items .item{align-items:center;display:flex;margin-right:12px;position:relative}.navbar .items .item .icon{font-size:20px}.navbar .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}@media(max-width:899px){.navbar .navbarMenuBtn{display:inline-flex}.navbar .navbarItem--hideMobile{display:none}.navbar .search{max-width:none}.navbar .items .item{margin-right:8px}}@media(max-width:599px){.navbar .wrapper{padding:6px 8px}.navbar .search input::placeholder{font-size:11px}}.surveillance{background-color:#f4f6fb;display:flex;flex:1 1 auto;min-height:0;min-height:100dvh;min-height:-webkit-fill-available;overflow:hidden;position:relative;width:100%}.surveillance .surveillanceSidebarBackdrop{display:none}.surveillance .surveillanceContainer{background-color:#f4f6fb;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;overflow:hidden;width:100%}.surveillance .surveillanceContent{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px 16px}.surveillance.surveillance--live .surveillanceContent{padding:8px 12px 12px}@media(max-width:899px){.surveillance{min-height:100dvh;min-height:-webkit-fill-available}.surveillance .surveillanceSidebarBackdrop{background:#0f172a73;border:0;cursor:pointer;display:block;inset:0;margin:0;padding:0;position:fixed;z-index:1190}.surveillance .surveillanceContent{flex:1 1 auto;min-height:0;padding:8px 10px 12px}}@media(max-width:599px){.surveillance .surveillanceContent,.surveillance.surveillance--live .surveillanceContent{padding:6px 8px 10px}}.app.dark .surveillance,.app.dark .surveillance .surveillanceContainer{background-color:#111827}.homeContent{padding:20px}@media(max-width:599px){.homeContent{padding:12px 4px}}.login{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;isolation:isolate;justify-content:center;min-width:100%;overflow-x:hidden;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));position:relative}.login,.login .login__backdrop{min-height:100svh;min-height:100dvh;min-height:-webkit-fill-available;width:100%}.login .login__backdrop{height:100%;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.login .login__gradient{animation:loginGradientShift 14s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 35%,#5b6ee0 65%,#667eea);background-size:300% 300%;height:140%;inset:-20%;position:absolute;width:140%;will-change:background-position}.login .login-container{align-items:stretch;animation:slideUp .6s ease-out;display:flex;flex-direction:column;gap:1rem;max-width:440px;position:relative;width:100%;z-index:10}.login .login-card{animation:fadeIn .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 25px 50px #0000004d;padding:clamp(1.75rem,5vw,3rem);width:100%}.login .login-card .login-header{margin-bottom:32px;text-align:center}.login .login-card .login-header .login-header__brand{animation:slideDownFade .5s ease-out;display:flex;justify-content:center;margin-bottom:1rem}.login .login-card .login-header h1{animation:slideDownFade .6s ease-out;color:#667eea;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:700;margin:0 0 8px}.login .login-card .login-header p{animation:slideDownFade .8s ease-out;color:#999;font-size:14px;margin:0}.login .login-card .login-tabs{display:flex;gap:8px;margin-bottom:28px}.login .login-card .login-tabs button{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-weight:600;padding:10px 12px;transition:all .2s ease}.login .login-card .login-tabs button.active{background:#667eea;border-color:#667eea;color:#fff}.login .login-card .login-tabs button:hover:not(.active){border-color:#667eea;color:#667eea}.login .login-card form{display:flex;flex-direction:column;gap:24px}.login .login-card form .form-group{animation:slideUpFade 1s ease-out;display:flex;flex-direction:column;gap:8px}.login .login-card form .form-group label{color:#333;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.login .login-card form .form-group input{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:14px;padding:14px 16px;transition:all .3s ease;width:100%}.login .login-card form .form-group input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.login .login-card form .form-group input:hover{border-color:#667eea}.login .login-card form .form-group input::placeholder{color:#bbb}.login .login-card form .error-message{animation:shake .5s ease;background-color:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-size:13px;padding:12px}.login .login-card form .login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 10px 25px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;margin-top:10px;padding:14px;text-transform:uppercase;transition:all .3s ease;width:100%}.login .login-card form .login-btn:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-3px)}.login .login-card form .login-btn:active:not(:disabled){transform:translateY(-1px)}.login .login-card form .login-btn:disabled{cursor:not-allowed;opacity:.7}.login .background-shapes{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.login .background-shapes .shape{animation:float 8s ease-in-out infinite;background:#fff;border-radius:50%;opacity:.12;position:absolute;will-change:transform}.login .background-shapes .shape.shape-1{animation-delay:0s;height:min(70vw,360px);right:-10%;top:-12%;width:min(70vw,360px)}.login .background-shapes .shape.shape-2{animation-delay:2s;bottom:8%;height:min(50vw,260px);left:-8%;width:min(50vw,260px)}.login .background-shapes .shape.shape-3{animation-delay:4s;bottom:18%;height:min(55vw,300px);right:-6%;width:min(55vw,300px)}@keyframes loginGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(24px) translateX(16px) scale(1.04)}}@media(max-width:768px){.login{align-items:flex-start;padding-top:max(.75rem,env(safe-area-inset-top))}.login .login-container{max-width:100%}.login .login-card{padding:1.5rem 1.25rem}}@media(prefers-reduced-motion:reduce){.login .background-shapes .shape,.login .login__gradient{animation:none}}.camerasMemoryContent{padding:20px}@media(max-width:599px){.camerasMemoryContent{padding:12px 4px}}.accountContent{padding:20px 24px 40px}@media(max-width:599px){.accountContent{padding:12px 4px 24px}}#root,body,html{min-height:100%;min-height:100svh;min-height:100dvh;min-height:-webkit-fill-available;width:100%}.app{min-height:100svh}.app.dark{color:#ffffffde}.app.dark,.app.dark .camerasMemory{background-color:#0f1117}.app.dark .accountContainer,.app.dark .camerasMemoryContainer,.app.dark .homeContainer,.app.dark .surveillanceContainer{background-color:#0f1117;color:#ffffffde}.app.dark .accountContent,.app.dark .camerasMemoryContent,.app.dark .homeContent,.app.dark .surveillanceContent{color:#ffffffde}.app.dark .chartGrid{stroke:#ffffff1f}.app.dark .table{background-color:#1a1d26}.app.dark .table .tableCell{color:#ffffffde}.app.dark .navbar{background-color:#1a1d26;border-color:#ffffff1f;color:#ffffffde}.app.dark .navbar .search{background-color:#ffffff0a;border-color:#fff3}.app.dark .navbar .search input{color:#ffffffeb}.app.dark .navbar .search input::placeholder{color:#ffffff73}.app.dark .navbar .search .icon{color:#fff9}.app.dark .navbar .items .item{color:#ffffffc7}.app.dark .navbar .items .item .icon{color:#ffffffc7;cursor:pointer}.app.dark .navbar .items .item .icon:hover{color:#8b9cff}.app.dark .sidebar{background-color:#141820;border-color:#ffffff1a}.app.dark .sidebar .top .briquel-logo__brand,.app.dark .sidebar .top .briquel-logo__line span:not(.briquel-logo__dot){color:#c7d2fe}.app.dark .sidebar .top .briquel-logo__dot{color:#a5b4fc}.app.dark .sidebar hr{border-color:#ffffff1a}.app.dark .sidebar ul .title{color:#ffffff73}.app.dark .sidebar ul li:hover{background-color:#ffffff0f}.app.dark .sidebar ul li.active{background-color:#8b9cff29}.app.dark .sidebar ul li.active .menu-name,.app.dark .sidebar ul li.active span{color:#fffffff2}.app.dark .sidebar ul li.active .icon{color:#8b9cff}.app.dark .sidebar ul li .menu-name,.app.dark .sidebar ul li span{color:#ffffffc7}.app.dark .sidebar ul li .icon{color:#8b9cff}.app.dark .sidebar .bottom .colorOptions{border-color:#ffffff40}.app.dark .sidebar .bottom .colorOptions:first-child{background-color:#f4f6fb}.app.dark .sidebar .bottom .colorOptions:nth-child(2){background-color:#0f1117;box-shadow:inset 0 0 0 1px #fff3}.app.dark .datatable .datagrid{border:none;color:#ffffffc7}.app.dark .datatable .datagrid .viewButton{color:#ffffffc7;padding:5px}.app.dark .datatable .datagrid .deleteButton{padding:5px}.app.dark input,.app.dark select,.app.dark textarea{color:#ffffffeb}.app.dark .login .login__gradient{background:linear-gradient(135deg,#1a1f35,#0f1117 30%,#1e1630 60%,#2a1f45);background-size:300% 300%}.app.dark .login .background-shapes .shape{opacity:.08}.app.dark .login .login-card{background:#1a1d26f5;border:1px solid #ffffff1a;box-shadow:0 25px 50px #0000008c}.app.dark .login .login-card .login-header h1{color:#8b9cff}.app.dark .login .login-card .login-header p{color:#ffffff8c}.app.dark .login .login-card .login-tabs button{background:#ffffff0a;border-color:#ffffff26;color:#ffffffa6}.app.dark .login .login-card .login-tabs button.active{background:#6439ff;border-color:#8b9cff;color:#fff}.app.dark .login .login-card .login-tabs button:hover:not(.active){border-color:#8b9cff;color:#8b9cff}.app.dark .login .login-card form .form-group label{color:#ffffffbf}.app.dark .login .login-card form .form-group input{background-color:#ffffff0d;border-color:#ffffff26;color:#ffffffeb}.app.dark .login .login-card form .form-group input:focus{background-color:#ffffff14;border-color:#8b9cff;box-shadow:0 0 0 3px #8b9cff26}.app.dark .login .login-card form .form-group input::placeholder{color:#ffffff59}.app.dark .login .login-card .error-message{background-color:#d32f2f26;border-left-color:#ef5350;color:#ff8a80}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;height:100dvh}body{margin:0;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overscroll-behavior-y:none}#root{flex-direction:column;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available}#root,.app{display:flex;width:100%}.app{flex:1 1 auto;flex-direction:column;min-height:0;min-height:100%;min-height:100dvh;min-height:-webkit-fill-available}@supports(padding:env(safe-area-inset-top)){.surveillanceContent{padding:calc(8px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.navbar .wrapper{padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right))}}
/*# sourceMappingURL=main.c04632f8.css.map*/