.main_panel{width:100%;height:100svh;display:flex;position:relative}.main_panel .sidebar{z-index:1000;width:50px;height:100%;transition:var(--trans);position:fixed;top:0;left:0}.main_panel .sidebar.active{width:250px;box-shadow:10px 0 30px #00000026}.main_panel .sidebar_overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:900;cursor:pointer;background:#00000040;width:100%;height:100%;animation:.25s sidebarOverlay;position:fixed;inset:0}.main_panel .main_section{cursor:default;width:calc(100% - 40px);transition:var(--trans);background:url(/assets/ng-DmmN2jYm.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;margin-left:40px;display:flex;overflow-y:auto}.main_panel .main_section .header{width:100%;min-height:80px;box-shadow:var(--shadow);background-color:#f8fafc;border-bottom:1px solid #00000046;justify-content:space-between;align-items:center;padding:10px 40px;display:flex}.main_panel .main_section .header .left_section{justify-content:center;align-items:flex-start;gap:calc(var(--unit) / 2);flex-direction:column;display:flex}.main_panel .main_section .header .left_section .top_sec{justify-content:center;align-items:center;gap:var(--unit);display:flex}.main_panel .main_section .header .left_section .top_sec .hanburger{cursor:pointer;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:5px;display:flex}.main_panel .main_section .header .left_section .top_sec .hanburger .hm{width:30px;height:3px;transition:var(--trans);background-color:#000;border-radius:25px}.main_panel .main_section .header .left_section .top_sec .hanburger .hm:nth-child(2){width:20px}.main_panel .main_section .header .left_section .top_sec .hanburger .hm:nth-child(3){width:10px}.main_panel .main_section .header .left_section .top_sec .hanburger.active .hm{width:25px}.main_panel .main_section .header .left_section .top_sec .hanburger.active .hm:first-child{transform:rotate(45deg)translate(5px,5px)}.main_panel .main_section .header .left_section .top_sec .hanburger.active .hm:nth-child(2){opacity:0}.main_panel .main_section .header .left_section .top_sec .hanburger.active .hm:nth-child(3){width:25px;transform:rotate(-45deg)translate(5px,-5px)}.main_panel .main_section .header .left_section .top_sec .title{margin:0;font-size:24px;font-weight:600}.main_panel .main_section .header .right-side{justify-content:center;align-items:center;gap:40px;display:flex}.main_panel .main_section .header .right-side .real-time-clock{background:var(--accent2);cursor:pointer;transition:var(--trans);border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.main_panel .main_section .header .right-side .real-time-clock:hover{background:#003a42}.main_panel .main_section .header .right-side .real-time-clock .icon{color:#fff;align-items:center;font-size:40px;display:flex}.main_panel .main_section .header .right-side .real-time-clock .right{flex-direction:column;gap:5px;display:flex}.main_panel .main_section .header .right-side .real-time-clock .right p{color:#fff;margin:0;font-size:16px;font-weight:500}.main_panel .main_section .header .right-side .real-time-clock .right span{color:#fff;font-weight:700}.main_panel .main_section .header .right-side .user{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.main_panel .main_section .header .right-side .user .user-avatar{color:#2563eb;background:#e8f1ff;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.main_panel .main_section .header .right-side .user .user-avatar .user-profile-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.main_panel .main_section .header .right-side .user .user-info{flex-direction:column;gap:5px;display:flex}.main_panel .main_section .header .right-side .user .user-info p{margin:0;font-size:16px;font-weight:600}.main_panel .main_section .header .right-side .user .user-info span{color:#000000ad;font-size:12px}.main_panel .main_section .header .right-side .user .user-arrow{justify-content:center;align-items:center;font-size:14px;display:flex}.main_panel .main_section .header .right-side .user .profile-menu{width:180px;box-shadow:var(--shadow);z-index:2000;background:#fff;border-radius:8px;animation:.2s profileMenu;position:absolute;top:60px;right:0;overflow:hidden}.main_panel .main_section .header .right-side .user .profile-menu a{width:100%;color:var(--accent);text-align:left;cursor:pointer;transition:var(--trans);padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.main_panel .main_section .header .right-side .user .profile-menu a:hover{color:#fff;background:var(--accent)}.main_panel .main_section .breadcrumb{color:#0009;align-items:center;gap:5px;font-size:13px;display:flex}.main_panel .main_section .breadcrumb a{color:var(--accent);text-decoration:none}.main_panel .main_section .breadcrumb a:hover{text-decoration:underline}.main_panel .main_section .breadcrumb .separator{color:#0006;margin:0 4px}.main_panel .main_section .punch-overlay{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#0000006b;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.2s punchOverlay;display:flex;position:fixed;inset:0}.main_panel .main_section .punch-modal{background:#fff;border-radius:10px;width:680px;max-width:100%;height:auto;animation:.3s popup;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000040}.main_panel .main_section .close-btn{color:#fff;cursor:pointer;z-index:10;width:30px;height:30px;transition:var(--trans);background:#ffffff24;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:30px;font-weight:300;line-height:1;display:flex;position:absolute;top:20px;right:20px}.main_panel .main_section .close-btn:hover{background:#ffffff47;transform:rotate(90deg)}.main_panel .main_section .modal-header{color:#fff;background:linear-gradient(115deg,#08b89c 0%,#079c9b 45%,#2698e8 100%);align-items:center;gap:10px;min-height:60px;padding:20px;display:flex;position:relative;overflow:hidden}.main_panel .main_section .modal-header:before{content:"";background:#ffffff1f;border-radius:50%;width:250px;height:130px;position:absolute;bottom:-75px;right:-45px}.main_panel .main_section .modal-header:after{content:"";background:#ffffff14;border-radius:50%;width:180px;height:105px;position:absolute;bottom:-75px;right:80px}.main_panel .main_section .modal-header .header-clock{color:#087c73;z-index:2;background:#ffffffe6;border:7px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;display:flex;position:relative;box-shadow:0 5px 20px #00000014}.main_panel .main_section .modal-header .header-clock svg{font-size:30px}.main_panel .main_section .modal-header .header-content{z-index:2;flex-direction:column;gap:5px;display:flex;position:relative}.main_panel .main_section .modal-header .header-content .session-status{color:#fff;white-space:nowrap;background:#ffffff26;border-radius:30px;align-items:center;gap:10px;width:fit-content;padding:5px 15px;font-size:14px;font-weight:500;display:flex}.main_panel .main_section .modal-header .header-content .session-status .status-dot{background:#a8ff4d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #a8ff4d26}.main_panel .main_section .modal-header .header-content h3{color:#fff;font-size:22px;font-weight:700;line-height:1.1}.main_panel .main_section .modal-header .header-content p{color:#ffffffe6;font-size:12px;line-height:1.4}.main_panel .main_section .modal-header .header-calendar{color:#ffffffe6;z-index:1;width:60px;height:60px;position:absolute;bottom:20px;right:70px}.main_panel .main_section .modal-header .header-calendar svg:first-child{font-size:40px;position:absolute;top:0;left:0}.main_panel .main_section .modal-header .header-calendar svg:last-child{font-size:22px;position:absolute;bottom:4px;right:-1px}.main_panel .main_section .modal-body{background:#fff;flex-direction:column;gap:10px;padding:20px;display:flex}.main_panel .main_section .punch-info-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.main_panel .main_section .info-card{border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;height:100%;padding:15px;display:flex}.main_panel .main_section .punch-in-card{background:linear-gradient(135deg,#effcf9,#e5f8f3);border-color:#d5f0e9}.main_panel .main_section .remaining-card{background:linear-gradient(135deg,#f1f6ff,#e7f0ff);border-color:#d8e5fa}.main_panel .main_section .info-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.main_panel .main_section .info-icon svg{font-size:20px}.main_panel .main_section .punch-in-card .info-icon{color:#fff;background:#18bd7d}.main_panel .main_section .remaining-card .info-icon{color:#fff;background:#347fe9}.main_panel .main_section .info-content{flex-direction:column;gap:5px;display:flex}.main_panel .main_section .info-content .info-label{color:#526174;font-size:14px;font-weight:600}.main_panel .main_section .info-content strong{color:#103f4b;white-space:nowrap;font-size:24px;font-weight:700;line-height:1.1}.main_panel .main_section .info-content small{color:#738196;white-space:nowrap;align-items:center;gap:6px;font-size:13px;line-height:1.3;display:flex}.main_panel .main_section .info-content small svg{flex-shrink:0;font-size:16px}.main_panel .main_section .remaining-card .info-content strong{color:#1765d6}.main_panel .main_section .active-session{box-sizing:border-box;background:linear-gradient(135deg,#edfaf6,#e5f8f3);border:1px solid #d5eee7;border-radius:5px;align-items:center;gap:15px;min-height:76px;padding:10px;display:flex}.main_panel .main_section .active-session .active-icon{color:#0ca777;background:#d5f5e9;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.main_panel .main_section .active-session .active-icon svg{font-size:22px}.main_panel .main_section .active-session strong{color:#087c6d;font-size:16px;line-height:1.3;display:block}.main_panel .main_section .active-session p{color:#61758b;font-size:14px;line-height:1.4}.main_panel .main_section .active-session.not-started{background:#f3f7fc;border-color:#e0e8f2}.main_panel .main_section .active-session.not-started .active-icon{color:#55718f;background:#e7eef8}.main_panel .main_section .active-session.not-started strong{color:#40566d}.main_panel .main_section .active-session.day-completed{background:#edfaf5;border-color:#d7f0e5}.main_panel .main_section .active-session.day-completed .active-icon{color:#07976f;background:#d9f5e8}.main_panel .main_section .modal-footer{box-sizing:border-box;background:linear-gradient(135deg,#f9fbff,#f3f7fc);border:1px solid #e2ebf5;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;padding:10px;display:flex}.main_panel .main_section .quick-tip{align-items:center;gap:10px;min-width:0;display:flex}.main_panel .main_section .quick-tip .tip-icon{justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:25px;display:flex}.main_panel .main_section .quick-tip strong{color:#40556e;margin-bottom:4px;font-size:15px;font-weight:600;display:block}.main_panel .main_section .quick-tip p{color:#718198;font-size:12px;line-height:1.5}.main_panel .main_section .buttons{justify-content:flex-end;align-items:center;display:flex}.main_panel .main_section .buttons .end-btn{color:#fff;cursor:pointer;transition:var(--trans);background:linear-gradient(100deg,#078d7d,#08776c);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:16px;font-weight:600;line-height:1.2;display:flex;box-shadow:0 8px 20px #07776b33}.main_panel .main_section .buttons .end-btn svg{flex-shrink:0;font-size:20px}.main_panel .main_section .buttons .end-btn .btn-arrow{font-size:20px}.main_panel .main_section .buttons .end-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #07776b4d}.main_panel .main_section .buttons .end-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.main_panel .main_section .buttons .punch-in-btn{background:linear-gradient(100deg,#18b77d,#079b79)}.main_panel .main_section .buttons .day-ended{box-sizing:border-box;color:#087c6d;text-align:center;background:#ecfaf5;border:1px solid #d4f0e7;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:225px;padding:13px 18px;font-size:14px;display:flex}.main_panel .main_section .buttons .day-ended svg{flex-shrink:0;font-size:18px}.main_panel .main_section .botttom_page{align-items:center;width:100%;height:calc(100% - 80px);padding:20px 30px}@keyframes sidebarOverlay{0%{opacity:0}to{opacity:1}}@keyframes punchOverlay{0%{opacity:0}to{opacity:1}}@keyframes profileMenu{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes popup{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=650px){.main_panel .punch-overlay{padding:15px}.main_panel .punch-modal{border-radius:18px;width:100%;max-width:450px;max-height:94vh;overflow-y:auto}.main_panel .modal-header{gap:15px;min-height:150px;padding:22px 58px 22px 20px}.main_panel .modal-header .header-clock{border-width:5px;width:65px;min-width:65px;height:65px}.main_panel .modal-header .header-clock svg{font-size:34px}.main_panel .modal-header .header-content .session-status{padding:5px 10px;font-size:12px}.main_panel .modal-header .header-content h3{font-size:27px}.main_panel .modal-header .header-content p{font-size:12px}.main_panel .modal-header .header-calendar{display:none}.main_panel .modal-body{gap:15px;padding:20px}.main_panel .punch-info-grid{grid-template-columns:1fr}.main_panel .modal-footer{flex-direction:column;align-items:stretch}.main_panel .quick-tip{align-items:flex-start}.main_panel .buttons{width:100%}.main_panel .buttons .end-btn,.main_panel .buttons .day-ended{width:100%;min-width:0}}@media (width<=450px){.main_panel .punch-overlay{padding:10px}.main_panel .punch-modal{border-radius:16px}.main_panel .close-btn{width:34px;height:34px;font-size:24px;top:13px;right:13px}.main_panel .modal-header{gap:12px;min-height:135px;padding:20px 50px 20px 16px}.main_panel .modal-header .header-clock{width:54px;min-width:54px;height:54px}.main_panel .modal-header .header-clock svg{font-size:29px}.main_panel .modal-header .header-content .session-status{margin-bottom:5px;padding:4px 8px;font-size:10px}.main_panel .modal-header .header-content h3{font-size:23px}.main_panel .modal-header .header-content p{margin-top:5px;font-size:10px}.main_panel .modal-body{gap:13px;padding:15px}.main_panel .info-card{gap:13px;min-height:105px;padding:14px}.main_panel .info-icon{width:58px;min-width:58px;height:58px}.main_panel .info-icon svg{font-size:27px}.main_panel .info-content .info-label{font-size:12px}.main_panel .info-content strong{font-size:22px}.main_panel .info-content small{font-size:10px}.main_panel .active-session{gap:11px;min-height:68px;padding:11px 12px}.main_panel .active-session .active-icon{width:40px;min-width:40px;height:40px}.main_panel .active-session .active-icon svg{font-size:18px}.main_panel .active-session strong{font-size:13px}.main_panel .active-session p{font-size:11px}.main_panel .modal-footer{padding:14px}.main_panel .quick-tip{gap:9px}.main_panel .quick-tip .tip-icon{width:40px;min-width:40px;height:40px;font-size:21px}.main_panel .quick-tip strong{font-size:13px}.main_panel .quick-tip p{font-size:10px}.main_panel .buttons .end-btn,.main_panel .buttons .day-ended{padding:12px 14px;font-size:14px}}@media (width<=900px){.main_panel .sidebar{width:50px}.main_panel .sidebar.active{width:250px}.main_panel .main_section .header{padding:10px 20px}.main_panel .main_section .header .right-side{gap:15px}.main_panel .main_section .header .right-side .real-time-clock .right{display:none}.main_panel .main_section .header .right-side .real-time-clock .icon{font-size:30px}.main_panel .main_section .header .right-side .user-info{display:none}.main_panel .main_section .botttom_page{padding:20px}}@media (width<=600px){.main_panel .sidebar{width:50px}.main_panel .sidebar.active{width:230px}.main_panel .main_section .header{min-height:70px;padding:10px 15px}.main_panel .main_section .header .left_section .top_sec .title{font-size:18px}.main_panel .main_section .header .right-side .real-time-clock{padding:7px}.main_panel .main_section .header .right-side .real-time-clock .icon{font-size:25px}.main_panel .main_section .header .right-side .user .user-avatar{width:38px;height:38px;padding:7px;font-size:16px}.main_panel .main_section .header .right-side .user .user-arrow{display:none}.main_panel .main_section .botttom_page{padding:15px}}.Toastify__toast-container{z-index:99999!important}.confirm-toast{width:300px;padding:2px}.confirm-toast-title{color:#1f2937;margin-bottom:6px;font-size:16px;font-weight:700}.confirm-toast-message{color:#667085;margin-bottom:14px;font-size:13px;line-height:1.5}.confirm-toast-buttons{justify-content:flex-end;gap:8px;display:flex}.confirm-toast-buttons button{cursor:pointer;transition:var(--trans);border-radius:6px;padding:7px 16px;font-size:13px;font-weight:600}.confirm-cancel{color:#475467;background:#fff;border:1px solid #d0d5dd}.confirm-cancel:hover{background:#f2f4f7}.confirm-ok{color:#fff;background:#078d7d;border:1px solid #078d7d}.confirm-ok:hover{background:#066f64}.sidebar_parent{background-color:var(--accent);width:100%;height:100%;transition:var(--trans);flex-direction:column;justify-content:space-between;align-items:center;padding:10px;display:flex;overflow-x:hidden}.sidebar_parent .top{justify-content:flex-start;align-items:flex-start;gap:var(--unit);flex-direction:column;width:100%;display:flex}.sidebar_parent .top .logo{cursor:pointer;border-bottom:1px solid var(--white);width:100%;padding:10px;display:flex;overflow:hidden}.sidebar_parent .top .logo img{object-fit:contain;max-width:100%;height:50px;transition:var(--trans);border-radius:5px}.sidebar_parent .top .navsection{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.sidebar_parent .top .navsection .nav_item{width:100%}.sidebar_parent .top .navsection .nav_item .link{justify-content:flex-start;align-items:center;gap:var(--unit);color:#fff;cursor:pointer;transition:var(--trans);border-radius:5px;font-size:15px;text-decoration:none;display:flex}.sidebar_parent .top .navsection .nav_item .link.active,.sidebar_parent .top .navsection .nav_item .link:hover{background-color:var(--accent2)}.sidebar_parent .top .navsection .nav_item .link span{min-width:30px;transition:var(--trans);justify-content:center;align-items:center;display:flex}.sidebar_parent .top .navsection .nav_item .link span svg{color:#fff;font-size:24px}.sidebar_parent .top .navsection .nav_item .link .nav_text{white-space:nowrap;opacity:1;visibility:visible;width:auto;transition:opacity .2s,width .3s;overflow:hidden}.sidebar_parent .top .navsection .child_list{z-index:10;width:100%;box-shadow:var(--shadow);background-color:#fff;border-radius:0 0 10px 10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:10px;display:flex}.sidebar_parent .top .navsection .child_list a{color:#000;width:100%;transition:var(--trans);border-radius:5px;padding:8px;font-size:14px;text-decoration:none}.sidebar_parent .top .navsection .child_list a:hover{background-color:var(--accent);color:#fff}.sidebar_parent .logout{justify-content:flex-start;align-items:center;gap:var(--unit);width:100%;color:var(--white);cursor:pointer;transition:var(--trans);padding:10px 20px;text-decoration:none;display:flex}.sidebar_parent .logout span{justify-content:center;align-items:center;min-width:24px;display:flex}.sidebar_parent .logout span svg{font-size:24px}.sidebar_parent .logout:hover{opacity:.8;background-color:var(--accent2);border-radius:5px}.sidebar_parent.collapsed{padding:10px 5px}.sidebar_parent.collapsed .logo img{object-fit:contain;width:35px;height:35px}.sidebar_parent.collapsed .link{border-radius:10px;justify-content:center;gap:0;padding:10px 5px}.sidebar_parent.collapsed .link span{justify-content:center;width:35px;min-width:35px}.sidebar_parent.collapsed .link span svg{font-size:22px}.sidebar_parent.collapsed .link .nav_text{opacity:0;visibility:hidden;width:0;display:none}.sidebar_parent.collapsed .child_list{display:none}.sidebar_parent.collapsed .logout{justify-content:center;gap:0;padding:15px 5px}.sidebar_parent.collapsed .logout .nav_text{opacity:0;visibility:hidden;width:0;display:none}.sidebar_parent.collapsed .logout span{justify-content:center;width:35px;min-width:35px}.sidebar_parent.collapsed .bottom_section .version{display:none}.sidebar_parent.expanded .logo img{width:auto;height:50px}.sidebar_parent.expanded .link{justify-content:flex-start;gap:var(--unit);padding:10px}.sidebar_parent.expanded .link .nav_text{opacity:1;visibility:visible;width:auto;display:block}.sidebar_parent.expanded .logout{justify-content:flex-start;gap:var(--unit)}.sidebar_parent.expanded .logout .nav_text{opacity:1;visibility:visible;width:auto;display:block}.sidebar_parent.expanded .bottom_section{flex-direction:column;width:100%;display:flex}.sidebar_parent.expanded .bottom_section .version{color:#ffffffb3;text-align:left;width:100%;padding:4px 18px;font-size:11px;display:block}.sidebar_parent.expanded .bottom_section .version span{white-space:nowrap}.sidebar:not(.active) .sidebar_parent{padding:10px 5px}.sidebar:not(.active) .sidebar_parent .logo img{object-fit:contain;width:35px;height:35px}.sidebar:not(.active) .sidebar_parent .link{border-radius:10px;justify-content:center;gap:0;padding:10px 5px}.sidebar:not(.active) .sidebar_parent .link span{justify-content:center;width:35px;min-width:35px}.sidebar:not(.active) .sidebar_parent .link span svg{font-size:22px}.sidebar:not(.active) .sidebar_parent .link .child_list{display:none}.sidebar:not(.active) .sidebar_parent .logout{justify-content:center;gap:0;padding:15px 5px}.sidebar:not(.active) .sidebar_parent .logout .nav_text{opacity:0;visibility:hidden;width:0;display:none}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent{padding:10px 5px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .logo img{object-fit:contain;width:35px;height:35px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .link{border-radius:10px;justify-content:center;gap:0;padding:10px 5px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .link span{justify-content:center;width:35px;min-width:35px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .link span svg{font-size:22px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .link .child_list{display:none}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .logout{justify-content:center;gap:0;padding:15px 5px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .logout .nav_text{opacity:0;visibility:hidden;width:0;display:none}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .logout span{justify-content:center;width:35px;min-width:35px}.sidebar:not(.active) .sidebar_parent .logout .sidebar:not(.active) .sidebar_parent .bottom_section{display:none}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .nav_text{opacity:1;visibility:visible;width:auto;display:block}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .link{justify-content:flex-start;gap:var(--unit);padding:10px}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .logout{justify-content:flex-start;gap:var(--unit)}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .logo img{width:auto;height:50px}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .bottom_section{flex-direction:column;width:100%;display:flex}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .bottom_section .version{color:#ffffffb3;text-align:left;width:100%;padding:4px 18px;font-size:11px}.sidebar:not(.active) .sidebar_parent .logout .sidebar.active .sidebar_parent .bottom_section .version span{white-space:nowrap}.sidebar:not(.active) .sidebar_parent .logout span{justify-content:center;width:35px;min-width:35px}.sidebar.active .sidebar_parent .nav_text{opacity:1;visibility:visible;width:auto;display:block}.sidebar.active .sidebar_parent .link{justify-content:flex-start;gap:var(--unit);padding:10px}.sidebar.active .sidebar_parent .logout{justify-content:flex-start;gap:var(--unit)}.sidebar.active .sidebar_parent .logo img{width:auto;height:50px}.bottom_section{flex-direction:column;width:100%;display:flex}.bottom_section .version{color:#ffffffb3;text-align:left;width:100%;transition:var(--trans);padding:4px 18px;font-size:11px}.bottom_section .version span{white-space:nowrap}.logout_confirm{flex-direction:column;gap:12px;display:flex}.logout_message{color:#333;font-size:14px;font-weight:600}.logout_actions{justify-content:flex-end;gap:8px;display:flex}.logout_actions button{cursor:pointer;border:none;border-radius:5px;padding:6px 14px;font-family:inherit;font-size:13px}.logout_cancel{color:#333;background-color:#e5e5e5}.logout_ok{background-color:var(--accent);color:#fff}.logout_cancel:hover{opacity:.8}.logout_ok:hover{opacity:.85}