:root{--light-green: #46A86F;--dark-green: #2E7D32;--light-gray: #f0f0f0;--dark-gray: #333;--light-red: #f8d7da;--dark-red: #721c24;--border-red: #E94B5B;--background-gray: #ddd;--loader-gray: #f3f3f3;--dark-blue: #2e45f2;--light-blue: #a2adff;--medium-blue: #5a70fb;--gold: #efbf04;--silver: #c0c0c0;--bronze: #ce8946;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:250;color:var(--dark-gray);background-color:var(--background-gray)}body{margin:0;padding-left:10%;padding-right:10%}header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em 0}header .header-top{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}header .logo img{width:200px;height:auto}header .header-actions{display:flex;gap:15px;align-items:center}.actions img{width:24px;height:24px;cursor:pointer;transition:transform .2s ease;background-color:var(--light-gray);padding:3px;margin:1px;border-radius:8px}.main-nav{width:100%;max-width:1200px;margin-top:20px;display:flex;justify-content:center;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;border-radius:8px}.main-nav ul{list-style:none;padding:0;display:flex;justify-content:center;gap:30px}.main-nav li{display:inline}.main-nav a{text-decoration:none;color:var(--dark-gray);font-size:1.2em;font-weight:500;padding:10px 20px;border-radius:5px;transition:background-color .3s ease,color .3s ease}.main-nav a:hover{background-color:var(--light-green);color:#fff}button{height:40px;border-radius:8px;border:1px solid transparent;padding:0 10px;font-weight:500;font-family:inherit;background-color:var(--light-green);cursor:pointer}button:hover{border-color:var(--background-gray)}input{height:40px;border-radius:8px;border:2px solid var(--light-green);margin-left:10px;margin-right:10px;padding:0 10px}textarea{border-radius:8px;border:2px solid var(--light-green);padding:10px;margin-left:10px;margin-right:10px;height:50px;width:100%}main{display:flex;flex-direction:column;align-items:center;justify-content:center}.w-100{width:100%}.img-small{width:30px;height:30px}.img-tiny{width:20px;height:20px}.flash-messages{position:fixed;top:10px;right:10px;z-index:1000}.flash-message-success{background-color:#5fa05f;color:#fff;padding:15px;margin:10px 0;border-radius:5px}.flash-message-error{background-color:#f08080;color:#fff;padding:15px;margin:10px 0;border-radius:5px}.language-switcher{position:relative;display:inline-block}.dropdown-button{background-color:transparent;border:none;cursor:pointer;padding:0}.dropdown-menu{position:absolute;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 10px #00000026;z-index:1;padding:0;margin:0}.dropdown-item{padding:5px;cursor:pointer;display:flex;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.flag-icon{width:50px;height:auto;border-radius:5px}.flag-icon-tiny{width:40px;height:auto;border-radius:8px}.list-table{width:100%;border-collapse:collapse;margin-top:20px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;font-size:.8em;overflow:visible}.list-table input{margin:0}.list-table th,.list-table td{padding:8px;border-bottom:1px solid var(--light-gray);text-align:left}.list-table th{background-color:var(--light-green);color:#fff;font-weight:600}.list-table .actions img{width:24px;height:24px;cursor:pointer;transition:transform .2s ease;background-color:var(--light-gray);padding:3px;margin:1px;border-radius:8px}.truncate-text{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-table .actions img:hover{transform:scale(1.1)}.tables-actions{display:flex;justify-content:flex-end;align-items:center;width:100%;padding-top:10px;gap:5px}.table-row-active{background-color:var(--light-blue)}.table-row-archived{background-color:#e08626}.table-row-active-red{background-color:var(--border-red)}.legend-box{width:12px;height:12px;border-radius:2px;margin-right:6px}.export-dropdown{display:flex;justify-content:flex-end}.export-dropdown-menu{position:absolute;background-color:#fff;border-radius:5px;margin-top:45px}.export-btn{width:90px}.export-dropdown-item{padding:10px;cursor:pointer;display:flex;align-items:center;width:90px;background:#fff;border:none;text-align:left}.export-dropdown-item:hover{background-color:var(--light-gray)}.multi-select-checkbox{display:flex;flex-direction:column}.checkbox-container{max-height:70px;overflow-y:auto}.checkbox-item{display:flex;align-items:center;height:25px;max-width:600px}.checkbox-item input{margin-right:10px}.client-container{display:flex;flex-direction:column;gap:20px;width:100%}.client-header{background-color:var(--light-green);color:#fff;padding:20px;border-radius:8px}.client-header.invalid{background-color:var(--border-red)}.client-info{display:flex;justify-content:space-between;width:100%}.client-name,.client-address{display:flex;flex-direction:column}.client-remark{max-width:30%}.client-info p{margin:5px 0;font-size:1.5em}.client-info div{display:flex;flex-wrap:wrap;gap:20px}.client-end>div>button>img{width:25px}.client-end{display:flex;flex-direction:column;justify-content:space-between}.client-stats{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.stats-content{display:flex;justify-content:space-between;gap:20px}.stat-item{background-color:var(--light-gray);padding:10px;border-radius:8px;width:30%;text-align:center}.client-details{display:flex;gap:20px}.client-offers-orders,.client-communications{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.client-offers-orders{display:flex;flex-direction:column;justify-content:start;width:70%}.client-communications{width:30%}.client-communications section{display:flex;justify-content:space-between}.client-communications-button{width:80px;display:flex;justify-content:center;align-items:center}.client-communications div{margin-bottom:10px}.client-communications div{background-color:var(--light-gray);padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 5px #0000001a}.client-communications div p{margin:5px 0;font-size:1em}.client-communications div .communication-date{font-weight:700;font-size:1.1em}.client-communications div .communication-type{font-weight:700;font-size:1.1em;color:var(--light-green)}.client-communications div .communication-description{color:var(--dark-gray);margin-top:10px}.communication-actual{border-radius:8px;border:2px solid var(--light-green);padding:10px}.communication-next{border-radius:8px;border:2px solid var(--dark-blue);padding:10px;margin-top:10px}.communication-user{display:flex;justify-content:center}.client-contacts select{width:150px;padding:5px;font-size:14px;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;border:2px solid var(--light-green)}.client-contacts select option{white-space:nowrap;min-width:300px}.client-contacts button{background-color:var(--light-gray)}.client-classification{border-radius:8px;height:35px;width:35px;display:flex;justify-content:center;color:#000}.client-classification.A{background-color:var(--gold)}.client-classification.B{background-color:var(--silver)}.client-classification.C{background-color:var(--bronze)}.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{background:#fff;padding:30px;border-radius:8px;max-width:90%;box-shadow:0 4px 15px #0003;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-table-container{max-height:500px;overflow-y:auto;border:1px solid var(--light-gray);padding:5px}.modal h2{margin-top:0;font-size:1.8em;color:var(--dark-gray)}.modal-content{display:flex;flex-direction:column;gap:15px}.modal-content label{font-weight:700;color:var(--dark-gray)}.modal-inputs{display:flex;justify-content:space-between}.modal-buttons{margin-top:20px;display:flex;justify-content:flex-end;gap:15px}.modal-buttons button{padding:10px 20px;border-radius:5px;font-weight:600}.modal-buttons button:first-child{background-color:var(--light-gray);color:var(--dark-gray)}.modal-buttons button:last-child{background-color:var(--light-green);color:#fff}.modal-buttons button:hover{opacity:.8}.pagination{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:10px 0}.pagination-previous,.pagination-next,.pagination-page{margin:0 10px;cursor:pointer;font-weight:700;color:var(--light-green);font-size:1.2em;transition:color .3s ease}.pagination-previous:hover,.pagination-next:hover,.pagination-page:hover{text-decoration:underline;color:var(--dark-gray)}.pagination .active{color:#000;font-weight:700;text-decoration:none}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--dark-green)}input:checked+.slider:before{transform:translate(14px)}.add-user{width:100%;display:flex;flex-direction:row-reverse}.info{display:inline-block;margin-left:5px;cursor:pointer;background-color:var(--medium-blue);border-radius:50%;width:16px;height:16px;text-align:center;font-size:12px;line-height:16px;font-weight:700}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;background-color:var(--dark-gray);color:var(--light-gray);text-align:left;padding:5px;border-radius:5px;position:absolute;z-index:1;bottom:-50%;left:700%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.filters{width:100%;border:2px solid var(--light-green);border-radius:8px}.filters div{display:flex;flex-wrap:wrap;justify-content:center}.filter{display:flex;align-items:center;margin:5px}.filter-50{max-width:50px}.filter-75{max-width:75px}.filter-100{max-width:100px}.filter-125{max-width:125px}.date-filter{display:flex;align-items:center;margin:0}.date-filter button{display:flex;align-items:center;height:auto;gap:5px;background-color:var(--light-gray);color:var(--dark-gray);border:2px solid var(--light-green);padding:8px 12px;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.date-filter button:hover{background-color:var(--light-green);color:#fff}.date-filter img{width:16px;height:16px;transition:transform .3s ease}.date-filter button:active{transform:scale(.95)}.period-filter{display:flex;align-items:center;flex-direction:column}.period-filter>div>input{margin:1px}.period-filter>div>button{height:auto}.boolean-filter select{height:40px;border-radius:8px;border:2px solid var(--light-green);margin-left:10px;margin-right:10px;padding:0 10px}.clear-filters-btn{display:flex;align-items:center;justify-content:end!important;margin:5px}.actions-button-container{display:inline-block;margin:5px}.edit-button{display:flex;align-items:center;background-color:var(--light-gray);border:2px solid var(--light-green);cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.edit-button:hover{background-color:var(--light-green)}.actions-button-container img{width:16px;height:16px}.delete-button{display:flex;align-items:center;background-color:var(--light-gray);border:2px solid var(--border-red);cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.delete-button:hover{background-color:var(--light-red)}.item-container{display:flex;flex-direction:column;width:100%}.item-container-seperate{display:flex;flex-direction:row;justify-content:space-between;padding-top:20px}.legend{display:flex;flex-direction:row;align-items:center}.item-header{display:flex;flex-direction:row;justify-content:space-between;background-color:var(--light-green);color:#fff;padding:20px;border-radius:8px}.item-body{display:flex;flex-direction:column;justify-content:space-between}.item-body div{display:flex;flex-direction:column;align-items:center}.item-footer{display:flex;flex-direction:row;justify-content:space-between;padding-top:20px}.loader{border:8px solid var(--loader-gray);border-top:8px solid var(--light-green);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}.ratio{border-radius:8px}.ratio-very-low{background-color:#8b0000;color:#fff}.ratio-low-mid{background-color:#ff4500}.ratio-mid-low{background-color:orange}.ratio-slightly-low{background-color:#ff0}.ratio-zero{background-color:#fff}.ratio-slightly-high{background-color:#90ee90}.ratio-high{background-color:green;color:#fff}.email-preparation-single-select{background-color:var(--light-gray);margin:5px;padding:5px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.selected{background-color:var(--light-green)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){body{padding-left:5%;padding-right:5%}.client-details{flex-direction:column;gap:15px}.client-communications{width:100%}.stats-content{flex-direction:column;gap:15px}}