@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,serif}.bg-container{justify-content:center;align-items:center;display:flex;min-height:100vh;background:url(/assets/pilip_bg-CqN0QkqR.png) no-repeat center center/cover}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%}.login-box{background:#d7ebfa;padding:30px;width:420px;border-radius:20px;box-shadow:0 5px 15px #00000080;text-align:center;position:relative}.back-link{position:absolute;top:15px;left:15px;text-decoration:none;color:#000;font-size:17px;font-weight:500;display:flex;align-items:center;gap:10px}.back-link i{font-size:16px}.logo img{width:90px;margin:8px 0 5px}.login-form{display:flex;flex-direction:column;text-align:left;padding:0 30px}.login-form label{font-size:18px;margin-top:20px}.login-form label i{margin-right:10px}.login-form input{width:100%;border:none;border-bottom:2px solid #8d8d8d;padding:5px;font-size:16px;outline:none;background:transparent}.login-form input:focus{border-bottom:2px solid #002244}.btn-login{background:#024;color:#fff;border:none;padding:8px 5px;font-size:16px;width:40%;display:block;margin:30px auto 10px;cursor:pointer;border-radius:24px}.btn{background:#024;color:#fff;border:none;padding:10px 5px;font-size:15px;width:75%;display:block;margin:30px auto;cursor:pointer;border-radius:24px}.btn-2{background:#024;color:#fff;border:none;padding:10px 5px;font-size:15px;width:50%;display:block;margin:30px auto;cursor:pointer;border-radius:24px}.box-title{text-align:center;font-size:20px;color:#000;margin:15px 0 20px;font-family:Poppins,serif}.btn-login:hover{background:#048}.login-form .input-2{padding:10px;border:1px solid #959595;border-radius:7px;font-size:14px}.login-form .input-3{padding:6px;border:1px solid #959595;border-radius:7px;font-size:10px}.login-btn{display:flex;align-items:center;width:100%;max-width:300px;padding:12px;margin:10px auto;border:2px solid #a1a1a1;border-radius:10px;font-size:18px;background:transparent;cursor:pointer;color:#000;transition:.3s ease-in-out;text-align:left;text-decoration:none}.login-btn a{letter-spacing:1px}.login-btn i{font-size:23px;margin-right:15px;color:#000}.login-btn span{flex:1}.footer-text{margin-top:50px;font-size:15px;color:#000;text-align:center;font-weight:500;width:100%;letter-spacing:1px}.footer-text .high1{color:#f60}span.high2{color:#024}.form-group{position:relative;margin-bottom:20px}.form-group input{width:100%;border:none;border-bottom:2px solid #8d8d8d;padding:5px;font-size:16px;outline:none;background:transparent}.form-group label{position:absolute;top:70%;left:10px;transform:translateY(-50%);transition:.3s;color:#000;font-size:16px;pointer-events:none;padding:0 5px}.form-group .login-form input:focus+label,.form-group .login-form :not(:placeholder-shown)+label{top:0;font-size:12px;color:#007bff}@media (max-width: 480px){.login-box{width:90%}.logo img{width:60px}.btn-login{font-size:14px}.login-btn{font-size:14px;padding:10px}.login-btn i{font-size:18px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.leavecontainer{font-family:Arial,sans-serif;justify-content:center;align-items:center;display:flex}.leave-form-container{width:450px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:20px;font-family:Arial,sans-serif}.form-header{text-align:center;padding:0 10px}.leave-form{display:flex;flex-direction:column}.input-group{margin-bottom:15px}.label{font-size:15px;font-weight:500;display:block;margin:13px 0}.radio-group{display:flex;justify-content:space-between}.radio{display:flex;align-items:center;gap:15px}.date-group{display:flex;justify-content:space-between}.date-input{display:flex;flex-direction:column;width:48%}.input{padding:5px;border:1.5px solid #4f4f4f;border-radius:5px}.textarea{width:100%;height:80px;padding:5px;border:1.5px solid #424242;border-radius:5px;resize:none}.button-group{display:flex;justify-content:center;margin-top:15px;align-items:center}.approve-btn{background:navy;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:35%}.reject-btn{background:red;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:35%;margin-left:40px}.leave-btn{width:30%;background:#f1f1f1;color:#000;border:none;font-size:17px;box-shadow:1px 1px #0009;justify-items:center;align-items:center;padding:13px;border-radius:40px;cursor:pointer}.leave-btn-cancel{width:40%;background:#f82424;color:#fff;border:none;font-size:17px;box-shadow:1px 1px #0009;justify-items:center;align-items:center;padding:13px;border-radius:40px;cursor:pointer}.approve-btn:hover{background:#00008b}.reject-btn:hover{background:red}.modal{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:30px;border-radius:16px;width:320px;box-shadow:0 10px 25px #00000026;text-align:center}.modal h3{margin-bottom:20px;font-size:1.2rem;color:#333}.modal input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;transition:border .3s;margin-bottom:20px}.modal input:focus{border-color:#007bff}.modal-buttons{display:flex;justify-content:space-between;gap:10px}.modal-buttons button{flex:1;padding:10px 12px;border:none;border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.btn-app-con{background-color:#007bff}.btn-app-can{background-color:#ff3a3a}@media (max-width: 500px){.date-input{width:100%;margin-bottom:10px}.radio-group{flex-direction:column}.button-group{flex-direction:column;gap:10px}.approve-btn,.reject-btn{width:100%}}@media (max-width: 350px){.leave-form-container{padding:15px}.label{font-size:13px}.input,.textarea{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Readex Pro,sans-serif}:root{--tran-05: all .5s ease;--tran-03: all .3s ease;--tran-03: all .2s ease}.dashboardcontainer{min-height:100vh;background-color:#fbf5f3;justify-content:center;align-items:center;height:100%}nav{position:fixed;top:0;left:0;width:290px;height:100vh;padding:20px 14px;background-color:#c8e6fd;border-right:1px solid var(--border-color);transition:var(--tran-05)}.logoname{display:flex;align-items:center;width:290px}.icons{padding-right:15px;padding-left:4px}.logoimage{display:flex;justify-content:center;min-width:45px}.logoimage img{width:50px;object-fit:cover}.logoname .logoname2{font-size:32px;font-weight:600;color:#024;margin-left:14px}.logospan{color:#f60}.close .logoname2{opacity:0;pointer-events:none}.menu-items{margin-top:20px;height:calc(100vh - 110px);display:flex;flex-direction:column;justify-content:space-between}.calendar-container{height:200px;overflow:hidden;display:flex;justify-content:center;margin-top:20px;margin-bottom:10px}.react-calendar{transform:scale(1);transform-origin:top center;width:100%;max-height:230px;border:none!important;border-radius:10px}.react-calendar__tile{font-size:11px!important;padding:2px!important}.react-calendar__navigation{margin-top:7px!important;height:20px!important}.react-calendar__month-view__weekdays{margin-top:-8px!important;font-size:9px!important;color:#56a8ff;text-decoration:none!important;font-weight:400}.leave-count-btn{text-align:center;border:none;color:#000;background-color:#c8e6fd;padding:10px 14px;border-radius:15px;margin:8px 4px;font-size:22px;min-width:100px}.btn-group{display:flex;flex-direction:row;gap:35px;margin-left:15px;margin-right:15px;width:90%}.diff-color{background-color:#f60}.para{text-align:center;font-size:20px;font-weight:500;margin-top:15px}.menu-items li{list-style:none}.menu-items li:hover{background-color:#001a34;color:#fff;border-top-right-radius:30px;border-bottom-right-radius:30px}.menu-items li a{display:flex;align-items:center;height:45px;text-decoration:none;position:relative}.link-name:hover{color:#fff}.nav-links li a:hover:before{content:"";position:absolute;left:-7px;height:5px;width:5px;border-radius:50%;background-color:#001a34}body.dark li a:hover:before{background-color:#000}.menu-items li a i{font-size:22px;min-width:45px;height:100%;display:flex;align-items:center;justify-content:center;color:var(--black-light-color)}.menu-items li a .link-name{font-size:22px;font-weight:400;padding-bottom:5px;color:#024;transition:var(--tran-05)}nav.close li a .link-name{opacity:0;pointer-events:none}.nav-links li a:hover i,.nav-links li a:hover .link-name{color:#fff}body.dark .nav-links li a:hover i,body.dark .nav-links li a:hover .link-name{color:var(--text-color)}.mode{font-size:16px;font-weight:350;margin-top:30px;color:#024}.logout-mode .timezone{color:#024;font-weight:400;font-size:25px}.menu-items .mode{display:flex;white-space:nowrap;flex-direction:column;gap:1px}.menu-items .mode-toggle{position:absolute;right:14px;height:50px;min-width:45px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mode-toggle .switch{position:relative;display:inline-block;height:22px;width:40px;border-radius:25px;background-color:var(--toggle-color)}.switch:before{content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);height:15px;width:15px;background-color:var(--panel-color);border-radius:50%;transition:var(--tran-03)}body.dark .switch:before{left:20px}.dashboard{position:absolute;left:290px;background-color:var(--panel-color);min-height:80vh;width:calc(100% - 290px);padding:10px 14px;transition:var(--tran-05)}nav.close~.dashboard{left:73px;width:calc(100% - 73px)}.dashboard .top{position:fixed;top:0;left:250px;display:flex;width:calc(100% - 250px);justify-content:space-between;align-items:center;padding:10px 14px;background-color:var(--panel-color);transition:var(--tran-05);z-index:1000}nav.close~.dashboard .top{left:73px;width:calc(100% - 73px)}hr{height:1px;border-color:#000}.dashboard .top .sidebar-toggle{font-size:26px;color:var(--text-color);cursor:pointer}.dashboard .top .search-box{position:relative;height:45px;max-width:600px;width:100%;margin:0 30px}.top .search-box input{position:absolute;border:1px solid var(--border-color);background-color:var(--panel-color);padding:0 25px 0 50px;border-radius:5px;height:100%;width:100%;color:var(--text-color);font-size:15px;font-weight:400;outline:none}.leave-container{display:flex;justify-content:space-between;width:100%;margin-top:50px}.leave-item-container{display:flex;justify-content:space-between;width:94%}.top .search-box i{position:absolute;left:15px;font-size:22px;z-index:10;top:50%;transform:translateY(-50%);color:var(--black-light-color)}.top img{width:40px;border-radius:50%}body.dark .profile-section{background:#000;color:#fff}.create-new-dropdown{position:relative;padding:10px 20px;text-align:center}h5{color:#024;font-weight:300;font-size:30px;margin-top:8px}.apply-holi{background-color:#eb685e;color:#fff;border:none;padding:8px 18px;border-radius:30px;font-weight:200;font-size:15px;margin-right:-120px}.apply-btn{background-color:#024;color:#fff;border:none;padding:8px 18px;border-radius:30px;font-weight:200;font-size:15px;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;padding:20px;border-radius:10px;width:40%;box-shadow:0 4px 10px #0000004d;position:relative}.close-btn{position:absolute;top:10px;right:15px;background:#024;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:16px;border-radius:50%}.close-btn:hover{background:#001a34}.leave-item{display:flex;flex-direction:row;margin-top:15px;justify-content:space-between;gap:30px;width:100%;padding-top:20px;padding-bottom:20px}.date{font-weight:700;color:#024;width:15%}.status{font-weight:700}.pending{color:#f60}.approved{color:#4caf50}.rejected{color:red}.type{color:#024;font-weight:700}.reason{color:gray;font-size:14px}#create-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}#create-btn:hover{background-color:#0056b3}.dropdown-menu{display:none;position:absolute;top:110%;left:0;background:#fff;border:1px solid #ddd;border-radius:5px;list-style:none;padding:10px 0;box-shadow:0 4px 6px #0000001a;z-index:100;width:200px}.dropdown-menu label{display:block;padding:8px 16px;cursor:pointer}.dropdown-menu label:hover{background-color:#f0f0f0}.dropdown-menu label input[type=file]{display:none}.dropdown-menu label:hover i{color:#0056b3}.dropdown-menu label i{margin-right:10px;font-size:18px;color:#007bff}.create-new-dropdown:hover .dropdown-menu{display:block}.profile-section{position:fixed;right:14px;top:30px;background:var(--panel-color);width:250px;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;text-align:center;z-index:1001;display:none;border-bottom:5px solid var(--main-color)}.profile-section.active{display:block}.profile-pic{width:60px;height:60px;border-radius:50%;margin-bottom:10px}.profile-section h2{font-size:16px;margin:5px 0;color:var(--text-color)}.profile-section p{font-size:14px;color:var(--subtext-color);margin-bottom:15px}#signout-btn{background-color:#6a5acd;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}#signout-btn:hover{background-color:#5949aa}.dash-content .title{display:flex;align-items:center;margin:0 0 30px 20px}.dash-content .title i{position:relative;height:35px;width:35px;background-color:var(--primary-color);border-radius:6px;color:var(--title-icon-color);display:flex;align-items:center;justify-content:center;font-size:24px}.dash-content .title .text{font-size:29px;font-weight:500;margin-left:10px;color:#024}.dash-content .boxes{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.team-container{background-color:#dce9f0;height:100%;border-top-right-radius:50px}.member-info img{width:65px;height:65px}.leader img{width:50px;height:50px}.leader-info h3{font-size:17px;font-weight:300}.leader-info p{font-size:11px;margin-top:1px}.leader-info{justify-content:flex-start;text-align:left;margin-top:8px;margin-right:90px}.leader2{background-color:#fff;width:55%;display:flex;padding:6px 8px;justify-content:space-between;border-radius:18px}.arrow img{width:20px;height:20px;margin-top:15px}.team-list-container{background-color:#fff;padding:20px;margin:15px 25px;display:inline-block;width:92%;border-radius:15px}.team-member{display:flex;justify-content:space-between}.team-list{margin-top:20px}.subtitle{font-size:14px;margin-left:-10px;margin-top:-10px}.member-info{display:flex;margin-bottom:15px}.member-info h4{margin-top:12px;padding-left:8px;font-weight:500}.member-info p{margin-top:2px;padding-left:8px;font-size:14px;font-weight:200}.leader{justify-content:center;display:flex;width:100%;margin-top:20px}.dash-content .boxes .box{display:flex;flex-direction:column;align-items:center;border-radius:12px;width:calc(100% / 3 - 15px);padding:15px 20px;background-color:var(--box1-color);transition:var(--tran-05)}.boxes .box i{font-size:35px;color:var(--text-color)}.boxes .box .text{white-space:nowrap;font-size:18px;font-weight:500;color:var(--text-color)}.boxes .box .number{font-size:40px;font-weight:500;color:var(--text-color)}.boxes .box.box2{background-color:var(--box2-color)}.boxes .box.box3{background-color:var(--box3-color)}.dash-content .activity .activity-data{display:flex;justify-content:space-between;align-items:center;width:100%}.activity .activity-data{display:flex}.activity-data .data{display:flex;flex-direction:column;margin:0 15px}.activity-data .data-title{font-size:20px;font-weight:500;color:var(--text-color)}.activity-data .data .data-list{font-size:18px;font-weight:400;margin-top:20px;white-space:nowrap;color:var(--text-color)}.dashboard-container{padding:20px;max-width:1200px;margin:0 auto}.header{margin-bottom:20px;font-size:24px;font-weight:700;color:#555;display:flex;justify-content:space-between;align-items:center}.header .dropdown{font-size:18px;color:#aaa;cursor:pointer}.cards-container{display:flex;gap:20px;flex-wrap:wrap;align-items:stretch}.welcome-card{flex:1 1 calc(60% - 20px);display:flex;justify-content:space-between;align-items:center;background:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 6px #0000004d}.welcome-text{max-width:60%}.welcome-text h2{font-size:24px;color:#333}.welcome-text p{margin:15px 0;color:#777}.welcome-text .try-now{color:#6a5acd;text-decoration:none;font-weight:700}.welcome-image img{width:270px;height:170px;border-radius:8px}.quick-access{flex:1 1 calc(40% - 20px);background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000004d}.quick-access h3{margin-bottom:20px;color:#333}.quick-access-items{display:flex;justify-content:space-between;gap:10px}.quick-item{text-align:center;flex:1;background:#f4f4f4;padding:15px;cursor:pointer;border-radius:8px}.quick-item img{width:50px;margin-bottom:10px}.quick-item p{color:#555;font-size:14px}body.dark .welcome-card{background:#000}body.dark .welcome-text h2{color:#fff}body.dark .quick-access{background:#000}body.dark .quick-access h3{color:#fff}body.dark .quick-item{background:#000;border:1px solid rgba(156,156,156,.3)}body.dark .quick-item p{color:#fff}#file-viewer-modal{display:none;position:fixed;top:10%;left:50%;transform:translate(-50%);width:80%;height:80%;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 10px #00000080;z-index:1000}#file-viewer-modal iframe{width:100%;height:100%;border:none}.close-icon{position:absolute;top:5px;right:10px;font-size:20px;font-family:Arial,sans-serif;color:#000;cursor:pointer;z-index:1001}.close-icon:hover{color:#555}.document-container,.folder-container{padding:20px;max-width:100%;margin:auto}.section{margin-bottom:40px}.section .title{display:flex;align-items:center;margin-bottom:20px}.section .title i{font-size:1.5em;margin-right:10px;color:#6a5acd}.section .title .text{font-size:1.3em;color:#333;font-weight:700}.view-all{display:inline-block;margin-top:10px;color:#6a5acd;text-decoration:none;font-size:.9em}.grid{display:flex;flex-wrap:wrap;gap:45px;justify-content:flex-start}.card{flex:0 1 calc(25% - 45px);min-width:130px;max-height:200px;background-color:#fff;border-radius:30px;box-shadow:0 4px 6px #0000001a;text-align:center;color:var(--text-color);transition:all .3s ease;padding-top:15px;padding-bottom:10px}.card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}body.dark .card{background-color:#000}body.dark .card:hover{box-shadow:0 0 17px 10px #202023}.folder-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5em;border-radius:8px;margin-bottom:10px;color:#fff;font-weight:700}.icon{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.document-icon{width:95px;height:110px}.files-container{display:flex;justify-content:center;padding:20px}.files-section{flex:1;width:50%;background:#fff;border-top-left-radius:50px;padding:20px;box-shadow:0 4px 6px #0000001a}.leave-header{font-size:21px;font-weight:350;margin-top:35px;margin-bottom:25px;color:#024}.team-header{font-size:28px;font-weight:400;color:#024}.files-header h1{font-weight:400;font-size:30px;color:#ff671f;margin-top:10px}body.dark .files-section{background:#000;color:#fff}body.dark .files-table th{background-color:#000}body.dark .files-table tr:hover{box-shadow:0 0 13px 10px #202023;background-color:#000}.file-icon{display:inline-block;width:16px;height:16px;margin-right:8px;background-size:cover}.actions-menu{position:relative;z-index:20}.menu-btn{background:none;border:none;font-size:1.5em;cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:5px;list-style:none;padding:5px 0;box-shadow:0 4px 6px #0000001a;z-index:100}.dropdown-menu li{padding:8px 16px}.dropdown-menu li a{text-decoration:none;color:#333}.dropdown-menu li:hover{background-color:#f0f0f0}table{width:100%;margin-top:15px;border-spacing:0 15px;border-collapse:collapse}thead{border:1px solid #ddd}tbody{padding:8px}td{border:1px solid #ddd;text-align:left;padding:10px}th{text-align:center;padding:10px}.hidden{display:none}.file-name,.folder-name{font-size:23px;color:#024;margin-bottom:10px;padding-bottom:20px}.folder-info{font-size:.85em;color:var(--text-color-secondary)}.files-container{display:flex;padding:20px;width:100%}.files-section{border-top-left-radius:50px;flex:1;width:50%;background:#fff;padding:20px}.teams-section{flex:1;width:50%;background:#dce9f0;border-top-right-radius:50px;padding:20px}.files-header{display:flex;align-items:center;margin-bottom:20px}.files-header h3{font-size:1.2em;font-weight:700}.view-all{color:#6a5acd;font-size:.9em;text-decoration:none}.view-all:hover{text-decoration:underline}.files-table{width:100%;border-collapse:collapse}.files-table th,.files-table td{text-align:left;padding:12px}.files-table tr{border-radius:10%}.files-table th{background-color:#f0f0f0}.files-table tr:hover{background-color:#f9f9f9}.button-leave{color:#f60;text-align:center;border:none;background-color:#c8e6fd;padding:15px 14px;margin:8px -12px 8px 4px;font-size:22px;min-width:100px;border-top-left-radius:19px;border-bottom-left-radius:19px}.button-staff{background:#c8e6fd;color:#f60;text-align:center;border:none;padding:15px 14px;border-radius:19px;margin:8px 4px;font-size:22px;min-width:100px}.btn-upload-confirm{background-color:#001a34}.btn-upload-cancel{background-color:#ff4500}.active{background:#024;color:#fff}.menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1100;font-size:28px;cursor:pointer;color:#024}@media (max-width: 768px){.menu-toggle{display:block}nav{position:fixed;left:-100%;top:0;height:100vh;width:250px;background-color:#c8e6fd;z-index:1050;transition:.3s ease}nav.active{left:0}.dashboard{left:0;width:100%;padding-top:60px}.dashboard .top{left:0;width:100%;padding-left:60px}.calendar-container,.logout-mode{display:none}.logoname2{display:inline-block;font-size:22px}}@media (max-width: 768px){.pricing-container{flex-direction:column;align-items:center}.pricing-card{max-width:100%}}@media (max-width: 1024px){.files-container{flex-direction:column;align-items:center}.files-section,.teams-section{width:90%;border-radius:20px}}@media (max-width: 768px){.files-header{flex-direction:column;align-items:flex-start}.button-leave,.button-staff{font-size:18px;padding:12px;min-width:80px}.files-table th,.files-table td{padding:10px}.file-name,.folder-name{font-size:20px}}@media (max-width: 480px){.files-section,.teams-section{width:100%;padding:15px}.files-table{display:block;overflow-x:auto;white-space:nowrap}.files-header h3{font-size:1em}.file-name,.folder-name{font-size:18px}.button-leave,.button-staff{font-size:16px;padding:10px;min-width:70px}}@media (max-width: 768px){.files-header h3{font-size:1em}.view-all{font-size:.8em}.files-table th,.files-table td{font-size:.9em}}@media (max-width: 1024px){.card{flex:1 1 calc(33.33% - 20px)}}@media (max-width: 768px){.card{flex:1 1 calc(50% - 20px)}}@media (max-width: 480px){.card{flex:1 1 calc(100% - 20px)}}@media (max-width: 1024px){.dashboard{left:0;width:100%;padding:10px}.dash-content .boxes{flex-direction:column;align-items:center}.grid{justify-content:center}.card{flex:0 1 calc(33.33% - 30px)}}@media (max-width: 768px){.dash-content .title{margin:0 0 20px 10px}.dash-content .title .text{font-size:24px}.section .title .text{font-size:1.2em}.grid{gap:30px}.card{flex:0 1 calc(50% - 30px)}}@media (max-width: 480px){.dashboard{padding:8px}.dash-content .title{flex-direction:column;align-items:flex-start;margin:0 0 15px 5px}.dash-content .title .text{font-size:20px}.grid{gap:20px}.card{flex:0 1 100%;min-width:auto}.file-name,.folder-name{font-size:18px}}@media (max-width: 768px){.cards-container{flex-direction:column}.welcome-card,.quick-access{flex:1 1 100%}.quick-access-items{flex-wrap:wrap;gap:15px}.quick-item{flex:1 1 calc(45% - 10px)}}@media (max-width: 1024px){.cards-container{gap:15px}.quick-access-items{gap:10px}.button-leave,.button-staff{padding:6px}}@media (max-width: 1000px){nav{width:73px}nav.close{width:250px}nav .logo_name{opacity:0;pointer-events:none}nav.close .logo_name{opacity:1;pointer-events:auto}nav li a .link-name{opacity:0;pointer-events:none}nav.close li a .link-name{opacity:1;pointer-events:auto}nav~.dashboard{left:73px;width:calc(100% - 73px)}nav.close~.dashboard{left:250px;width:calc(100% - 250px)}nav~.dashboard .top{left:73px;width:calc(100% - 73px)}nav.close~.dashboard .top{left:250px;width:calc(100% - 250px)}.activity .activity-data{overflow-x:scroll}}@media (max-width: 780px){.dash-content .boxes .box{width:calc(50% - 15px);margin-top:15px}}@media (max-width: 768px){.logoimage img{width:30px}.logoname2,.calendar-container,.logout-mode{display:none}.nav-links,.nav-links li{margin-top:15px}}@media (max-width: 560px){.dash-content .boxes .box{width:100%}}@media (max-width: 400px){nav{width:0;padding:10px 6px}nav.close{width:73px}nav .logo_name,nav.close .logo_name,nav li a .link-name,nav.close li a .link-name{opacity:0;pointer-events:none}nav~.dashboard,nav.close~.dashboard,nav~.dashboard .top,nav.close~.dashboard .top{left:0;width:100%}.dashboard .top{flex-direction:column;align-items:flex-start}.dashboardcontainer{padding:10px}.menu-items li a{height:40px}.menu-items li a i,.menu-items li a .link-name{font-size:18px}.logoimage img{width:25px}.logoname2,.calendar-container,.logout-mode{display:none}.nav-links li{margin-top:10px}.nav-links li a .link-name{font-size:16px;padding-bottom:2px}}@media (max-width: 360px){nav{width:0;padding:10px 6px}nav.close{width:73px}nav .logoname,nav.close .logoname,nav li a .link-name,nav.close li a .link-name{display:none;opacity:0;pointer-events:none}.calendar-container,.logout-mode{display:none}.nav-links li{margin-top:10px}.nav-links li a .link-name{font-size:16px;padding-bottom:2px}nav~.dashboard,nav.close~.dashboard,nav~.dashboard .top,nav.close~.dashboard .top{left:0;width:100%}.dashboard .top{flex-direction:column;align-items:flex-start}.dashboardcontainer{padding:10px}.menu-items li a{height:40px}.menu-items li a i,.menu-items li a .link-name{font-size:18px}.logoimage img{width:25px}.logoname2{display:none}}@media screen and (max-width: 1024px) and (max-height: 867px){.dashboard{left:200px;width:calc(100% - 200px);padding:10px}nav.close~.dashboard{left:60px;width:calc(100% - 60px)}.leave-container,.leave-item-container,.leave-item{flex-direction:column;align-items:flex-start;gap:10px}.apply-holi,.apply-btn{font-size:14px;padding:6px 14px;margin-right:10px}.modal-content{width:90%}.team-member{flex-direction:column;gap:10px}.team-list{gap:10px}.member-info{flex-direction:row;align-items:center;gap:10px;margin-bottom:10px}.document-container .grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}.card .file-name{font-size:14px}.btn-group{flex-wrap:wrap;gap:15px}.leave-count-btn{padding:8px 14px;font-size:14px}.team-card{padding:15px}.team-header{font-size:20px}.leader-info h3{font-size:16px}.leader-info p{font-size:14px}h5{font-size:24px}}@media screen and (max-width: 1024px) and (max-height: 867px){.quick-access{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;justify-items:center;margin-bottom:30px}.quick-access-card{width:140px;height:140px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 12px #0000000d;border-radius:20px;background:#fff}.quick-access-card img{width:60px;height:60px;margin-bottom:10px}.quick-access-card p{font-size:14px;font-weight:600;color:#002855}.leave-section{margin-top:40px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d}.leave-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.leave-header button{font-size:14px;padding:6px 14px}.leave-count{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px}.leave-count-item{text-align:center;flex:1 1 100px}.leave-count-item span{display:block;margin-top:5px;font-size:12px}.dashboard{padding:10px}}@media screen and (width: 1024px) and (height: 867px){.dashboard{display:flex;flex-direction:column;padding:30px 40px;box-sizing:border-box}.quick-access{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:30px;justify-items:center;align-items:center;margin-bottom:40px}.quick-access .card{width:180px;height:180px;background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.quick-access .card:nth-child(4){grid-column:2 / 3}.leave-section{background:#fff;padding:20px 30px;border-radius:20px;box-shadow:0 4px 10px #0000000d}.leave-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.leave-tabs{display:flex;gap:10px}.leave-counts{display:flex;justify-content:space-around;margin-top:20px}.leave-counts .leave{text-align:center}}@media screen and (width: 320px) and (height: 867px){.dashboard{display:flex;flex-direction:column;padding:20px;box-sizing:border-box}.quick-access{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:30px}.quick-access .card{width:100%;max-width:260px;height:150px;background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.leave-section{background:#fff;padding:20px;border-radius:15px;box-shadow:0 4px 10px #0000000d}.leave-header{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.leave-tabs{display:flex;gap:10px;flex-wrap:wrap}.leave-counts{display:flex;flex-direction:column;gap:15px;margin-top:15px}.leave-counts .leave{text-align:center;background-color:#f5f7fb;padding:10px;border-radius:10px}}