body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0}.menubar,.menubar-container{height:100%;width:100%}.menubar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:8px 15px}.search-box{align-items:center;display:flex;flex:1 1;max-width:500px}.search-input{border:2px solid #0000002e;border-radius:15px;flex:1 1;font-weight:500;min-width:120px;padding:6px 10px}.search-btn{background:#0000;border:none;color:#0006;cursor:pointer;font-size:15px;margin-left:-40px}.control-panel{align-items:center;display:flex;gap:10px}@media (max-width:480px){.control-panel{gap:12px}.profile-button{gap:4px}.profile-button svg:last-child{display:none}}.controls{background-color:initial;border:none;cursor:pointer;font-size:.9rem;justify-content:center}.additional-button,.controls{align-items:center;display:flex}.additional-button{flex-shrink:0;gap:15px}.buttons{color:#2463eb;font-size:20px}.buttons,.buttons-1{border-radius:50%;cursor:pointer;text-align:center}.buttons-1{box-shadow:0 2px 4px #0000002e;font-size:18px;padding:5px}.profile-dropdown-container{position:relative}.profile-button{align-items:center;background:#0000;border:none;color:#2463eb;cursor:pointer;display:flex;font-size:18px}.dropdown-menu{background:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;opacity:0;position:absolute;top:40px;transition:opacity .3s ease;visibility:hidden;width:200px;z-index:1000}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{padding:10px 15px}.dropdown-menu li a{align-items:center;color:#333}.dropdown-menu li a:hover{background-color:#f1f1f1;color:#007bff}.sidebar-toggle-btn{background:none;border:none;display:none;font-size:24px;margin-left:10px}.install-hint{position:relative}.hint-text{animation:hintShow 1.4s ease-out forwards;background:#222;border-radius:8px;bottom:45px;color:#fff;font-size:.75rem;left:50%;opacity:0;padding:5px 10px;position:absolute;transform:translateX(-50%)}.title-text{color:#2563eb;font-size:1rem;font-weight:600;gap:4px}.plan-timer-wrapper{align-items:center;display:flex}@media (max-width:480px){.plan-timer-wrapper{display:none}}@keyframes hintShow{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media screen and (max-width:768px){.additional-button,.control-panel{justify-content:center}.profile-button{font-size:16px}.sidebar-toggle-btn{display:block}.menubar{gap:5px;justify-content:space-evenly}}@media screen and (max-width:480px){.search-input{display:none}.menubar{gap:10px;justify-content:space-evenly;padding:4px 10px}.search-btn{color:#7870f7;font-size:18px;margin-left:0}.search-box{justify-content:flex-end}.control-panel{gap:10px}.plan-timer-wrapper{display:none}}@media (max-width:480px){.hint-text{bottom:20px;font-size:8px;padding:3px 6px;width:100px}}.profile-dropdown-container{position:fixed!important;right:170px;top:10px;z-index:99999!important}.profile-dropdown-container .dropdown-menu{border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 16px #0003;opacity:0;padding:8px 0;position:absolute;transition:all .3s ease;visibility:hidden;width:160px;z-index:99999!important}.dropdown-menu.show{opacity:1;visibility:visible}.drop-box{gap:1px;list-style:none;margin:0;padding:0}.dropdown-menu li a{background-color:#7870f7;border-radius:5px;color:#fff;display:flex;font-size:15px;font-weight:500;padding:4px 20px;text-decoration:none;transition:background .3s ease}.dropdown-menu li a:hover{background:#7870f7;border-radius:4px;color:#fff;transform:scale(1.1);transition:.4s ease-in-out}.dropdown-menu ul li button{align-items:center;background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:6px;text-align:center;text-decoration:none;width:100%}.dropdown-menu ul li button:hover{border-radius:4px;transform:scale(1.1);transition:.2s ease-in-out}.user-info{align-items:center;background:#fff;border:none;display:flex;gap:10px;justify-content:space-around;width:100%}.avatar{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;height:42px;min-height:42px;min-width:42px;object-fit:cover;overflow:hidden;width:42px}.username{color:#2346ed;font-size:13px;font-weight:500}.divide{border:none;border-top:1px solid #ddd;margin:0;width:100%}@media screen and (max-width:480px){.dropdown-menu ul li button{font-size:14px;gap:6px;padding:10px 12px}}.notification-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:background .15s ease,transform .1s ease}.notification-btn:hover{background:#2456ed14}.notification-btn:active{transform:scale(.96)}.notification-icon{color:#2456ed;font-size:1.05rem}.notification-badge{align-items:center;background:red;border-radius:999px;box-shadow:0 0 0 2px #fff;color:#fff;display:flex;font-size:10px;font-weight:600;height:12px;justify-content:center;left:20px;line-height:1;min-width:6px;padding:8px 5px;position:absolute;top:-5px}@media (max-width:600px){.notification-btn{padding:10px}.notification-icon{font-size:1.15rem}}.plan-timer{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;display:inline-flex;flex-direction:column;font-family:Inter,sans-serif;justify-content:center;min-width:180px;padding:8px 16px;transition:all .25s ease}.plan-timer.normal{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 0 10px #2563eb26}.plan-timer.urgent{background:#fef2f2;border-color:#fecaca;box-shadow:0 0 10px #ef44442e}.plan-timer.expired{background:#fef2f2;border-color:#fca5a5;box-shadow:0 0 12px #ef444440}.label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.time{color:#2563eb;font-size:14px;font-weight:600}.plan-timer.urgent .time{color:#dc2626}.plan-timer.expired .time{color:#b91c1c}.expired-text{font-weight:600}@media (max-width:480px){.plan-timer{flex-direction:row;min-width:auto;padding:6px 10px}.label{display:none}.time{font-size:13px}.label{font-size:10px}}h1{color:#f8fafc;font-family:Montserrat,sans-serif;font-size:25px;font-weight:700}ul{align-items:flex-start;flex-direction:column;gap:20px;height:100%;margin-top:1rem;padding:0}li,ul{display:flex;width:100%}li{cursor:pointer;flex-direction:row;font-family:Lato,sans-serif;font-size:.9rem;font-weight:600;transition:.2s}.tab-text{color:#2563eb}a{align-items:center;border-radius:10px;display:flex;gap:10px;padding:12px 0;transition:background .2s ease,color .2s ease;width:100%}a,a:hover{text-decoration:none}a:hover{background:#3b82f61a;color:#2563eb}.sidebar-container{background:#fff;border-right:1px solid #e5e7eb;justify-content:space-between;transition:all .3s ease;width:100%}.sidebar,.sidebar-container{display:flex;flex-direction:column;height:100%}.sidebar{padding:5px 15px}.sidebar-heading{align-items:center;color:#1e1e2f;display:flex;font-size:1.6rem;font-weight:600;gap:12px;height:15%;justify-content:center;position:relative;text-align:center}.sidebar-heading:after{background:linear-gradient(90deg,#4f46e5,#0000);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.logo-wrapper{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;margin:0 auto}.app-logo{display:block;height:100%;object-fit:contain;width:100%}.title-head{align-items:center;display:flex;height:100%;justify-content:center}.title-text span{color:#2563eb}.title-text{align-items:center;display:flex;gap:5px;line-height:1;text-align:left}.sidebar-menu{flex:1 1}.sidebar-menu.light{color:#111827}.sidebar-menu.dark{color:#f1f5f9}.title.light{color:#3a3a3b}.title.dark{color:#f1f5f9}.sidebar.light a{color:#333}.sidebar.light a:hover{color:#2563eb}.sidebar.dark{background:#1e293b}.sidebar.dark a{color:#f1f5f9}.sidebar.dark a:hover{background:#94a3b826;color:#38bdf8}.sidebar.light a.active{background:#eff6ff;color:#2563eb;font-weight:700}.sidebar.dark a.active{background:#2563eb26;color:#3b82f6;font-weight:700}.sidebar-toggle{border-top:1px solid #94a3b833;display:flex;justify-content:center;padding:1rem}.sidebar-backdrop{background:#0006;background:#00000073;height:100%;left:0;position:fixed;top:0;inset:0;width:100%;z-index:998}@media (max-width:769px){.sidebar-container{background:#fff;border-bottom-right-radius:20px;border-top-right-radius:20px;height:100vh;left:-260px;position:fixed;top:0;transition:left .3s ease;width:200px;z-index:999}.sidebar-container.open{left:0}.title-text{font-size:12px}.sidebar{padding:10px}.sidebar-heading{justify-content:flex-end;margin-bottom:10px;padding:0 15px}.title{justify-content:right}ul{gap:12px}li{border-bottom:1px solid #ebebeb;font-size:.95rem}a{font-size:14px;gap:12px;padding:10px 12px}}@media (min-width:769px) and (max-width:1024px){.sidebar-container{width:80px}.sidebar{padding:10px}.tab-text{display:none}li a{justify-content:center}.title{display:none}.logo{width:100%}}@media (min-width:1025px){.sidebar-container{width:14%}}.footer{background:#fff;border-top:1px solid #ddd;color:#555;height:100%;overflow:hidden;position:relative;width:100%;z-index:10}.copyright-box,.footer{display:flex;justify-content:center}.copyright-box{align-items:center;gap:10px}.copy-link,.copy-text{font-size:12px}@media (max-width:600px){.footer{padding:4px 0}.copyright-box{gap:5px;width:90%}.copy-link a,.copy-text{font-size:8px}.copy-link a{padding:0}}.sa-sidebar{background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;width:260px}.sa-sidebar__header{border-bottom:1px solid #e5e7eb;color:#111827;font-size:20px;font-weight:700;padding:20px 24px}.sa-sidebar__nav{display:flex;flex-direction:column;gap:6px;padding:16px}.sa-sidebar__link{border-radius:8px;color:#374151;display:block;font-size:14px;font-weight:500;padding:10px 14px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.sa-sidebar__link:hover{background-color:#f3f4f6}.sa-sidebar__link.active{background-color:#2563eb;color:#fff}.superadmin-wrapper{display:flex;height:100vh;width:100%}.superadmin-sidebar{background-color:#121212;color:#fff;min-width:260px;width:260px}.superadmin-content{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:20px}*{box-sizing:border-box;margin:0;padding:0}#root,.app-wrapper{height:100dvh}.app-wrapper{background:#f1f1f1;overflow:hidden;width:100%}.guide-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:10px;margin-left:auto;padding:6px 12px;transition:all .2s ease}.guide-btn:hover{background:#1d4ed8;box-shadow:0 4px 10px #0003;transform:translateY(-1px)}.guide-btn:active{box-shadow:0 2px 4px #00000026;transform:translateY(0)}.guide-btn:focus{outline:2px solid #93c5fd;outline-offset:2px}@keyframes spin{to{transform:rotate(1turn)}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-400.eca1e21531598d5db58f.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-500.b7c27c60f848f2083f45.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-600.69a8d1d484967aba2389.woff2) format("woff2")}.sidebar-toggle button:hover{opacity:.8}.first-container{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:100%;transition:width .3s ease;width:14%}.second-container{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;height:60px;top:0;z-index:10}.second-container,.third-container{left:14%;position:absolute;transition:left .3s ease,width .3s ease;width:86%}.third-container{background:#f1f1f1;border-radius:10px;height:calc(100% - 100px);overflow-y:auto;padding:0;top:60px}.fourth-container{bottom:0;height:40px;left:14%;position:absolute;width:86%}.first-container,.second-container,.third-container{transition:filter .3s ease,opacity .3s ease}.blurred{filter:blur(5px);pointer-events:none}.toggle-btn{display:none}.user-container{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.user-container.hidden{display:none}.swal2-container{z-index:9999!important}.my-confirm-btn{background-color:#2563eb}.my-cancel-btn,.my-confirm-btn{border:none;border-radius:6px;color:#fff;padding:8px 16px}.my-cancel-btn{background-color:#f87171}@media (min-width:769px) and (max-width:1024px){.first-container{width:70px}.second-container,.third-container{left:70px;width:calc(100% - 70px)}.fourth-container{left:70px;width:calc(100% - 60px)}}@media screen and (max-width:768px){.toggle-btn{background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;cursor:pointer;display:block;font-size:24px;left:10px;padding:8px 12px;position:fixed;top:5px;z-index:2000}.first-container{border-bottom-right-radius:20px;border-top-right-radius:20px;left:0;position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:100}.first-container.open{transform:translateX(0)}.second-container,.third-container{left:0;width:100%}.third-container{border-radius:0}.fourth-container{left:0;width:100%}}.auth-wrapper{align-items:center;background:#f3f4f6;display:flex;height:100vh;justify-content:center;width:100%}.auth-container{background:#fff;box-shadow:0 20px 60px #00000014;display:flex;height:100%;overflow:hidden;width:100%}.auth-left{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;overflow-y:auto;padding:20px 60px}.auth-header h2{color:#000;font-size:20px;font-weight:600;margin:0}.auth-content{max-width:380px;min-height:260px;width:100%}.auth-right{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;flex:1 1;padding:60px}.auth-right,.right-content{align-items:center;display:flex;justify-content:center}.right-content{flex-direction:column;gap:10px;max-width:400px}.dash-image{aspect-ratio:16/9;border-radius:10px;height:220px;margin-top:20px;overflow:hidden;width:100%}.dash-logo img{height:100px;object-fit:contain;width:100px}.right-content h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:0;text-align:center}.right-content p{margin:0;opacity:.9;text-align:center}.tab-buttons{display:flex;margin-bottom:0}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-weight:600;padding:10px}.tab-btn.active{background:linear-gradient(135deg,#4f46e5,#3b82f6);border-bottom:2px solid #4f46e5;color:#fff}@media (max-width:900px){.auth-container{flex-direction:column;height:100%}.auth-right{display:none}}@media (max-width:500px){.auth-left{padding:10px 20px}.tab-buttons{margin-bottom:0}.tab-btn{font-size:14px;padding:5px}}
/*# sourceMappingURL=main.efe4d0e8.css.map*/