*{margin:0;padding:0;box-sizing:border-box}body{padding:0}.dark body{background-color:#1a1a2e;color:#fff;font-family:Arial,sans-serif}.white body{background-color:#fff;color:#000;font-family:Trebuchet MS,sans-serif}.body-all{width:100vh}.container{padding:10px;width:100%;margin:10px auto}#nprogress .bar{background:#29d;height:4px}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#fff}.login-box{width:100%;max-width:510px;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000080}.login-logo-container{display:flex;justify-content:center;margin:0 auto}.login-logo{max-width:100px;height:auto}.login-title{font-size:24px;font-weight:600;text-align:center;color:#001a52;margin-bottom:16px}.login-error{color:red;text-align:center;margin-bottom:16px}.form-group{margin-bottom:16px}.form-label{display:block;color:#000;margin-bottom:4px}.form-input{width:100%;padding:10px;background-color:#fcffff;border:1px solid #555;border-radius:6px;color:#000}.remember-me{display:flex;align-items:center}.checkbox{width:16px;height:16px;background-color:#333;border:1px solid #555;margin-right:8px}.checkbox-label{color:#000}.login-button{width:100%;padding:12px;background:linear-gradient(to right,#2563eb,#1e40af);border:none;border-radius:20px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out}.login-button:hover{background-color:#0070d1}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.forgot-password-button{background:none;border:none;color:#e00404;cursor:pointer;padding:0;font-weight:600}.forgot-password-button:hover{color:#0070d1}.login-title-options{display:flex;gap:12px;margin:10px auto 0}.login-title-block{padding:12px 20px;border:1px solid #d1d5db;border-radius:60px;background:#fff;font-weight:500;font-size:14px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000014;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}@media (max-width: 768px){.login-title-options{display:flex;flex-wrap:wrap;gap:12px;margin:0 auto}.login-title-block{flex:1 1 calc(48% - 12px);padding:12px 20px;border:1px solid #d1d5db;border-radius:9999px;background:#fff;font-weight:500;font-size:14px;color:#333;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 6px #00000014;transition:background .3s ease,box-shadow .3s ease,transform .2s ease}}.login-title-block:hover{background:linear-gradient(to right,#f0f4ff,#e4ebff);transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.login-title-block.active{background:linear-gradient(to right,#2563eb,#1e40af);color:#fff;border-color:#1e3a8a;box-shadow:0 4px 12px #1e40af66}.context-menu{background-color:#fff;border:1px solid #ccc;padding:5px;box-shadow:0 2px 5px #0003;max-width:120px;display:flex;flex-direction:column;gap:4px}.dark .context-menu{background-color:#141414;border:1px solid #353535;box-shadow:0 2px 5px #73737333}.context-menu-buttons button{width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:14px;color:#000}.dark .context-menu-buttons button{color:#fff}.context-menu-buttons button:hover{background-color:#eee}.dark .context-menu-buttons button:hover{background-color:#3f3f3fc0}.sidebar-extended{width:180px;position:fixed;left:0;top:97px;bottom:0;background-color:#111;overflow-y:auto;display:none;transition:transform .3s ease;padding-top:5px}.white .sidebar-extended{background:#fff;box-shadow:0 4px 10px #0000004d}.sidebar-extended .menu{list-style:none;margin:0;padding:0}.sidebar-extended .menu-btn i{font-size:22px}.sidebar-extended .menu li{position:relative}.sidebar-extended button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;width:100%;padding:10px;transition:background-color .3s ease}.white .sidebar-extended button{color:#0a0a0a}.sidebar-extended button:hover{background-color:#dfdfdfe7}.dark .sidebar-extended button:hover{background-color:#41414196}.sidebar-extended button i{min-width:30px;text-align:center;font-size:18px}.sidebar-extended button span{margin-left:10px;white-space:nowrap;font-size:16px}.sidebar-extended li.has-submenu>button{display:flex;align-items:center}.sidebar-extended li.has-submenu>button span{flex:1;text-align:left}.sidebar-extended li.has-submenu>button>i:last-child{margin-left:auto}.sidebar-extended li.has-submenu .submenu{list-style:none;padding-left:10px;display:none;flex-direction:column;position:relative;border-left:1px solid #fff;margin-left:25px}.white .sidebar-extended li.has-submenu .submenu{border-left:1px solid #303030}.sidebar-extended li.has-submenu.active .submenu{display:flex}.sidebar-extended .submenu li{position:relative;padding-left:0}.sidebar-extended .menu>li{margin-bottom:13px}.sidebar-extended .submenu li:before{content:"";position:absolute;left:-10px;top:50%;width:10px;border-top:1px solid #fff;transform:translateY(-50%)}.white .sidebar-extended .submenu li:before{border-top:1px solid #343434}.sidebar-extended li.has-submenu.active>button i.fa-chevron-down{transform:rotate(180deg)}.sidebar-extended .submenu li button{padding:8px 10px;font-size:14px}.sidebar-extended .submenu li button i{font-size:16px;min-width:24px}.sidebar-extended .submenu li button span{font-size:14px;margin-left:8px}.sidebar-extended.active~.main-content{margin-left:180px}.sidebar-collapsed{width:60px;position:fixed;left:0;top:97px;bottom:0;padding-top:10px;overflow:visible}.sidebar-collapsed::-webkit-scrollbar{display:none}.white .sidebar-collapsed{background:#fff;box-shadow:0 4px 10px #0000002b}.dark .sidebar-collapsed{background-color:#444444e9}.sidebar-collapsed .menu{list-style:none;margin:0 auto;padding:0}.sidebar-collapsed .menu-btn i{font-size:22px}.sidebar-collapsed .menu-btn{margin-top:8px;display:none!important;background:none!important}.sidebar-collapsed .menu li{position:relative}.sidebar-collapsed button i{font-size:16px;margin:0 auto}.sidebar-collapsed button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease}.white .sidebar-collapsed button{color:#3d3d3d}.dark .sidebar-collapsed button{color:#fff}.sidebar-collapsed button .dropdown-icon{display:none}.sidebar-collapsed button span:not(.tooltip){display:block;font-size:11px;line-height:1.1;text-align:center;color:#010101}.dark .sidebar-collapsed button span:not(.tooltip){color:#dadada}.sidebar-collapsed .menu li:not(.has-submenu)>button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:48px;padding:4px 0;font-size:11px;gap:3px;border:none;background:none;cursor:pointer;background:#eceeee;border-radius:5px;margin-bottom:4px}.dark .sidebar-collapsed .menu li:not(.has-submenu)>button{background:#595959e4}.dark .sidebar-collapsed .menu li:not(.has-submenu)>button:hover{background-color:#757474d3}.sidebar-collapsed .menu li:not(.has-submenu)>button:hover{background-color:#d8d8d8}.sidebar-collapsed .menu li.has-submenu{display:flex;align-items:center;gap:0;border-radius:10px 0 0 10px;overflow:visible;font-size:16px;transition:background-color .3s ease}.sidebar-collapsed .menu li.has-submenu>button{width:60px;height:48px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5px;padding:4px 0;font-size:11px;gap:4px;border:none;background:none;cursor:pointer}.white .sidebar-collapsed .menu li.has-submenu>button.active{background-color:#dbdbdbcf;border-left:4px solid #ff4d4d;border-radius:5px}.dark .sidebar-collapsed .menu li.has-submenu>button.active{background-color:#757474d3;border-left:4px solid #ff4d4d;border-radius:5px}.sidebar-collapsed .menu li:not(.has-submenu)>button.active{background-color:#dbdbdbcf;border-left:4px solid #ff4d4d}.dark .sidebar-collapsed .menu li:not(.has-submenu)>button.active{background-color:#757474d3;border-left:4px solid #ff4d4d}.sidebar-collapsed .menu li.has-submenu .submenu{display:flex;margin:0;padding:0;transform:scaleX(0);transform-origin:left;max-width:250px;height:48px;transition:transform .3s ease}.sidebar-collapsed .menu li.has-submenu:hover{background-color:#464545b8;height:48px;margin-bottom:5px}.white .sidebar-collapsed .menu li.has-submenu:hover{background-color:#e7e7e7}.sidebar-collapsed .menu li.has-submenu:hover .submenu{transform:scaleX(1);background-color:#464545e4;border-radius:0 10px 10px 0}.white .sidebar-collapsed .menu li.has-submenu:hover .submenu{background-color:#e7e7e7}.sidebar-collapsed .menu li.has-submenu .submenu li{list-style:none;margin:0;padding:0}.sidebar-collapsed .menu li.has-submenu .submenu li>button{background:none;border:none;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.white .sidebar-collapsed .menu li.has-submenu .submenu li>button{color:#252525}.sidebar-collapsed .menu li.has-submenu .submenu li>button.active{background-color:none;border-left:none}.sidebar-collapsed .menu li.has-submenu .submenu li>button i{font-size:16px}.white .sidebar-collapsed .menu li.has-submenu .submenu li>button i{color:#000}.sidebar-collapsed .menu li.has-submenu .submenu li>button:hover i{transform:scale(1.1)}.sidebar-collapsed .menu li.has-submenu .submenu li>button i{transition:transform .3s ease}.sidebar-collapsed .menu li>button .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#575757;color:#fff;padding:3px 6px;border-radius:3px;font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:10}.sidebar-collapsed .menu li>button:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-5px)}@media (max-width: 768px){.sidebar-collapsed{position:fixed;bottom:0;left:0;padding-top:0;width:100vw;height:60px;z-index:9999;display:flex;align-items:center;justify-content:center}.dark .sidebar-collapsed{background-color:#4444447a}.white .sidebar-collapsed{background-color:#fff!important;box-shadow:0 4px 10px #0000002b}.sidebar-collapsed .menu li.has-submenu .submenu{transform:scaleX(1);background-color:none}.dark .sidebar-collapsed button span:not(.tooltip){color:#fff}.white .sidebar-collapsed button span:not(.tooltip){color:#1d1d1d}.sidebar-collapsed .menu li.has-submenu{background-color:#464545b8;border-radius:10px;margin-right:5px;height:48px;transform:translateY(5px)}.white .sidebar-collapsed .menu li.has-submenu{background-color:#eaeaeae4;border-radius:10px}.sidebar-collapsed .menu-btn{margin-top:8px;display:block!important;background:none!important}.sidebar-collapsed .menu{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;width:100%;height:100%;padding:0;margin:0;list-style:none;scrollbar-width:none}.sidebar-collapsed .menu::-webkit-scrollbar{display:none}.sidebar-collapsed .menu li{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:center}.white .sidebar-collapsed .menu li.has-submenu .submenu li>button i{color:#1d1d1d}.dark .sidebar-collapsed .menu li.has-submenu .submenu li>button i{color:#fff}.dropdown-toggle{width:54px!important}.sidebar-collapsed .menu li>button{width:60px;height:48px;height:100%;background:none;border:none;margin-right:5px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dark .sidebar-collapsed .menu li>button{color:#fff}.white .sidebar-collapsed .menu li>button{color:#1f1f1f}.sidebar-collapsed .menu li.has-submenu>button{margin-bottom:0}.sidebar-collapsed .menu li:not(.has-submenu)>button{margin-bottom:0}.main-content{margin-left:0!important;padding:0;overflow:hidden;padding-top:120px!important}.sidebar-collapsed .menu-btn i{font-size:18px}.sidebar-collapsed .menu-btn{margin-top:0}}@media (max-width: 768px){.sidebar-collapsed .menu li>button .tooltip{bottom:68%;left:50%;transform:translate(-50%);background-color:#871212;color:#fff;padding:3px 6px;border-radius:3px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:999993}.sidebar-collapsed .menu li>button:hover .tooltip{opacity:1;transform:translate(-50%) translateY(-1px)}}.main-content{margin-left:50px;flex-grow:1;padding:97px 0 0;transition:margin-left .05s}.main-content-ttt{margin:0;padding-top:97px}.top-bar{background-color:#111;color:#fff;padding:3px 10px;font-size:15px;font-weight:500;height:22px}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar-text{display:flex;align-items:center}.nav-right-buttons{display:flex;flex-direction:row;gap:10px}.header-logo-heading-container{display:flex;align-items:center;gap:10px}.header-nav-ttt{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px;border-radius:12px;overflow-x:auto}.header-nav-tttt{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px;border-radius:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#999 transparent}.header-nav-tttt::-webkit-scrollbar{height:2px}.header-nav-tttt::-webkit-scrollbar-track{background:transparent}.header-nav-tttt::-webkit-scrollbar-thumb{background-color:#999;border-radius:10px}@media (min-width: 768px) and (max-width: 1194px){.header-nav-tttt{max-width:550px}}@media (min-width: 768px) and (max-width: 1024px){.header-nav-tttt{max-width:550px}}@media (min-width: 768px) and (max-width: 890px){.header-nav-tttt{max-width:500px}}@media (min-width: 768px) and (max-width: 840px){.header-nav-tttt{max-width:480px}}@media (min-width: 768px) and (max-width: 811px){.header-nav-tttt{max-width:450px}}@media (min-width: 768px) and (max-width: 1194px){.header-nav-ttt{display:none}}.nav-btn-ttt{background:#f9f9f9;box-shadow:0 4px 10px #0000001f;border:none;border-radius:10px;padding:12px;width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease-in-out;cursor:pointer}.dark .nav-btn-ttt{background:linear-gradient(135deg,#3a3f5c,#343956);box-shadow:0 20px 40px #d5d5d50c}.dark .nav-btn-ttt.active{background:linear-gradient(135deg,#4c5376,#484f73)}.white .nav-btn-ttt.active{background:#dfdfdfdf}.nav-btn-ttt:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #c3c3c314}.dark .nav-btn-ttt:hover{background:#282949;box-shadow:0 4px 12px #00000014}.icon-ttt{font-size:18px;margin-bottom:5px;color:#333}.dark .icon-ttt{color:#dadada}.label-ttt{font-size:12px;font-weight:500;color:#444;text-align:center;word-wrap:break-word}.dark .label-ttt{color:#e6e6e6}.header-heading{font-size:24px;font-weight:700;font-weight:600;color:#fafafa}.white .header-heading{color:#001a52}.header-all{position:fixed;top:0;left:0;width:100%}.header{position:fixed;top:22px;left:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:75px;padding:0;background:#fff;box-shadow:4px 4px 10px #0000002b;z-index:1000;transition:top .3s ease}.dark .header{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 2px 10px #00000080}.header-logo{padding:2px 2px 2px 8px}.white .header-logo{background:none}.header-logo img{width:110px;height:auto}.header-cont{display:flex;flex-direction:row;gap:15px;align-items:flex-end}.header-cont-ttt{display:flex;flex-direction:column;align-items:flex-end}.search-bar-ttt{display:flex;align-items:center;background:none;min-width:150px;padding:2px 6px;border-radius:5px;border:1px solid #ffffff;background:#fff}.search-bar-ttt:focus{border:1px solid #ff0000}.search-bar-ttt input{border:none;outline:none;padding:0;font-size:13px;background:none;min-width:330px;color:#000}.search-bar-ttt input:focus{border:none;outline:none}.topbar-search-button-ttt{background:none;border:none;cursor:pointer}.topbar-search-button-ttt{color:#0e0e0e;font-size:14px}.bottom-headerttt{display:flex;gap:10px;padding:6px 10px}.header-title-ttt{display:flex;align-items:flex-start;font-size:18px;font-weight:700;font-weight:600}.header-actions-ttt{display:flex;align-items:center;margin-right:12px}.header-actions-ttt button{display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;border-radius:12px;font-size:14px;font-weight:700;transition:all .3s ease;margin-left:10px}.dark .header-actions-ttt button{color:#fff;background:transparent;border:1px solid gray}.white .header-actions-ttt button{color:#fff;background:linear-gradient(135deg,#022874,#0f79d0);border:none}.header-actions-ttt button:hover{background:#6c5ce7;color:#fff}.white .header-actions-ttt button:hover{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.search-bar{display:flex;align-items:center;background:none;min-width:160px;padding:3px 6px;border-radius:5px}.dark .search-bar{border:1px solid #2f2f2f;background:#f5f5f5}.white .search-bar{border:1px solid #000000}.search-bar input{border:none;outline:none;padding:0;font-size:13px;background:none;min-width:220px}.dark .search-bar input{color:#171717}.white .search-bar input{color:#000}.search-bar input:focus{border:none;outline:none}.dark .search-bar:focus-within{border:1px solid #ffffff}.white .search-bar:focus-within{border:1px solid #000000}.topbar-search-button{background:none;border:none;cursor:pointer}.topbar-search-button{color:#161616;font-size:15px}.white .topbar-search-button i{color:#000}.top-bottom-header-wrapper{display:flex;flex-direction:column;align-items:flex-end}.top-header{display:flex;flex-direction:column;align-items:flex-end;font-size:16px}.dark .top-header{color:#f9f9f9}.white .top-header{position:relative;color:#000}.top-header .icons{display:flex;gap:12px;align-items:center;padding:7px 10px;border-bottom:1px solid #ffffff}.white .top-header .icons{border-bottom:1px solid #424242}.icons-buttons{display:flex;gap:12px;align-items:center}.icons .icons-buttons>*{width:29px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease-in-out;box-shadow:0 2px 5px #00000014}.white .icons .icons-buttons>*{background-color:#0000000d;border:1px solid black}.dark .icons .icons-buttons>*{background-color:#ffffff1a;border:1px solid rgb(255,255,255)}.icons .icons-buttons>*:hover{transform:scale(1.1);background-color:#00000026}.dark .icons .icons-buttons button i{color:#fff}.icons .icons-buttons i,.icons .icons-buttons button i{font-size:16px;color:inherit}.white .logout-icon i{color:#ea5f5f}.dark .logout-icon i{color:#f26c6c}.top-user{display:flex;align-items:center;gap:3px;color:#fff;margin-left:8px}.top-user a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:3px}.user-dp{width:15px;height:15px;vertical-align:middle;border-radius:50%}.user-name{display:inline;vertical-align:middle;color:#fff}.dark .user-name{color:#fff}.mobile-menu-btn{display:none!important;font-size:20px;cursor:pointer}.dark .mobile-menu-btn{color:#fff}.white .mobile-menu-btn{color:#000}@media (max-width: 768px){.search-bar,.digital-clock{display:none}.mobile-menu-btn{display:block!important}.top-header{flex-wrap:wrap;padding:5px;width:100%;margin:0 auto}.top-header .icons{display:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;width:100%;margin-top:10px}.top-header .icons.show{display:flex}}.bottom-header{display:flex;gap:10px;padding:6px 10px}.barber-profile p{margin:0;font-size:18px;font-weight:545}.dark .barber-profile p{color:#fff}.white .barber-profile p{color:#070707}.header-actions{display:flex;align-items:center;margin-right:12px}.header-actions button{display:flex;align-items:center;gap:8px;padding:4px 12px;cursor:pointer;border-radius:12px;font-size:14px;font-weight:700;transition:all .3s ease;margin-left:10px}.dark .header-actions button{color:#fff;background:transparent;border:1px solid gray}.white .header-actions button{color:#fff;background:linear-gradient(135deg,#022874,#0f79d0);border:none}.header-actions button:hover{background:#6c5ce7;color:#fff}.white .header-actions button:hover{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.header-actions button.active{background:linear-gradient(135deg,#12c2e9,#c471ed,#f64f59);color:#fff}@media (max-width: 768px){.header-all{width:100%;background-color:#a7a7a7;color:#000}.top-user a{gap:4px}.top-user{margin-left:0}.user-dp{width:13px;height:13px}.top-bar-mobile{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background-color:#363636;color:#fff;font-size:13px;height:20px}.top-bar-mobile .left{display:flex;align-items:center;gap:3px}.top-bar-mobile .user-name,.top-bar-mobile .right{font-weight:500;font-size:13px}.sidebar-extended{top:120px}.sidebar-extended .menu-btn i{font-size:20px}.header-mobile{position:fixed;top:20px;left:0;width:100%;height:100px;padding:3px 5px 5px;background:#fff;box-shadow:4px 4px 10px #0000001b}.dark .header-mobile{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 2px 10px #00000080}.top-header-mobile{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.dark .top-header-mobile{border-bottom:1px solid rgb(255,255,255)}.top-header-mobile .logo img{height:54px}.right-content{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.right-content .heading{font-size:16px;padding:3px;font-weight:700;color:#fafafa}.white .heading{color:#000}.mobile-search-menu{display:flex;align-items:center;gap:8px}.mobile-search-bar{display:flex;border:1px solid #ccc;border-radius:4px;overflow:hidden}.mobile-search-bar input{padding:4px 8px;border:none;outline:none}.mobile-search-bar button{background:#ddd4;border:none;padding:4px 8px;cursor:pointer}.mobile-menu-btn{font-size:20px;cursor:pointer}.bottom-header-mobile{margin-top:5px;padding:2px}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.mobile-icons-buttons{display:flex;justify-content:space-around;padding:5px;border-bottom:1px solid #050505}.dark .mobile-icons-buttons{border-bottom:1px solid #ffffff}.mobile-icons-buttons div,.mobile-icons-buttons button{font-size:16px;width:29px;height:24px;background-color:#0000000d;border:1px solid black;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px}.dark .mobile-icons-buttons div,.dark .mobile-icons-buttons button{color:#fff;background-color:#ffffff1a;border:1px solid rgb(255,255,255)}}.table-wrapper{width:100%;padding:0;margin:0}table{width:100%;border-collapse:collapse;border-radius:10px;overflow:hidden}.white table{background-color:#fff;box-shadow:0 4px 12px #0000001a;font-size:16.3px}.dark table{background-color:#45454574;box-shadow:0 4px 12px #0000001a;font-size:16px}th,td{padding:12px 14px;text-align:center}.dark td{border:1px solid #3b3b3bb7}.white th,td{border:1px solid #eaeaea}.white th{background-color:#f0f4f8;color:#333}.dark th{background:linear-gradient(135deg,#3a3f5c9b,#3a3f5c7e);color:#fff}.white tr:hover{background-color:#f9fbff}.dark tr:hover{background-color:#10254b34}.white tr:nth-child(2n){background-color:#fafafa}.white tr:nth-child(2n):hover{background-color:#f9fbff}.dark tr:nth-child(2n):hover{background-color:#192a4a46}.dark tr:nth-child(2n){background-color:#22213a32}@media (max-width: 768px){.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:600px;border-radius:10px;overflow:hidden}th,td{padding:8px;text-align:center;font-size:14px}.plus-btn,.equal-btn{padding:6px 10px}.submenu-per{left:100%}.range-picker-per{display:flex;flex-direction:column}}.plus-btn,.equal-btn{padding:8px 12px;cursor:pointer;border:none;border-radius:5px}.dropdown-wrapper-per{position:relative}.dropdown-trigger-per{background:#1e1e1e;color:#f0f0f0;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.dropdown-trigger-per:hover{background:#2a2a2a}.dropdown-menu-per{position:absolute;top:100%;left:-50px;background:#2b2b2b;border:1px solid #3a3a3a;border-radius:8px;margin-top:5px;padding:6px 0;min-width:180px;box-shadow:0 6px 20px #00000080}.dropdown-item-per{padding:10px 16px;color:#f0f0f0;cursor:pointer;position:relative;font-size:14px;white-space:nowrap}.dropdown-item-per:hover{background:#3a3a3a}.submenu-per{position:absolute;top:0;right:100%;background:#2b2b2b;border:1px solid #3a3a3a;padding:10px;border-radius:8px;min-width:180px;margin-right:5px;z-index:999;display:flex;flex-direction:column;gap:6px}.submenu-per input,.submenu-per select{background:#1e1e1e;border:1px solid #555;border-radius:6px;padding:6px;color:#f0f0f0;font-size:13px}.range-picker-per label{font-size:12px;color:#ccc;margin-top:4px}.submenu-per input[type=date]::-webkit-calendar-picker-indicator,.submenu-per input[type=month]::-webkit-calendar-picker-indicator{filter:invert(1)}.year-picker-per{display:flex;flex-wrap:wrap;max-height:200px;overflow-y:auto;gap:5px;padding:10px}.year-item-per{padding:8px 12px;cursor:pointer;border-radius:5px;font-weight:700}.admin-remove-btn{background:linear-gradient(135deg,#e53935,#ef5350);color:#fff;box-shadow:0 4px 14px #4caf5066;border:none;padding:6px 8px;border-radius:4px;cursor:pointer}.admin-remove-btn:hover{background:linear-gradient(135deg,#c62828,#f44336);box-shadow:0 6px 18px #4caf5099}.auth-branch-select{padding:5px 10px;border-radius:6px;margin-left:10px;font-size:14px;outline:none;transition:border-color .3s ease}.white .auth-branch-select{color:#0b0b0b;border:1px solid #666}.dark .auth-branch-select{background-color:#000;color:#fff;border:1px solid #666}.auth-branch-select:hover{border-color:#9e9e9e}.auth-branch-select:focus{border-color:#888}.auth-branch-option{background-color:#2a2a2a;color:#fff}.white .auth-branch-option{background-color:#f1f1f1;color:#1e1e1e}.calculator{position:absolute;right:20px;top:40px;width:220px;background:#222;padding:15px;border-radius:10px;box-shadow:0 4px 10px #0000004d;color:#fff;animation:slideIn .3s ease-in-out;z-index:100000}@keyframes slideIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.calculator-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:10px}.calculator-header button{background:red;color:#fff;border:none;padding:5px 8px;cursor:pointer;border-radius:5px}.calculator-display{width:100%;padding:10px;font-size:18px;text-align:right;margin-bottom:10px;border:2px solid #ff4444;background:#333;color:#fff;border-radius:5px}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.calculator button{background:#444;color:#fff;border:none;padding:12px;font-size:18px;cursor:pointer;border-radius:5px;transition:background .2s ease-in-out}.calculator button.active,.calculator button:active{background:#666;transform:scale(.95)}.calculator button:hover{background:#555}.clear-btn,.equal-btn{grid-column:span 2;font-weight:700}.clear-btn{background:red}.equal-btn{background:green}.clear-btn:hover{background:#8b0000}.equal-btn:hover{background:#060}.notepad-dropdown{position:absolute;top:40px;right:10px;width:250px;background:#fff;box-shadow:0 4px 8px #0003;border-radius:8px;padding:10px;z-index:1000}.notepad-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #ddd}.notepad-header button{background:none;border:none;cursor:pointer;font-size:14px;color:#333}.close-btn{font-size:16px;color:red}.new-note-block{margin-top:10px;display:flex;flex-direction:column}.new-note-block textarea{width:100%;height:60px;padding:5px;border:1px solid #ddd;border-radius:5px;resize:none}.save-btn{background:#28a745;color:#fff;border:none;padding:5px 10px;margin-top:5px;cursor:pointer;border-radius:5px}.notes-list{margin-top:10px}.note{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:5px;border-radius:5px;margin-bottom:5px}.note p{margin:0;color:#000;font-size:14px}.delete-btn{background:none;border:none;color:red;cursor:pointer;font-size:14px}.loading-text,.no-notes-text{text-align:center;font-size:14px;color:#555}.close{float:right;font-size:24px;font-weight:700;cursor:pointer}.summary-blocks{display:flex;gap:20px;margin:20px 0}.container-wrapper{display:flex;gap:20px;width:100%}.container-left{flex:4;display:flex;flex-direction:column;gap:20px}.income-expenses,.expenses-overview,.barber-overview,.customer-div{display:flex;gap:20px;height:350px}.line-chart-container{padding:10px;border-radius:8px;width:100%}.doughnut-chart-container{flex:30%;width:100%!important}.home-main-div{display:flex;flex-direction:column;gap:20px;background:#2a2a3e;border-radius:20px}.white .home-main-div{background:#fff;box-shadow:0 10px 20px #00000081}.summary-home{display:flex;justify-content:center;gap:20px;padding:0}.summary-block-home{background:#3e3e50;padding:20px 30px;border-radius:8px;color:#fff;text-align:center}.home-heading{color:#fff;font-size:22px;font-weight:700;text-align:center;margin-bottom:5px;margin-top:20px}.white .home-heading{color:#020202}.white .summary-block-home{background-color:#fefefe;box-shadow:0 10px 30px #5ff8540d;border:1px solid rgba(122,245,122,.717);color:#1d1d1d}.summary-value-home{font-size:18px;font-weight:700;margin-top:5px}.line-chart-container,.doughnut-chart-container,.expenses-doughnut-chart,.expenses-line-chart,.barber-line-chart,.barber-doughnut-chart,.customer-doughnut-chart,.customer-bar-chart{padding:10px;border-radius:8px;width:100%}#canvas{width:100%;height:100%}.line-chart-container,.expenses-line-chart,.barber-line-chart,.customer-bar-chart{flex:70%}.doughnut-chart-container,.expenses-doughnut-chart,.barber-doughnut-chart,.customer-doughnut-chart{flex:30%;width:100%!important}.container-right{flex:1;background:none;padding:0;border-radius:8px;color:#fff}.cards-wrapper-home{display:flex;flex-direction:column;gap:20px;margin-top:20px}.card-home{background:#3e3e50;padding:20px!important;border-radius:8px;text-align:center}.white .card-home{background-color:#fefefe;box-shadow:0 10px 30px #0003002c;border:1px solid rgba(122,245,122,.717);color:#1d1d1d}.card-home h4{margin:0 0 5px;text-align:center;font-size:16px}.card-value-home{margin:0;font-size:20px;text-align:center;font-weight:700}.card-value-home.yellow{color:gold}.card-value-home.green{color:#0f0}.card-value-home.pink{color:#ff69b4}.card-value-home.blue{color:#1e90ff}.card-value-home.orange{color:#ff4500}.card-value-home.lightgreen{color:#32cd32}.card-value-home.violet{color:#9400d3}.card-value-home.teal{color:#00ced1}.access-div{margin-top:20px}.access-div h3{text-align:center}.access-wrapper{display:flex;flex-direction:column;gap:20px;margin-top:20px}.access-card{background:#3e3e50;padding:20px;border-radius:8px;display:flex;align-items:center;gap:10px}.white .access-card{background-color:#fefefe;box-shadow:0 10px 30px #0003002c;border:1px solid rgba(122,245,122,.717);color:#1d1d1d}.access-card i{font-size:24px;color:#fff}.white .access-card i{color:#404040}.access-card h4{margin:0}.access-card p{margin:0;font-size:14px;color:#ccc}.white .access-card p{color:#313131}@media (max-width: 768px){.cards-wrapper-home{gap:15px;padding:0;margin:0 auto}.container-right{margin:0 auto;width:90%;padding:0!important}.card-value-home{font-size:18px}.access-card{flex-direction:row}.access-wrapper{gap:15px}.container-wrapper{flex-direction:column}.container-left,.container-right{flex:1 1 100%}.income-expenses,.expenses-overview,.barber-overview,.customer-div{flex-direction:column;height:800px}.doughnut-chart-container,.expenses-line-chart,.barber-doughnut-chart,.customer-doughnut-chart{flex:1 1 100%;height:350px}.line-chart-container,.doughnut-chart-container,.expenses-line-chart,.barber-line-chart,.customer-bar-chart{flex:1 1 100%;height:400px!important}.summary-home{flex-direction:column;align-items:center}.summary-block-home{width:90%}}.print-area-home{display:none}.employee-blocks-employee{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 10px 10px;width:100%}.card-employee{box-sizing:border-box}.card-employee{background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.white .card-employee{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.card-employee:hover{box-shadow:2px 2px 10px 1px #6c5ce79d}.card-header-employee{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);padding:16px;color:#fff;margin-bottom:0}.white .card-header-employee{background:#f0f4f8;color:#000}.card-header-employee .card-icon-employee{margin-right:12px;font-size:20px}.card-title-employee{font-size:17px;font-weight:600}.card-body-employee{padding:16px}.card-item-employee{display:flex;justify-content:space-between;margin-bottom:12px}.item-label-employee{color:#ccc;font-size:15px}.white .item-label-employee{color:#6d6d6d}.item-value-employee{color:#fff;font-size:16px}.white .item-value-employee{color:#000;font-size:17px}.card-body-employee .card-item-employee:nth-child(3),.card-body-employee .card-item-employee:nth-child(4),.card-body-employee .card-item-employee:nth-child(5),.card-body-employee .card-item-employee:nth-child(6),.card-body-employee .card-item-employee:nth-child(8){border-bottom:1px solid #444;padding-bottom:12px;margin-bottom:12px}.card-item-employee.vertical-align{flex-direction:column;align-items:flex-start}.card-item-employee.vertical-align .item-label-employee{margin-bottom:8px}.reminder-btn-employee{background:#6c5ce7;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.reminder-btn-employee:hover{background:linear-gradient(135deg,#12c2e9,#c471ed,#f64f59)}@media (max-width: 768px){.card-employee{flex:1 1 100%;max-width:100%}.employee-blocks-employee{padding:5px;gap:15px}.card-header-employee{font-size:18px;padding:12px}.card-title-employee{font-size:18px}.card-body-employee{padding:12px}.card-item-employee{flex-direction:column;align-items:flex-start;gap:4px}.reminder-btn-employee{font-size:.95rem;padding:6px}}.modal-update-btn{margin-top:2rem;padding:.8rem 1.6rem;background-color:#ff4747;color:#fff;font-size:1rem;border:none;border-radius:.6rem;cursor:pointer;font-weight:700;transition:background-color .3s ease}.modal-update-btn:hover{background-color:#d83a3a}.date-picker-wrapper{position:relative}.calendar-icon{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);color:#888;pointer-events:none}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999;padding:24px;overflow-y:auto}.modal-container{position:relative;background:#fff;box-shadow:0 20px 40px #0000004d;border-radius:12px;max-width:650px;width:100%;animation:modalFadeIn .3s ease-out;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.dark .modal-container{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 20px 40px #0000004d}.modal-content{overflow-y:auto;padding:24px;font-family:system-ui,sans-serif;color:#333}.dark .modal-content{color:#dfdfdf}.modal-content h2{color:#333;margin-bottom:10px;font-size:21px}.dark .modal-content h2{color:#fff}.modal-close{position:absolute;top:12px;right:16px;font-size:20px;background:transparent;border:none;cursor:pointer;color:#666}.dark .modal-close{color:#ebebeb}.modal-close:hover{color:#ff1212}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:8px;margin-top:8px;margin-bottom:16px;border-radius:6px;border:1px solid #ccc;font-size:14px}.dark .modal-content input,.dark .modal-content select,.dark .modal-content textarea{background-color:#fff;color:#010101;border:1px solid #ffffffb0}.modal-default-btn{margin-top:10px;padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.modal-default-btn:hover{background:#0056b3}.modal-actions-double{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem}.modal-actions-button{padding:.6rem 1.2rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.modal-actions-button.add-btn{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff;box-shadow:0 4px 14px #4caf5066}.modal-actions-button.cancel-btn{background:linear-gradient(135deg,#d32f2f,#f45044);box-shadow:0 6px 18px #f4433699;color:#fff}.modal-actions-button.cancel-btn:hover{background:linear-gradient(135deg,#c62828,#f44336);box-shadow:0 6px 18px #f4433699;color:#fff}.modal-actions-button.add-btn:hover{background:linear-gradient(135deg,#43a047,#66bb6a);box-shadow:0 6px 18px #4caf5099}.modal-actions-button.update-btn{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;box-shadow:0 4px 14px #1976d266}.modal-actions-button.update-btn:hover{background:linear-gradient(135deg,#1565c0,#1e88e5);box-shadow:0 6px 18px #1976d299}@media (max-width: 768px){.modal-backdrop{padding:12px;align-items:flex-start}.modal-container{max-width:100%;max-height:95vh;border-radius:10px;box-shadow:none;margin-top:40px}.modal-content{padding:16px}.modal-close{top:8px;right:10px;font-size:18px}.modal-content input,.modal-content select,.modal-content textarea{font-size:16px;padding:10px;margin-bottom:12px}.modal-actions-button{padding:12px;font-size:1rem}}.salary-table td button{background-color:#444;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer}.salary-table td button:hover{background-color:#666}.employee-pay-select{padding:6px 10px;border-radius:6px;margin-left:10px;font-size:14px;outline:none;transition:border-color .3s ease}.white .employee-pay-select{color:#0b0b0b;border:1px solid #666}.dark .employee-pay-select{background-color:#000;color:#fff;border:1px solid #666}.employee-pay-select:hover{border-color:#9e9e9e}.employee-pay-select:focus{border-color:#888}.employee-pay-select-option{background-color:#2a2a2a;color:#fff}.white .employee-pay-select-option{background-color:#f1f1f1;color:#1e1e1e}.print-area,.print-area-man{display:none}@media print{body *{visibility:hidden}.print-area,.print-area *,.print-area-man,.print-area-man *{visibility:visible}.print-area{display:block;position:absolute;left:50%;top:0;transform:translate(-50%);max-width:300px;font-size:12px;color:#000;padding:0;font-family:Arial,sans-serif}.print-area-man{display:block;position:absolute;left:50%;top:0;transform:translate(-50%);max-width:900px!important;font-size:18px;color:#000;padding:0;font-family:Arial,sans-serif}.pay-print-logo{max-width:80px;display:block;margin:0 auto}.pay-print-logo-man{max-width:120px;display:block;margin:0 auto}.contact-info p,.print-header p,.total-payable p,.due-section p{margin:2px 0;text-align:center}hr{border:none;border-top:1px dashed black;margin:5px 0}.cut-row,.advance-row,.payment-row{display:flex;justify-content:space-between;font-size:11px;margin:2px 0}.cut-row-man,.advance-row-man,.payment-row-man{display:flex;justify-content:space-between;font-size:16px;margin:4px 0}}.add-sep-btn{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff;box-shadow:0 4px 14px #4caf5066;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;margin:12px}.add-sep-btn:hover{background:linear-gradient(135deg,#43a047,#66bb6a);box-shadow:0 6px 18px #4caf5099}.book-create{margin-top:20px;text-align:center;color:#fff}.white .book-create{color:#050505}.book-create-btn{padding:10px 20px;margin-top:10px;background-color:green;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.book-create-btn:hover{background-color:#ff0b0b}.cards-container-per{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 20px 20px;width:100%}.card-per{background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.white .card-per{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.card-per:hover{box-shadow:2px 2px 10px 1px #75e75c9d}.card-header-per{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);padding:16px;color:#fff;margin-bottom:0}.white .card-header-per{background:#f0f4f8;color:#000}.card-header-per .card-icon-per{margin-right:12px;font-size:18px}.card-title-per{font-size:18px;font-weight:600}.card-body-per{padding:16px}.card-item-per{display:flex;justify-content:space-between;margin-bottom:12px}.item-label-per{font-weight:600;color:#ccc}.white .item-label-per{color:#3c3c3c}.item-value-per{font-weight:500;color:#fff}.white .item-value-per{color:#020202}.card-body-per .card-item-per:nth-child(3),.card-body-per .card-item-per:nth-child(4){border-bottom:1px solid #444;padding-bottom:12px;margin-bottom:12px}.summary-section-per{display:flex;margin-bottom:20px;background:#262636;padding:20px;border-radius:8px;height:350px;width:100%}.white .summary-section-per{background:#fff;box-shadow:0 10px 20px #0000001c}.summary-left-per{width:20%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(45px,auto);gap:10px;text-align:center;margin-right:0}.summary-block-per{background:#3e3e50;padding:10px 15px;border-radius:5px;color:#fff;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}.white .summary-block-per{background-color:#fefefe;box-shadow:0 10px 30px #0003000f;border:1px solid rgba(122,245,122,.717)}.summary-label-per{font-weight:700;margin-bottom:5px;color:#d1d1d1}.white .summary-label-per{color:#000}.summary-value-per{font-size:16px;font-weight:600}.white .summary-value-per{color:#000}.summary-block-per:nth-child(3),.summary-block-per:nth-child(4){grid-column:span 2}.summary-block-per:nth-child(5){grid-column:span 2;justify-self:center}.summary-right-per{width:80%;display:flex;gap:20px;align-items:stretch}.bar-chart-container-per{width:75%;height:100%}.doughnut-chart-container-per{width:25%;height:100%}@media (max-width: 768px){.summary-section-per{flex-direction:column;height:auto;padding:16px}.summary-left-per{width:100%;display:flex;flex-direction:column;margin:0 auto}.summary-block-per{width:200px;margin:0 auto}.summary-right-per{flex-direction:column;width:100%;gap:15px}.bar-chart-container-per,.doughnut-chart-container-per{width:100%;height:300px}.bar-chart-container-per{width:100%;height:400px}.summary-block-per{font-size:13px;padding:10px}.summary-label-per{font-size:13px}.summary-value-per{font-size:15px}}.daily-print-btn{background-color:#be4504;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:14px;margin-top:10px}.btn{background-color:#007bff;color:#fff;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;font-size:16px}.btn:hover{background-color:#0056b3}.income-btn{background-color:#28a745;margin:0}.income-btn:hover{background-color:#218838}.expense-btn{background-color:#dc3545;margin:0}.expense-btn:hover{background-color:#c82333}.add-new{background-color:#fd7e14;margin:0 0 10px}.add-new:hover{background-color:#e07a0b}.view-btn{margin:0}.summary-section-daily{display:flex;margin-bottom:20px;background:#262636;padding:20px;border-radius:8px;height:350px;width:100%}.white .summary-section-daily{background:#fff;box-shadow:0 10px 20px #0000001c}.summary-left-daily{width:20%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(50px,auto);gap:10px;text-align:center;margin-right:20px}.summary-left-daily .summary-block-daily:nth-child(3){grid-column:1 / -1}.summary-block-daily{background:#3e3e50;padding:10px 15px;border-radius:8px;color:#fff;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}.white .summary-block-daily{background-color:#fefefe;box-shadow:0 10px 30px #0003000f;border:1px solid rgba(122,245,122,.717)}.summary-label-daily{font-weight:700;margin-bottom:5px;color:#ccc}.white .summary-label-daily{color:#000}.summary-value-daily{font-size:18px;font-weight:600}.white .summary-value-daily{color:#000}.chart-section-daily{width:80%;display:flex;gap:20px;align-items:stretch}.line-chart-daily{width:70%;height:100%}.daily-view-heading{margin-bottom:10px;margin-top:10px}.doughnut-chart-daily{width:30%;height:100%}#canvas{height:100%;width:100%}@media (max-width: 768px){.summary-section-daily{flex-direction:column;height:auto;padding:16px}.summary-left-daily{width:100%;margin-right:0;margin-bottom:16px;grid-template-columns:1fr}.summary-left-daily .summary-block-daily:nth-child(3){grid-column:auto}.chart-section-daily{flex-direction:column;width:100%;gap:16px;padding:0}.line-chart-daily{width:100%;height:450px!important}.line-chart-daily,.doughnut-chart-daily{width:100%;height:300px}}.customer-blocks-client{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;padding:0 20px 20px}.card-client{box-sizing:border-box}.card-client{background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.white .card-client{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.card-client:hover{box-shadow:2px 2px 10px 1px #6c5ce79d}.card-header-client{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);padding:16px;color:#fff}.white .card-header-client{background:#f0f4f8;color:#000}.card-icon-client{margin-right:7px;font-size:18px}.card-title-client{font-size:18px;font-weight:600}.card-body-client{padding:16px}.card-item-client{display:flex;justify-content:space-between;margin-bottom:12px}.item-label-client{font-weight:500;color:#ccc}.white .item-label-client{color:#6d6d6d}.item-value-client{font-weight:600;color:#fff}.white .item-value-client{color:#000}.devider-line{height:1px;width:100%;background-color:#ffffff1a;margin:12px 0}.white .devider-line{background-color:#0000001a}.reminder-btn-wrapper{display:flex;justify-content:center;padding:7px}.reminder-btn-client{background:#6c5ce7;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.reminder-btn:hover{background:linear-gradient(135deg,#12c2e9,#c471ed,#f64f59)}@media (max-width: 768px){.card-client{flex:1 1 100%;max-width:100%}.customer-blocks-client{padding:5px;gap:15px}.card-header-client{font-size:18px;padding:12px}.card-title-client{font-size:18px}.card-body-client{padding:12px}}.pkgm-history-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:16px 0}.pkgm-history-block{background:#3e3e50;box-shadow:0 20px 40px #1818184d;padding:12px;border-radius:8px;text-align:center}.white .pkgm-history-block{background:#fff;box-shadow:0 20px 40px #00000021}.pkgm-block-title{font-weight:700;margin-bottom:8px;color:#343434}.dark .pkgm-block-title{color:#dcdcdc}.pkgm-block-value{font-size:1.2rem;color:#000}.dark .pkgm-block-value,.pkgp{color:#fff}.white .pkgp{color:#141414}.summary-section-pac{display:flex;margin-bottom:20px;background:#262636;padding:20px;border-radius:8px;height:350px;width:100%}.white .summary-section-pac{background:#fff;box-shadow:0 10px 20px #0000001c}.summary-left-pac{width:20%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(100px,auto);gap:10px;text-align:center;margin-right:20px}.summary-block-pac:nth-child(3),.summary-block-pac:nth-child(4){grid-column:span 2}.summary-block-pac{background:#3e3e50;padding:10px 15px;border-radius:5px;color:#fff;font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:center}.white .summary-block-pac{background-color:#fefefe;box-shadow:0 10px 30px #0003000f;border:1px solid rgba(122,245,122,.717)}.summary-label-pac{font-weight:700;margin-bottom:5px;color:#ccc}.white .summary-label-pac{color:#000}.summary-value-pac{font-size:16px;font-weight:600;color:#fff}.white .summary-value-pac{color:#020202}.chart-section-pac{width:80%;display:flex;gap:20px;align-items:stretch}.line-chart-pac{width:75%;height:100%}.doughnut-chart-pac{width:25%;height:100%}@media (max-width: 768px){.summary-section-pac{flex-direction:column;height:auto;padding:0}.summary-left-pac{width:100%;margin-right:0;margin-bottom:20px;grid-template-columns:repeat(1,1fr)}.summary-left-pac .summary-block-pac:nth-child(3),.summary-left-pac .summary-block-pac:nth-child(4){grid-column:auto}.chart-section-pac{width:100%;flex-direction:column;padding:0;gap:20px}.line-chart-pac{width:100%;height:400px}.doughnut-chart-pac{width:100%;height:auto}}.services-list-button{padding:6px 12px;background-color:#e94560;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.save-btn{width:100%;padding:10px;background-color:#e94560;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer}.pkg-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%;padding:0 20px 20px}.pkg-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:1rem;transition:transform .2s ease-in-out;border:1px solid #e6e6e6}.dark .pkg-card{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);border:none;box-shadow:0 20px 40px #0000004d}.pkg-card:hover{transform:translateY(-4px)}.pkg-header h3{margin:0;font-size:1.2rem;color:#222}.dark .pkg-header h3{color:#fff}.pkg-body{margin-top:1rem}.pkg-row{margin-bottom:.75rem;color:#444;font-size:.95rem}.pkg-row-pt{margin-bottom:.75rem;color:#444;font-size:16px}.pkg-row-pt strong{color:#444;font-size:17px}.dark .pkg-row-pt strong{color:#fff}.dark .pkg-row-pt{color:#dedede}.pkg-row strong{color:#444}.dark .pkg-row strong{color:#d2d2d2}.dark .pkg-row{color:#fff}.pkg-input{width:100%;padding:6px 10px;font-size:.95rem;border:1px solid #ccc;border-radius:6px}.pkg-title-input{font-weight:600;font-size:1.1rem}.pkg-btn{padding:6px 10px;background-color:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.pkg-btn:hover{background-color:#e0e0e0}.pkg-price-today{margin-top:10px;background:#ecf4ff;padding:10px;border-left:4px solid #007bff;font-weight:700;color:#007bff;border-radius:6px}.summary-section-inv{display:flex;margin-bottom:20px;background:#262636;padding:20px;border-radius:8px;height:350px;width:96%}.white .summary-section-inv{background:#fff;box-shadow:0 10px 20px #0000001c}.equipments{width:100%}.summary-left-inv{width:20%;display:flex;flex-direction:column;gap:10px;text-align:center;margin-right:20px;height:100%}.summary-block-inv{background:#3e3e50;padding:10px 15px;border-radius:5px;color:#fff;width:100%;font-size:14px;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.white .summary-block-inv{background-color:#fefefe;box-shadow:0 10px 30px #0003000f;border:1px solid rgba(122,245,122,.717)}.summary-label-inv{font-weight:700;margin-bottom:5px;color:#ccc}.white .summary-label-inv{color:#000}.summary-value-inv{font-size:16px;font-weight:600}.white .summary-value-inv{color:#000}.chart-section-inv{width:80%;display:flex;gap:20px;align-items:stretch}.line-chart-inv{width:75%;height:100%}.doughnut-chart-inv{width:25%;height:100%}@media (max-width: 768px){.summary-section-inv{flex-direction:column;height:auto;padding:16px}.summary-left-inv{width:100%;margin-right:0;grid-template-columns:repeat(1,1fr);margin-bottom:20px}.summary-left-inv .summary-block-inv:nth-child(3){grid-column:auto}.chart-section-inv{width:100%;flex-direction:column;gap:20px}.line-chart-inv{width:100%;height:400px}.doughnut-chart-inv{width:100%;height:300px}}.table-wrapper-inv{width:100%}@media (max-width: 768px){.table-wrapper-inv{width:285px;overflow-x:auto;-webkit-overflow-scrolling:touch}}.stock-btn{margin-left:5px;padding:3px 8px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px}.add-stock-btn{background-color:#2ecc71;color:#fff}.remove-stock-btn{background-color:#e74c3c;color:#fff}.report-btn{background-color:#3498db;color:#fff}.expiry-btn{background-color:#f39c12;color:#fff}.save-btn{margin-top:20px;padding:10px 20px;background:#00c896;color:#fff;border:none;border-radius:8px;cursor:pointer;float:right}.close-btn{margin-top:20px;padding:10px 20px;background:#ff4d4f;color:#fff;border:none;border-radius:8px;cursor:pointer;float:left}.status-btn,.package-btn{padding:8px 12px;border:none;border-radius:4px;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap;display:inline-block}.status-btn.waiting{background-color:#c2a200}.status-btn.ongoing{background-color:#b00020}.status-btn.complete{background-color:#00c60db7}.package-btn{background-color:#333;color:#fff;border:1px solid #555;white-space:normal;word-break:break-word;text-align:center}.workload{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px}.workloadinvoicecard{background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.workloadinvoicecard-manager{width:330px;flex-shrink:0;background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.busyness-bar-container{margin-top:10px;height:18px;width:100%;background:#f1f1f1;border-radius:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.busyness-bar{display:flex;height:100%;width:100%;font-size:11px;font-weight:600;color:#fff;border-radius:8px;overflow:hidden}.bar-section{display:flex;align-items:center;justify-content:center;height:100%;white-space:nowrap}.bar-section.green{background:linear-gradient(to right,#1abc9c,#4bff96)}.bar-section.red{background:linear-gradient(to right,#ff7f71,#c0392b)}.white .workloadinvoicecard{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.workloadinvoicecard:hover{box-shadow:2px 2px 10px 1px #6c5ce79d}.white .workloadinvoicecard-manager{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.workloadinvoicecard-manager:hover{box-shadow:2px 2px 10px 1px #6c5ce79d}.workloadinvoiceheader{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);padding:16px;color:#fff;margin-bottom:0;display:flex;align-items:center}.white .workloadinvoiceheader{background:#f0f4f8;color:#000}.inv-user-icon{margin-right:12px;font-size:18px}.inv-employee-name{font-size:16px;font-weight:700}.inv-employee-info{padding:10px}.inv-employee-info p{margin:6px 0;font-size:14px}.inv-employee-info hr{border:0;height:1px;background:#444;margin:10px 0}.status-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize}.status-badge.free{background-color:#4caf50;color:#fff}.status-badge.working{background-color:#f44336;color:#fff}.assigned-afterwards-count{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:700;text-transform:capitalize}.assigned-afterwards-count.zero{background-color:#4caf50;color:#fff}.assigned-afterwards-count.nonzero{background-color:#f44336;color:#fff}.add-more-save{background-color:#4caf50;color:#fff;padding:10px 20px;margin-right:10px;border:none;border-radius:4px;cursor:pointer}.add-more-cancel{background-color:#f44336;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.add-more-buttons{margin-top:20px;display:flex;justify-content:flex-start}.highlighted-row{background-color:#656565d6}.print-btn{background-color:#be4504;color:#fff;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:14px}.print-direct-main{background-color:#fff;box-shadow:0 8px 30px #00000024;padding:30px 20px;width:97%;border-radius:16px;margin:0 auto 20px}.dark .print-direct-main{background:#2a2a3a;box-shadow:0 4px 8px #0003}.print-direct-main-title{text-align:center;font-size:24px;font-weight:700;margin:0 auto 20px}.print-direct-main-right{max-width:100%;overflow-x:auto;padding:10px;margin-bottom:20px;box-sizing:border-box;scroll-behavior:smooth}.workload-manager{display:flex;gap:20px;min-width:max-content}.print-direct-main-right::-webkit-scrollbar{height:10px}.print-direct-main-right::-webkit-scrollbar-track{background:transparent}.print-direct-main-right::-webkit-scrollbar-thumb{background-color:#64646466;border-radius:10px;transition:background-color .3s}.print-direct-main-right::-webkit-scrollbar-thumb:hover{background-color:#64646499}.print-direct-container{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.print-direct-left,.print-direct-right{flex:1;max-width:48%;display:flex;flex-direction:column;gap:10px;border:1px solid black;padding:20px;border-radius:12px}.dark .print-direct-left,.dark .print-direct-right{border:1px solid rgb(189,189,189)}.print-direct-label{font-weight:600;font-size:16px;color:#333;margin-bottom:5px}.dark .print-direct-label{color:#dfdfdfe1}.print-direct-input,.print-direct-select{padding:10px 12px;border-radius:8px;border:1px solid #ccc;font-size:14px;transition:border-color .3s}.dark .print-direct-input,.dark .print-direct-select{background-color:#4a4a4a4b;color:#fff}.print-direct-input:focus,.print-direct-select:focus{outline:none;border-color:#e63946}.print-direct-package-list{display:flex;flex-wrap:wrap;gap:10px}.print-direct-package-block{padding:10px 18px;border:1px solid #ccc;border-radius:8px;background-color:#f7f7f7;cursor:pointer;transition:all .2s ease;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.print-direct-package-block:hover{background-color:#eee}.print-direct-package-block.selected{border:2px solid #e63946;background-color:#ffe5e5;color:#d32f2f}.dark .print-direct-package-block{border:1px solid #ccc;background-color:#32323a;color:#fafafa}.dark .print-direct-package-block:hover{background-color:#5f5f5f}.dark .print-direct-package-block.selected{border:2px solid #e63946;background-color:#393939;color:#d32f2f}.print-direct-table{width:100%;border-collapse:collapse;margin-top:10px;background-color:#fafafa;border-radius:10px;overflow:hidden}.red-bg{background-color:#de0c0c38!important}.print-direct-table th,.print-direct-table td{padding:10px;border-bottom:1px solid #ddd;text-align:left;font-size:14px}.print-direct-save-btn{margin-top:20px;padding:12px 20px;background-color:#e63946;color:#fff;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease-in-out}.print-direct-save-btn:hover{background-color:#cc2b39}.print-direct-payment-options{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.print-direct-payment-option{padding:10px 18px;border:1px solid #ccc;border-radius:8px;background-color:#f7f7f7;cursor:pointer;transition:all .2s ease;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.print-direct-payment-option:hover{background-color:#eee}.print-direct-payment-option.selected{border:2px solid #d32f2f;background-color:#ffe5e5;color:#d32f2f}@media (max-width: 768px){.print-direct-main{flex-direction:column;gap:16px;padding:10px 5px;width:100%}.print-direct-main-left,.print-direct-container,.print-direct-left,.print-direct-right{max-width:100%;width:100%;flex:1 1 100%}print-direct-main-right{max-width:100%;width:100%}.print-direct-container{flex-direction:column;padding:12px}.print-direct-table{font-size:13px}.print-direct-save-btn{width:100%}.workloadinvoicecard-manager{width:250px;background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}}.branch-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:0 20px 20px}.branch-card{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000014;padding:1.5rem;width:100%;max-width:400px;transition:transform .2s ease}.dark .branch-card{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 20px 40px #0000004d}.branch-card:hover{transform:translateY(-5px)}.branch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.branch-header h3{margin:0;font-size:1.25rem;color:#222}.dark .branch-header h3{color:#fff}.access-btn{background-color:#f44336;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem}.branch-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.5rem;color:#555}.dark .info-item{color:#e4e4e4}.info-item i{color:#444;font-size:1rem;min-width:20px}.dark .info-item i{color:#b8b8b8}.info-item input{flex:1;padding:.4rem .6rem;border:1px solid #ccc;border-radius:6px}#summ-summary-summary-div{padding:0;display:flex;flex-direction:column}.summ-summary-blocks-wrapper{width:70%;background-color:none;padding:0;border-radius:12px;margin:0 auto}.summ-summary-blocks1,.summ-summary-blocks2{display:flex;gap:20px;margin-bottom:20px}.summ-summary-block{flex:1;background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #00000041;padding:20px;text-align:center;transition:transform .2s ease}.dark .summ-summary-block{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 0 12px #0000004d}.summ-summary-block:hover{transform:translateY(-4px)}.summ-summary-label{font-size:15px;color:#777;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.dark .summ-summary-label{color:#e9e9e9}.summ-summary-value{font-size:21px;font-weight:600}.summ-income-value{color:#28a745}.summ-expenses-value{color:#dc3545}.summ-profit-value{color:#007bff}.summ-default-value{color:#001831}.dark .summ-default-value{color:#fff}.summ-details-tables{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.summ-table-wrapper{flex:1;background-color:#fff;padding:20px 25px;border-radius:15px;box-shadow:0 4px 12px #0000000d;min-width:300px}.dark .summ-table-wrapper{background:linear-gradient(135deg,#3a3f5c,#3a3f5c)}.summ-table-wrapper h3{margin-bottom:20px}@media (max-width: 768px){.summ-summary-blocks1,.summ-summary-blocks2{flex-direction:column}.summ-summary-block{width:100%}.summ-summary-blocks-wrapper{width:96%}.summ-details-tables{flex-direction:column}.summ-table-wrapper{width:100%}#summ-summary-summary-div{padding:0}.summ-summary-label{font-size:.9rem;letter-spacing:.05em}.summ-summary-value{font-size:1.5rem;font-weight:600}}#summ-chart-div{display:flex;gap:20px;justify-content:center;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summ-chart-container{height:350px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 0 12px #0000004d;display:flex;flex-direction:column;align-items:center}.dark .summ-chart-container{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 0 12px #0000004d}.summ-chart-title{color:#000;font-size:1.1rem;margin-bottom:.5rem;text-align:center}.dark .summ-chart-title{color:#fff}@media (max-width: 768px){#summ-chart-div{flex-direction:column;align-items:center}.summ-chart-container{width:100%}}.dash-user-dashboard{max-width:350px;margin:0 auto;padding:30px 20px;border-radius:20px;background:linear-gradient(135deg,#fff,#f9f9f9);box-shadow:0 10px 30px #0000001f;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.dark .dash-user-dashboard{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 20px 40px #0000004d}.dash-user-dashboard:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.dash-user-dp{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid #0077ff22;box-shadow:0 0 15px #07f3;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1}.dash-user-dp img{width:100%;height:100%;object-fit:cover}.dash-user-dp i{font-size:60px;color:#bbb}.dark .dash-user-dp i{color:#272727}.dash-user-info h2{margin:10px 0 8px;font-size:24px;font-weight:600;color:#333}.dark .dash-user-info h2{color:#fff}.dash-user-info p{margin:6px 0;font-size:17px;color:#555;display:flex;align-items:center;justify-content:center;gap:8px}.dark .dash-user-info p{color:#e8e8e8}.dash-user-info i{color:#07f;vertical-align:center}.dash-user-actions{display:flex;flex-direction:column;gap:10px;margin-top:25px}.dash-user-actions button{padding:10px 15px;background-color:#07f;color:#fff;border:none;border-radius:10px;font-weight:500;font-size:15px;cursor:pointer;transition:background-color .2s ease}.dash-user-actions button:hover{background-color:#005dd1}.authority-user-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;padding-top:0}.authority-user-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:1.5rem;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.dark .authority-user-card{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);box-shadow:0 20px 40px #0000004d}.authority-user-card:hover{transform:translateY(-5px)}.auth-user-dp-wrapper{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.auth-user-dp{width:100%;height:100%;object-fit:cover}.auth-fallback-icon{font-size:2.5rem;color:#888}.auth-user-info{text-align:center;margin-bottom:1rem}.auth-user-name{font-size:1.2rem;font-weight:600;margin:0}.auth-user-email{font-size:.9rem;color:#666}.dark .auth-user-email{color:#e7e7e7}.remove-button{background:#ff4d4d;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.remove-button:hover{background:#e60000}.rep-inventory-report{margin:0 auto}.rep-section-title{font-size:20px}.rep-summary-section{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;box-shadow:0 2px 10px #00000014;gap:20px;padding:20px;flex-wrap:wrap;border-radius:12px;margin:0 auto}.dark .rep-summary-section{background:#2a2a3e}.rep-summary-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;flex:1;width:100%}.rep-summary-block{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s ease}.dark .rep-summary-block{background:#3e3e50}.rep-summary-block:hover{transform:translateY(-4px)}.rep-summary-label{font-size:14px;color:#777;display:block;margin-bottom:6px}.dark .rep-summary-label{color:#d9d9d9}.rep-summary-value{font-size:20px;font-weight:700;color:#222}.dark .rep-summary-value{color:#fff}.rep-doughnut-chart-container{flex:1;min-width:300px;border-radius:12px;display:flex;justify-content:center;align-items:center}.rep-charts-section{display:flex;background:#fff;box-shadow:0 2px 10px #00000014;gap:40px;padding:20px;flex-wrap:wrap;border-radius:12px;margin-bottom:20px}.dark .rep-charts-section{background:#2a2a3e}.rep-chart-container{flex:1;min-width:500px}.rep-chart-wrapper{height:300px}.rep-product-details-section{margin-top:40px}.rep-product-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;width:100%}.rep-product-card{background:linear-gradient(135deg,#2a2a3a,#3a3a4a);box-shadow:0 4px 8px #0003;border-radius:12px;overflow:hidden;transition:box-shadow .3s ease;text-align:left;padding:0}.white .rep-product-card{background:linear-gradient(135deg,#f6f6f6,#fff);box-shadow:0 4px 8px #0003;color:#000}.rep-product-card:hover{transform:translateY(-5px)}.rep-product-title{font-size:18px;font-weight:600;margin-bottom:8px}.rep-product-header{background:linear-gradient(135deg,#3a3f5c,#3a3f5c);padding:16px;color:#fff}.white .rep-product-header{background:#f0f4f8;color:#000}.rep-product-body{padding:16px}.rep-card-item-client{display:flex;justify-content:space-between;margin-bottom:12px}.rep-item-label-client{font-weight:500;color:#ccc}.white .rep-item-label-client{color:#6d6d6d}.rep-item-value-client{font-weight:600;color:#fff}.white .rep-item-value-client{color:#000}.instruction-container{width:96%;margin:0 auto;padding:15px;max-width:900px}.instruction-page{margin-bottom:40px;padding:20px;box-shadow:0 4px 12px #00000082;border-radius:12px;background-color:#fbfbfb}.instruction-heading{font-size:30px;margin-bottom:15px;text-align:center;color:#222}.instruction-images{display:flex;flex-direction:column;gap:15px}.instruction-image{width:100%;margin:0 auto;border-radius:8px;border:1px solid #ccc}@media (max-width: 768px){.instruction-page{padding:5px}.instruction-container{width:100%;padding:0}.instruction-heading{font-size:1.4rem}.instruction-images{gap:10px}.instruction-image{max-width:100%}}