body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.registration-form{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin:50px auto;padding:20px;width:350px}.registration-form h2{color:#333;text-align:center}.registration-form label{display:block;font-weight:700;margin:10px 0 5px}.registration-form input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:92%}.registration-form button{background-color:coral;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:100%}.registration-form button:hover{background-color:#e66c3c}.registrationpage{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.registrationpage-header .logo-Title a{color:#fff;font-size:25px;font-weight:600;text-decoration:none;transition:color .3s}.registrationpage-header{background-color:#333;box-shadow:0 2px 5px #0000001a;color:#fff;padding:20px 0}.registrationpage-header nav{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.registrationpage-header .logo{color:#fff;font-size:24px;font-weight:700}.registrationpage-header .nav-links{display:flex;gap:15px}.registrationpage-header .nav-links a{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.registrationpage-header .nav-links a:hover{color:coral}.registrationpage-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:50px 20px;text-align:center}.registrationpage-footer{background-color:#333;color:#fff;padding:20px;text-align:center}.registrationpage-footer p{font-size:14px}.error-message{font-size:.8rem;margin-bottom:.5rem;margin-top:.25rem}.display-message{color:#000;margin-top:1rem;text-align:center}.password-requirements{color:#555;font-size:.8rem;list-style-position:inside;margin-top:.5rem;padding-left:0;text-align:left}.registration-form .password-requirements{margin-bottom:15px;margin-top:0;text-align:left}.registration-form input:focus{width:92%}.login-form{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:50px auto;padding:20px;width:350px}.login-form h2{color:#333;text-align:center}.login-form label{display:block;font-weight:700;margin:10px 0 5px}.login-form input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:90%}.login-form button{background-color:coral;border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px;width:75%}.login-form button:hover{background-color:#e66c3c}.loginpage{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.loginpage-header .logo-Title a{color:#fff;font-size:25px;font-weight:600;text-decoration:none;transition:color .3s}.loginpage-header{background-color:#333;box-shadow:0 2px 5px #0000001a;color:#fff;padding:20px 0}.loginpage-header nav{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.loginpage-header .logo{color:#fff;font-size:24px;font-weight:700}.loginpage-header .nav-links{display:flex;gap:15px}.loginpage-header .nav-links a{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.loginpage-header .nav-links a:hover{color:coral}.loginpage-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:50px 20px;text-align:center}.hero-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:50px;max-width:800px;padding:40px 20px;width:100%}.hero-section h1{color:#333;font-size:36px;margin-bottom:20px}.hero-section p{color:#555;font-size:18px;margin-bottom:30px}.cta-button{background-color:coral;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:12px 24px;transition:background-color .3s}.cta-button:hover{background-color:#e66c3c}.features-section{margin-top:50px;max-width:1200px;width:100%}.features-section h2{color:#333;font-size:30px;margin-bottom:40px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center}.feature-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:300px;padding:20px;text-align:center;width:100%}.feature-card h3{color:#333;font-size:22px;margin-bottom:10px}.feature-card p{color:#555;font-size:16px}.loginpage-footer{background-color:#333;color:#fff;padding:20px;text-align:center}.loginpage-footer p{font-size:14px}.error{margin:5px 0;text-align:center;width:90%}.input-group{box-sizing:border-box;margin-bottom:15px;width:100%}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;flex-shrink:0;font-size:16px;padding:10px;width:75%}.error{color:red;font-size:.9em;margin-left:75px;margin-top:5px;text-align:left;width:75%}.forgot-password-page{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.app-header{background-color:#333;box-shadow:0 2px 5px #0000001a;color:#fff;padding:20px 0}.app-header nav{display:flex;justify-content:flex-start;margin:0;max-width:1200px;padding:0 20px}.app-header .logo-Title a{align-items:flex-start;color:#fff;display:flex;font-size:25px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.nav-links a:hover{color:coral}.app-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:50px 20px}.forgot-password-form{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;width:350px}.forgot-password-form h2{color:#333;margin-bottom:25px;text-align:center}.forgot-password-form label{color:#555;display:block;font-weight:700;margin-bottom:8px}.forgot-password-form input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:20px;padding:12px;width:92%}.forgot-password-form button{background-color:coral;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:12px;transition:background-color .3s;width:100%}.forgot-password-form button:hover{background-color:#e66c3c}.form-message{color:#d9534f;margin:15px 0;text-align:center}.form-footer-link{color:#555;margin-top:20px;text-align:center}.form-footer-link a{color:blue;font-size:16px;text-decoration:none}.form-footer-link a:hover{text-decoration:underline}.app-footer{background-color:#333;margin-top:auto;padding:20px}.app-footer a{color:#add8e6;text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width:480px){header{padding:10px 15px}header button{font-size:14px;padding:8px 12px}.project-container{padding:0 10px;width:100%}.projectt-table td,.projectt-table th{font-size:12px;padding:8px}}@media (min-width:481px) and (max-width:768px){.project-container{width:95%}.projectt-table{min-width:900px}}@media (min-width:769px) and (max-width:1024px){.project-container{max-width:1000px;width:90%}}@media (min-width:1025px){.project-container{max-width:1200px}}scr .projectt-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:20px;table-layout:fixed;width:100%}.projectt-table th:first-child{width:5%}.projectt-table th:nth-child(2){width:10%}.projectt-table th:nth-child(3){width:15%}.projectt-table th:nth-child(4),.projectt-table th:nth-child(5){width:12%}.projectt-table th:nth-child(6){width:20%}.projectt-table th:nth-child(7){width:10%}.projectt-table th:nth-child(10),.projectt-table th:nth-child(8),.projectt-table th:nth-child(9){width:8%}.footer{background:#fff;box-shadow:0 -2px 10px #0000001a;color:#374151;margin-top:30px;padding:15px;text-align:center}@media (max-width:768px){header{flex-direction:column;text-align:center}header button{margin-top:10px}.projectt-table td,.projectt-table th{font-size:14px;padding:10px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-container.projectt-table{background:#fff;box-shadow:2px 0 5px #0000001a;left:0;margin-left:50px;overflow-x:auto;padding-left:5px;position:-webkit-sticky;position:sticky;z-index:1}.projectt-table{min-width:1000px;width:100%}}table{overflow:visible}td,th{border-bottom:1px solid #ddd;padding:12px}tbody tr{background-color:#fff;transition:background-color .3s}footer{color:#6b7280;margin-top:20px;padding:10px}.selection-button{box-shadow:0 2px 6px #0000001a}.logo{color:#fff;font-size:1.75rem;font-weight:600;text-decoration:none}.action-button.create-button,.action-button.create-button:hover{background-color:#000;border:none;border-radius:.7rem;color:#fff;cursor:pointer;font-size:medium;font-weight:600;padding:.6rem 1rem}.action-button.refresh-button,.action-button.refresh-button:hover{background-color:#000;border-radius:.7rem;color:#fff;font-size:medium;padding:.6rem 1rem}.nav-button.active{font-weight:600;padding-right:10rem}.projectt-table{background-color:#fff;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:80%}.projectt-table thead tr{background-color:#3b82f6;color:#fff;text-align:left}.projectt-table td,.projectt-table th{border-bottom:1px solid #ddd;padding:12px}.ticket-table thead tr{background-color:#3b82f6;color:#fff;text-align:left}.ticket-table td,.ticket-table th{border-bottom:1px solid #ddd;padding:12px}.refresh-icon{color:#fff;filter:contrast(1000%) brightness(90%) drop-shadow(0 0 .5px currentColor);transition:transform .3s ease}.assignee-cell{min-width:160px}.assignee-info{display:flex;flex-direction:column}.assignee-name{font-size:.9rem;font-weight:500}.assignee-email{color:#718096;font-size:.8rem}.no-assignee{color:#a0aec0;font-style:italic}.status-display{display:inline-block;position:relative}.status-display:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";display:inline-block;height:0;margin-left:8px;vertical-align:middle;width:0}.status-completed{width:auto}.notification-icon-button{background:none;border:none;cursor:pointer;margin-right:15px;padding:8px;position:relative}.notification-badge{background:#ff4757;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;position:absolute;right:-3px;top:-3px}.notification-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #00254e1a;margin-top:10px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.notification-list{padding:10px}.notification-item{border-radius:6px;cursor:pointer;margin:5px 0;padding:10px;transition:background .2s}.notification-item.unread{background:#f8f9fa;font-weight:500}.notification-item:hover{background:#f1f2f6}.close-button{background:none;font-size:1.2rem;padding:0 5px}.top-bar{box-shadow:0 2px 4px #0000001a;display:flex;justify-content:flex-end;padding-bottom:1.5rem;padding-right:.65rem;padding-top:1.5rem}header .refresh:hover{transform:scale(1.05)}.project-container{margin:20px auto;max-width:1200px;width:90%}.projectt-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;min-width:800px;width:100%}.projectt-table th{background:#222;color:#fff;padding:14px;text-align:left}.projectt-table td{border-bottom:1px solid #e5e7eb;padding:12px}.projectt-table tbody tr:nth-child(odd){background-color:#fff}.projectt-table tbody tr:nth-child(2n){background-color:#f9fafb}.projectt-table tbody tr:hover{background-color:#f3f4f6;transition:background .3s ease-in-out}.main-content-wrapper{transition:margin-left .3s ease}.top-bar-left{align-items:center;display:flex}.sidebar-toggle{margin-right:16rem}.sidebar-toggle,.sidebarr-toggle{background:none;border:none;color:#222;cursor:pointer;font-size:1.5rem;padding:.5rem}.sidebarr-toggle{margin-right:4rem}.user-profile-button{background-color:#222}.profile-menu{background-color:#000;box-shadow:0 2px 8px #0000001a;color:#fff;right:0;top:100%;z-index:100}.profile-menu-item{border-bottom:1px solid #000}.expanded-row-content{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.action-buttons{gap:8px}.download-btn,.email-btn{background:none;border:none;cursor:pointer;padding:.5rem}.notification-container{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px 20px}.notification-container.success{background:#d4edda;color:#155724}.notification-container.error{background:#f8d7da;color:#721c24}.notification-dismiss{font-size:1.2rem}.assignment-modal-overlay,.delete-modal-overlay,.logout-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.assignment-modal,.delete-modal,.logout-modal{background:#fff;border-radius:8px;max-width:90vw;padding:20px 30px;text-align:center;width:300px}.assignment-modal-buttons,.delete-modal-buttons,.logout-modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.logout-no,.logout-yes{border:none;border-radius:4px;cursor:pointer;padding:10px 20px}.no-projects-container{padding:2rem}.no-projects-message{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:18px;line-height:1.6;max-width:600px;padding:2rem}.status-display{border:1px solid;border-radius:999px;cursor:pointer;font-size:14px;padding:6px 12px}.already-added-members{gap:8px;margin-top:8px}.member-chip{background:#e0e0e0;border-radius:12px;padding:4px 8px}.main-content{box-sizing:border-box;left:0;margin-left:0;padding-left:0;position:relative;width:100%}@media (max-width:768px){.sidebar{height:100%;left:-250px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1000}.page-wrapper.sidebar-open .sidebar{left:0}.sidebar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.action-button{font-size:1rem;padding:.75rem 1.25rem}.expanded-row-content{flex-direction:column}.notification-wrapper{left:10px;right:10px;top:10px}.notification-container{width:100%}.project-container{margin:20px auto;max-width:1200px;width:90%}.table-container{margin-top:20px;overflow-x:auto;width:100%}.projectt-table{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-left:500px;min-width:800px;width:100%}.projectt-table th{background:#222;color:#fff;text-align:left}.projectt-table td{border-bottom:1px solid #e5e7eb;padding:12px}.projectt-table tbody tr:nth-child(odd){background-color:#fff}.projectt-table tbody tr:nth-child(2n){background-color:#f9fafb}.projectt-table tbody tr:hover{background-color:#f3f4f6;transition:background .3s ease-in-out}input[type=checkbox]{cursor:pointer;height:18px;width:18px}.no-projects{color:#6b7280;font-size:16px;padding:20px;text-align:center}}@media (min-width:768px){.sidebar{height:100%;left:0;position:fixed;top:0;width:250px}.sidebar-overlay,.sidebar-toggle,.sidebarr-toggle{display:none}.top-bar-right{display:flex;gap:1rem}}@media (max-width:1023px){.top-bar-right{flex-wrap:wrap;gap:.5rem}}.image-editor{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:200%}.image-editor-canvas{border:1px solid #000;height:400%;max-width:100%}@media (max-width:650px){.image-editor-canvas{height:auto;width:100%}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.team-member-search-container{margin-bottom:12px;width:60%}.input-field{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:12px;padding:12px;width:100%}.dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10}.dropdown-item{align-items:center;cursor:pointer;display:flex;padding:8px 12px}.dropdown-item:hover{background-color:#f3f4f6}.user-avatar{align-items:center;background-color:#e0f2fe;border-radius:50%;color:#0284c7;display:flex;font-weight:700;height:32px;justify-content:center;margin-right:8px;width:32px}.user-details{display:flex;flex-direction:column}.user-name{color:#1f2937;font-weight:500}.user-email{color:#4b5563;font-size:.875rem}.selected-members{margin-top:8px}.selected-title{color:#374151;font-size:.875rem;margin-bottom:4px}.selected-list{display:flex;flex-wrap:wrap;gap:8px}.selected-member{align-items:center;background-color:#e6d9f3;border-radius:16px;color:#5e4b78;display:inline-flex;font-size:14px;font-weight:700;padding:6px 12px}.remove-button{background:none;border:none;color:red;cursor:pointer;font-weight:700;margin-left:8px}.sidebar{background:#222;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:visible;position:fixed;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #333;padding:1.5rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:0;padding:1rem}.sidebar-nav .nav-button,.sidebar-nav .nav-button-project{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-weight:600;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.sidebar-nav .nav-button:hover{background:#ffffff1a}.sidebar-nav .nav-button.active{background:#fff;color:#222;font-family:inherit;padding-right:2rem}.sidebar-nav .sub-nav{display:flex;flex-direction:column;gap:.25rem;margin-left:1rem;margin-top:.5rem}.sub-nav .nav-button-project{border-radius:4px;padding:.5rem 1rem;transition:background .3s ease}.sub-nav .nav-button-project:hover{background:#ffffff1a}.sub-nav .nav-button-project.active{background:#fff3;color:#fff}.sidebar-nav .nav-button-project:hover{background:#ffffff1a}.sidebar-nav .nav-button-project.active{background:#fff;color:#222;font-family:inherit;font-size:16px;font-weight:600}@media (max-width:768px){.form-container{flex-direction:column}.form-left,.form-right,.input-field,.textarea-field{width:96%}.header{align-items:flex-start;flex-direction:column;gap:10px}.submit-button{margin-top:1rem}}.main-title{color:#222;font-size:2rem;font-weight:600}.singleLineTitle{font-size:1.25rem;font-weight:600;margin-right:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-table th{background:#2f2e2e}.project-table tbody tr:nth-child(odd){background-color:#fff}.project-table tbody tr:nth-child(2n){background-color:#f9fafb}.project-table tbody tr:hover{background-color:#f3f4f6;transition:background .3s ease-in-out}.tickett-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-left:2.5rem;margin-right:5rem;margin-top:20px;width:90%}.tickett-table th:first-child{width:5%}.tickett-table th:nth-child(2){width:12%}.tickett-table th:nth-child(3){width:15%}.tickett-table th:nth-child(4){width:20%}.tickett-table th:nth-child(5){width:10%}.tickett-table th:nth-child(6){width:8%}.tickett-table th:nth-child(7){width:6%}.tickett-table th:nth-child(8){width:10%}.tickett-table th:nth-child(9){width:8%}.tickett-table th:nth-child(10){width:6%}.action-buttons button:hover{background-color:#0000000d}@media (max-width:768px){.sidebarr-toggle{background:none;border:none;color:#222;cursor:pointer;font-size:1.5rem;margin-right:4rem;padding:.5rem}.main-title{font-size:1.35rem;font-weight:600;margin-bottom:4px;margin-right:2.5rem}.main-title,.singleLineTitle{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.singleLineTitle{font-size:1rem;font-weight:550}.main-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.sidebar{height:100%;left:-250px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1000}.page-wrapper.sidebar-open .sidebar{left:0}.sidebar-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.action-button{font-size:1rem;padding:.75rem 1.25rem}.expanded-row-content{flex-direction:column}.notification-wrapper{left:10px;right:10px;top:10px}.notification-container{width:100%}.project-container{margin:20px auto;max-width:1200px;width:90%}.table-container{margin-top:20px;overflow-x:auto;width:100%}.tickett-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-left:50rem;margin-right:5rem;margin-top:20px;width:90%}.tickett-table th:nth-child(0){width:1%}.tickett-table th:first-child,.tickett-table th:nth-child(10),.tickett-table th:nth-child(2),.tickett-table th:nth-child(3),.tickett-table th:nth-child(4),.tickett-table th:nth-child(5),.tickett-table th:nth-child(6),.tickett-table th:nth-child(7),.tickett-table th:nth-child(8),.tickett-table th:nth-child(9){width:0}.tickett-table th{background:#222;color:#fff;text-align:left}.tickett-table td{border-bottom:1px solid #e5e7eb;padding:12px}.tickett-table tbody tr:nth-child(odd){background-color:#fff}.tickett-table tbody tr:nth-child(2n){background-color:#f9fafb}}.page-container{height:auto}.header h1{font-weight:700}.form-left{display:flex;flex-direction:column}.form-left label{color:#4d3c5c;font-weight:700;margin-bottom:6px}.input-container{display:flex;flex-direction:column;margin-bottom:16px}.input-field,.textarea-field{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:12px;max-width:100%;padding:12px;width:60%}.textarea-field{height:100px;resize:none}.input-error{border:1px solid red}.error-message{color:red;font-size:14px;margin-top:4px}.chip{align-items:center;background-color:#e6d9f3;border-radius:16px;color:#5e4b78;display:inline-flex;font-size:14px;font-weight:700;padding:6px 12px}.chip button{background:none;border:none;color:red;cursor:pointer;font-weight:700;margin-left:8px}.form-right{flex-direction:column}.dropzone,.form-right{display:flex;justify-content:center}.dropzone{align-items:center;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:5px;cursor:pointer;margin-bottom:20px;min-height:150px;padding:20px;text-align:center;transition:border-color .3s ease,transform .3s ease}.dropzone.active{border-color:#66afe9;transform:scale(1.02)}.preview-image{animation:fadeIn 3s forwards;border-radius:5px;max-height:250px;max-width:100%;opacity:0}.replace-button{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:700;margin:10px auto 0;padding:8px 16px;transition:background-color .3s ease,transform .3s ease}.replace-button:hover{transform:scale(1.05)}@media (max-width:768px){.form-container{flex-direction:column}.form-left,.form-right,.input-field,.textarea-field{width:96%}.header{align-items:flex-start;flex-direction:column;gap:10px}.submit-button{margin-top:1rem}.image-preview-wrapper{overflow:visible;position:relative;z-index:1}.image-editor{background:#fff;border:1px solid #ccc;margin-top:8px;padding:8px;z-index:2}}.page-container{background-color:#d1d1d1;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.header{align-items:center;background-color:#222;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.header h1{color:#fff;font-size:24px;margin:0}.submit-button{background-color:#6e58a3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.submit-button:hover{background-color:#5a448d}.submit-button:disabled{background-color:#d3c2e3;cursor:not-allowed}.form-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px #00000026;display:flex;flex-wrap:nowrap;gap:20px;justify-content:space-between;padding:20px}.form-left,.form-right{display:flex;flex-direction:column}.form-left{width:65%}.form-right{align-items:center;gap:12px;justify-content:flex-start;width:30%}label{color:#4d3c5c;font-weight:700;margin-top:12px}.input-field,select{border:1px solid #ccc;border-radius:8px;font-size:16px;margin-top:4px;max-width:100%;padding:12px;width:60%}.input-field.input-error,select.input-error{border-color:red}.error-text{color:red;font-size:14px;margin-top:4px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip,.member-chip{align-items:center;background-color:#e6d9f3;border-radius:16px;color:#5e4b78;display:inline-flex;font-size:14px;padding:6px 12px}.chip button,.member-chip button{background:none;border:none;color:red;cursor:pointer;font-weight:700;margin-left:8px}.form-right input[type=file]{width:100%}.image-previews-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px;width:100%}.image-preview-wrapper{border:1px solid #ccc;border-radius:8px;height:auto;max-width:300px;overflow:visible;position:relative;width:96%;z-index:1}.image-preview-container{position:relative;width:100%}.image-preview{display:block;height:auto;object-fit:cover;width:100%}.image-actions{display:flex;flex-direction:column;gap:4px;position:absolute;right:4px;top:4px}.edit-button,.remove-button{background-color:#0009;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 6px}.edit-button:hover,.remove-button:hover{background-color:#000c}.image-editor{background:#fff;border:1px solid #ccc;border-radius:8px;height:auto;margin-top:8px;padding:8px;position:relative;width:100%;z-index:2}.error-container{background-color:#ffe6e6;border-left:4px solid red;border-radius:4px;margin-bottom:20px;padding:12px 16px}.back-arrow{align-items:center;color:#000;cursor:pointer;display:flex;gap:6px;margin-top:10px}.notification-wrapper{display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:20px;z-index:1000}.notification-container{align-items:center;background-color:#fff;border-left:4px solid #6e58a3;border-radius:4px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.notification-container.success{border-color:green}.notification-container.error{border-color:red}.notification-container.warning{border-color:orange}.notification-dismiss{background:none;border:none;color:#555;cursor:pointer;font-size:16px}@media (max-width:768px){.form-container{flex-direction:column}.form-left,.form-right,.input-field,select{width:96%}.header{align-items:flex-start;flex-direction:column;gap:10px}.submit-button{margin-top:1rem}}@media (min-width:769px){.image-preview-wrapper{animation:fadeIn 2s forwards;border-radius:5px;height:200px;max-height:250px;max-width:100%;object-fit:cover;opacity:0;overflow:visible;width:200px}.image-preview{height:100%;object-fit:cover;width:100%}.image-editor{height:250px;width:200px}}.project-table td,.project-table th{border-bottom:1px solid #ddd;padding:12px}.ticket-row{transition:background-color .3s ease}.ticket-row:hover{background-color:#f3f4f6}.project-table{background:#fff;box-shadow:0 5px 15px #0000001a;margin-top:20px;padding-left:5rem;width:100%}.project-table th:first-child,.project-table th:nth-child(2){width:12%}.project-table th:nth-child(3),.project-table th:nth-child(4){width:10%}.project-table th:nth-child(5){width:15%}.project-table th:nth-child(6){width:8%}.project-table th:nth-child(7),.project-table th:nth-child(8){width:6%}.project-table th{background:#222;color:#fff;padding:14px;text-align:left}.project-table td{border-bottom:1px solid #e5e7eb;padding:12px}body{background-color:#f3f4f6;font-family:Inter,sans-serif}header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:15px 30px}header a{color:#1f2937;font-size:1.5rem;font-weight:600;text-decoration:none}header button{background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .3s ease-in-out}header button:hover{box-shadow:0 4px 12px #3b82f666;transform:scale(1.05)}header .refresh{background:linear-gradient(90deg,#6b7280,#374151)}header .refresh:hover{box-shadow:0 4px 12px #37415166}.container{margin:20px auto;max-width:1200px;width:90%}.ticket-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:20px;width:100%}.ticket-table th{background:#2f2e2e;color:#fff;padding:14px;text-align:left}.ticket-table tbody tr:nth-child(odd){background-color:#fff}.ticket-table tbody tr:nth-child(2n){background-color:#f9fafb}.ticket-table tbody tr:hover{background-color:#f3f4f6;transition:background .3s ease-in-out}input[type=checkbox]{cursor:pointer;height:18px;width:18px}.no-projects{color:#6b7280;font-size:16px;padding:20px;text-align:center}.ttable-container{align-items:center;display:flex;justify-content:center;margin-top:20px}table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:80%}thead tr{background-color:#d1d5db;color:#333;font-weight:700;text-align:left}th{background-color:#222;color:#fff}tbody tr:hover{background-color:#f3f4f6}.action-buttons button:hover{transform:scale(1.1)}.action-buttons button.email{color:#3b82f6}.action-buttons button.email:hover{background-color:#3b82f61a;color:#2563eb}.action-buttons button.download{color:#10b981}.action-buttons button.download:hover{background-color:#10b9811a;color:#059669}.action-buttons button.delete{color:#ef4444}.action-buttons button.delete:hover{background-color:#ef44441a;color:#dc2626}.expanded-row-buttons{display:flex;gap:12px;margin-top:16px}.expanded-row-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease-in-out}.expanded-row-buttons button.email{background-color:#3b82f6;color:#fff}.expanded-row-buttons button.email:hover{background-color:#2563eb}.expanded-row-buttons button.download{background-color:#10b981;color:#fff}.expanded-row-buttons button.download:hover{background-color:#059669}.expanded-row-buttons button.delete{background-color:#ef4444;color:#fff}.expanded-row-buttons button.delete:hover{background-color:#dc2626}.selection-button update{background-color:#3b82f6;color:#fff}body{background-color:#f8f9fa;font-family:Arial,sans-serif}.app-header{transition:background-color .3s ease}.action-buttons,.header-right{align-items:center}.action-buttons{display:flex;gap:.75rem}.refresh-button{background-color:#6b7280}.refresh-button:hover{background-color:#374151}.filter-controls,.selection-button{border-radius:.375rem}.filter-controls{background-color:#f8f9fa;border:1px solid #0000;margin-bottom:1.5rem;padding:.75rem 1rem}.filter-controls input[type=date],.filter-controls input[type=text],.filter-controls select{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;font-size:1rem;margin-right:.75rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-controls input[type=date]:focus,.filter-controls input[type=text]:focus,.filter-controls select:focus{border-color:#3b82f6;box-shadow:none;outline:none}.filter-controls option{color:#374151;font-size:1rem}footer{background:#000;box-shadow:0 -2px 10px #0000001a;color:#fff;margin-top:30px;padding:15px;text-align:center}.cell-padding{padding:.75rem 1rem}.engaging-button{background-color:grey;border:none;border-radius:.375rem;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.engaging-button:hover{background-color:#000;box-shadow:0 8px 10px #00000026;transform:scale(1.05)}.engaging-button:active{background-color:#000}.engaging-button:focus{outline:none}.select-status{background-color:initial}.already-added-members{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.member-chip{align-items:center;background-color:#e2e8f0;border-radius:1rem;color:#2d3748;display:inline-flex;font-size:.875rem;padding:.25rem .75rem}.image-grid-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-grid-content{background:#fff;border-radius:8px;max-width:800px;padding:20px;width:90%}.image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.image-box{align-items:center;aspect-ratio:1;background:#f0f0f0;border-radius:4px;cursor:pointer;display:flex;justify-content:center;overflow:hidden}.image-box.empty{cursor:not-allowed;opacity:.5}.image-box img{height:100%;object-fit:cover;width:100%}.camera-icon{font-size:24px;opacity:.5}.session-expired-container{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.session-expired-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.session-expired-text{color:#6b7280;font-size:1.5rem;margin-bottom:1rem}.session-expired-button{background-color:#3b82f6;border-radius:4px;color:#fff;padding:.5rem 1rem;transition:background-color .2s}.session-expired-button:hover{background-color:#2563eb}.sub-nav{display:flex;flex-direction:column;margin-bottom:0;padding-left:1rem}.sub-nav .nav-button{border-radius:4px;padding:.5rem 1rem;transition:background .3s ease}.sub-nav .nav-button:hover{background:#ffffff1a;border-radius:4px;padding:.5rem 1rem}.sub-nav .nav-button.active{background:#fff3;border-radius:4px;color:#fff;padding:.5rem 1rem}.nav-button{border-radius:6px;font-weight:600;margin-bottom:10px;margin-top:5px;padding:.75rem 1rem;transition:all .3s ease}.tickett-ttable thead tr{background-color:#3b82f6;color:#fff;text-align:left}.tickett-ttable td,.tickett-ttable th{border-bottom:1px solid #ddd;padding:12px}.tickett-row{transition:background-color .3s ease}.tickett-row:hover{background-color:#f3f4f6}.tickett-ttable{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-right:12rem;margin-top:20px;width:100%}.tickett-ttable th:first-child,.tickett-ttable th:nth-child(2),.tickett-ttable th:nth-child(3){width:15%}.tickett-ttable th:nth-child(4),.tickett-ttable th:nth-child(5),.tickett-ttable th:nth-child(6),.tickett-ttable th:nth-child(7){width:12%}.tickett-ttable th{background:#222;color:#fff;padding:14px;text-align:left}.tickett-ttable td{border-bottom:1px solid #e5e7eb;padding:12px}@media (max-width:768px){header{flex-direction:column;text-align:center}header button{margin-top:10px}.main-content-wrapper{margin-left:10rem;width:100%}.ttable-container{margin-left:3rem;margin-right:3rem;margin-top:20px;overflow-x:auto;padding:0 1rem}.tickett-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-left:26rem;margin-right:0;margin-top:20px;width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-out}.app-header{align-items:center;background-color:#222;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.user-info{color:#555}.header-left .logo{color:#fff;font-size:1.75rem;font-weight:600;text-decoration:none}.header-center{display:flex;gap:1rem}.nav-button{background:#0000;border:none;border-radius:.375rem;color:#fff;font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s,color .3s}.nav-button:hover{background-color:#fff3}.nav-button.active{background-color:#fff;color:#000}.header-right{display:flex;gap:.75rem}.app-footer{color:#fff;padding:.75rem 1.5rem}.main-content{padding:1.5rem}.main-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.user-info{color:#000;font-size:.875rem}.table-container{align-items:center;display:flex;justify-content:center;margin-top:20px}.project-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:80%}.project-table thead tr{background-color:#3b82f6;color:#fff;text-align:left}.table-row{transition:background-color .3s ease}.table-row:hover{background-color:#f3f4f6}.selection-buttons-container{display:flex;justify-content:flex-end;margin-bottom:1rem;padding-right:1rem}.selection-button{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;margin-left:.5rem;padding:.5rem 1rem;transition:transform .2s ease,background-color .2s ease}.selection-button.update{background-color:#065f46;color:#fff}.selection-button.delete{background-color:#dc2626;color:#fff}.selection-button:hover{transform:scale(1.05)}.main-content,.page-wrapper{transition:all .3s ease-in-out}body,html{height:100%;margin:0;padding:0}.page-wrapper{flex-direction:column}.app-footer{background-color:#222;margin-top:2rem;padding:1rem 0;text-align:center}.select-status{border:1px solid;border-radius:999px;cursor:pointer;font-size:14px;padding:6px 12px}.status-waiting{background-color:#666;border-color:#ccc;color:#fff}.status-inprogress{background-color:#33006f;border-color:#662d91;color:#fff}.status-completed,.status-display.completed{background-color:#155724;border-color:#28a745;color:#fff}.status-display.planning,.status-display.waiting{background-color:#666;border-color:#ccc;color:#fff}.status-display.in-progress{background-color:#33006f;border-color:#662d91;color:#fff}.action-button{border:none;border-radius:.375rem;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:transform .2s ease,background-color .2s ease}.create-button{background-color:#3b82f6;color:#fff}.create-button:hover{background-color:#2563eb}.refresh-button{color:#fff}.refresh-button,.refresh-button:hover{background-color:#000}.logout-button:hover{background-color:#b91c1c}.logout-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.logout-modal{background:#fff;border-radius:8px;max-width:400px;padding:20px 30px;text-align:center;width:90%}.logout-modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.logout-yes{background-color:red}.logout-no,.logout-yes{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.logout-no{background-color:green}.delete-button:hover{background-color:#b91c1c}.delete-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.delete-modal{background:#fff;border-radius:8px;max-width:400px;padding:20px 30px;text-align:center;width:90%}.delete-modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.delete-yes{background-color:red}.delete-no,.delete-yes{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.delete-no{background-color:green}.custom-btn{background:grey;border:none;border-radius:10px;box-shadow:0 2px 10px #00b52180;cursor:pointer;margin-right:8px;outline:none;padding:4px 8px;transition:background .3s ease}.custom-btn:hover{background:#000}.profile-menu{background-color:#2d3748;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:.5rem;padding:1rem;position:absolute;right:20px;top:70px;width:250px;z-index:1000}.profile-menu-item{border-bottom:1px solid #4a5568;color:#fff;padding:.75rem}.profile-menu-item:last-child{border-bottom:none;cursor:pointer;transition:background-color .2s}.profile-menu-item:last-child:hover{background-color:#4a5568;border-radius:4px}.logout-button{align-items:center;background-color:initial!important;color:#fff;display:flex;font-size:1rem;gap:.25rem;padding:.25rem 0;text-decoration:none;transition:none}.logout-button svg{height:1rem;transition:none;width:1rem}.no-projects-container{align-items:center;display:flex;justify-content:center;min-height:60vh;text-align:center}.no-assignment-message{background-color:#f8f9fa;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:18px;line-height:1.6;max-width:600px;padding:2rem}.no-projects{display:none}.main-content-wrapper{flex:1 1;margin-left:250px}@media (max-width:768px){.main-content-wrapper{margin-left:0}}body{margin:0;padding:0}.modal-container{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-box{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:600px;overflow:hidden;width:90%}.modal-header{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:16px}.modal-title{font-size:1.5rem;margin:0}.modal-header-buttons{display:flex;gap:8px}.modal-header-buttons button{background:#0000;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background .2s ease}.modal-header-buttons button:hover{background:#fff3}.modal-body{max-height:400px;overflow-y:auto;padding:16px}.modal-project-list{display:flex;flex-direction:column}.modal-project-item{border-bottom:1px solid #ddd;cursor:pointer;padding:12px;transition:background-color .2s ease}.modal-project-item:hover{background-color:#f3f4f6}.modal-project-title{color:#222;font-size:1.25rem;margin:0 0 4px}.modal-project-desc{color:#555;font-size:1rem;margin:0}.modal-empty{padding:20px;text-align:center}.modal-empty-text{color:#555;font-size:1rem}.modal-create-button{border:none;border-radius:4px;color:#000;cursor:pointer;margin-top:12px;padding:10px 16px;transition:background-color .3s ease}.modal-create-button,.modal-create-button:hover{background-color:#fff}.modal-error,.modal-loading{padding:20px;text-align:center}.modal-error{color:red}.tiicket-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:20px;width:100%}@media (max-width:768px){.tiicket-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-left:17rem;margin-top:20px;width:100%}.maain-content{width:100%}}.contact-table{border-collapse:collapse;margin-bottom:1rem;margin-left:5rem;margin-right:5rem;white-space:nowrap}.contact-table,.table-container{overflow-x:auto;width:100%}.contact-table td,.contact-table th{border-bottom:1px solid #ddd;padding:12px 16px;text-align:left}.contact-table tr:hover{background-color:#f9f9f9}.contact-table .MuiIconButton-root{min-height:32px;min-width:32px}@media (max-width:768px){.contact-table{border-collapse:collapse;display:block;margin-bottom:1rem;margin-left:2rem;margin-right:2rem;overflow-x:auto;white-space:nowrap;width:100%}.contact-table td,.contact-table th{font-size:.9rem;padding:10px}.delete-modal,.edit-modal{max-width:400px;width:90vw}.delete-modal-buttons button{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.contact-table{border-collapse:collapse;display:block;margin-bottom:1rem;margin-left:2rem;margin-right:2rem;overflow-x:auto;white-space:nowrap;width:100%}.contact-table td,.contact-table th{font-size:.8rem;padding:8px}.contact-table{font-size:.8rem}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.contact-edit-modal{background:#fff;border-radius:8px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;padding:20px;width:90%}.scrollable-section{flex-grow:1;margin:15px 0}.add-button-container{display:inline-block}.deleteButton-Contact{background-color:#ff4d4f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .3s ease}.deleteButton-Contact:hover{background-color:#ff7875;cursor:pointer}.add-button-container{position:relative}.add-button-container>button{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-size:16px;font-weight:700;padding:8px 15px;transition:background .3s ease}.add-button-container>button:hover{background:grey}.add-menu{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 10px #00000026;position:absolute;right:0;top:40px;z-index:10}.add-menu button{background:#0000;border:none;cursor:pointer;display:block;font-size:.95rem;padding:10px 15px;text-align:left;transition:background .3s ease;width:100%}.add-menu button:hover{background:#f0f0f0}.scrollable-section{margin-bottom:20px;max-height:350px;overflow-y:auto}.close-button{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background .3s ease}.close-button:hover{background:#c82333}.selection-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.selection-modal{background:#fff;border-radius:10px;box-shadow:0 8px 25px #00000040;max-width:500px;padding:20px;width:90%}.selection-modal h3{color:#333;margin-top:0}.selection-modal ul{list-style:none;margin:20px 0;max-height:300px;overflow-y:auto;padding:0}.selection-modal ul li{border-bottom:1px solid #ddd;cursor:pointer;padding:10px;transition:background .3s}.selection-modal ul li:hover{background:#f9f9f9}.selection-modal button{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s ease}.selection-modal button:hover{background:#5a6268}.deleteModal-confirmation-modal{background:#fff;border-radius:8px;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}.deleteModal-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.deleteModal-modal{background:#dcdcdc;border-radius:8px;max-width:400px;padding:20px 30px;text-align:center;width:90%}.deleteModal-modal-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.deleteModal-yes{background-color:red}.deleteModal-no,.deleteModal-yes{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 14px}.deleteModal-no{background-color:green}.page-wrapper{display:flex;min-height:100vh}.sidebar-footer{display:flex;margin-bottom:5vh;margin-top:auto;padding:1rem}.top-bar-right{align-items:center;display:flex;gap:1rem}.app-header{display:none}.sidebar-nav .navv-button:hover{background:#ffffff1a}.sidebar-nav .navv-button.active{background:#fff;color:#222;font-family:inherit;font-size:16px;padding-right:8.5rem}.user-profile-button{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-profile-button,.user-profile-button:hover{background-color:#000}.add-contact{margin:1rem 0}.add-contact-bar{align-items:center;display:flex;margin-left:0;position:relative}.addContact-button{background-color:#006400;border:none;border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-weight:700;margin-left:.5rem;margin-right:.5rem;outline:none;padding:.5rem 1rem;position:relative;transition:all .3s ease-in;transition:all .3s ease-out;width:120px}.addContact-button:hover{box-shadow:0 2px 4px #0006;transform:scale(1.03);transition:all .2s}
/*# sourceMappingURL=main.41e28014.css.map*/