:root{--primary-yellow:gold;--yellow-dark:orange;--yellow-light:#ffe135;--yellow-darker:#ff8c00;--black:#000;--black-light:#1a1a1a;--gray:#333;--gray-medium:#555;--gray-light:#888;--gray-lighter:#ccc;--white:#fff;--bg-white:#fff;--bg-gray:#f5f5f5;--bg-dark:#1a1a1a;--text-dark:#000;--text-gray:#666;--text-light:#999;--border-light:#e0e0e0;--border-gray:#ccc;--shadow:rgba(0,0,0,.1);--shadow-hover:rgba(0,0,0,.2)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-white);overflow-x:hidden;min-height:100vh}.container{margin:0 auto;padding:0 20px}@keyframes rotate{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@keyframes meshPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}@keyframes floatSvg{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg)}25%{transform:translate(-50%,-50%) translate(30px,-25px) rotate(90deg)}50%{transform:translate(-50%,-50%) translate(-20px,30px) rotate(180deg)}75%{transform:translate(-50%,-50%) translate(25px,25px) rotate(270deg)}to{transform:translate(-50%,-50%) translate(0) rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;top:0;width:100%;background-color:rgba(30,30,30,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:8px 0;border-bottom:2px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:all .3s ease}.navbar:hover{border-bottom-color:rgba(255,235,59,.4)}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{display:flex;align-items:center;gap:.7rem;font-size:1.6rem;font-weight:800;color:var(--white);text-decoration:none;transition:transform .3s ease}.navbar .logo:hover{opacity:.9}.navbar .logo-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.navbar .logo-icon svg{width:100%;height:100%;filter:brightness(1.1)}.navbar .logo-text{background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.navbar-right{display:flex;align-items:center;gap:1.5rem}.nav-menu{display:flex;list-style:none;gap:2rem;min-height:2.5rem}.nav-menu li{opacity:1;transition:opacity .2s ease}.nav-menu a{color:hsla(0,0%,100%,.9);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;padding:.5rem 0;font-size:1rem;display:block}.nav-menu a:hover{color:var(--white)}.nav-menu a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary-yellow) 0,#ffd54f 100%);transition:width .3s ease;border-radius:2px}.nav-menu a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:25px;height:3px;background-color:hsla(0,0%,100%,.9);transition:all .3s}.btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid transparent;cursor:pointer;box-sizing:border-box;position:relative;min-width:-moz-fit-content;min-width:fit-content}.btn:disabled{opacity:.6;cursor:not-allowed}.btn .spinner{flex-shrink:0}.btn--invoice-download{width:200px;position:relative}.btn--invoice-download .btn__text{display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s}.btn--invoice-download .btn__text--download{opacity:1;visibility:visible}.btn--invoice-download .btn__text--generating{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;white-space:nowrap}.btn--invoice-download:disabled .btn__text--download{opacity:0;visibility:hidden}.btn--invoice-download:disabled .btn__text--generating{opacity:1;visibility:visible}.btn-sm{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:6px}.btn-primary{background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd54f 100%);color:var(--black);font-weight:700;border:none;box-shadow:0 4px 15px rgba(255,235,59,.3);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffd54f 0,var(--primary-yellow) 100%);box-shadow:0 6px 20px rgba(255,235,59,.4)}.btn-secondary{border:2px solid var(--gray-light)}.btn-secondary,.btn-secondary:hover{background:transparent;color:var(--black)}.btn-secondary:hover{border-color:var(--black);transform:none}.btn-danger{background:#dc3545;color:var(--white);border:none;box-shadow:0 4px 15px rgba(220,53,69,.3)}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 6px 20px rgba(220,53,69,.4)}.btn-outline{background:transparent;color:var(--text-dark);border:2px solid var(--border-gray)}.btn-outline:hover:not(:disabled){background:var(--bg-gray);border-color:var(--gray-medium)}.btn-outline.btn-primary{border-color:var(--primary-yellow);color:var(--primary-yellow)}.btn-outline.btn-primary:hover:not(:disabled){background:var(--primary-yellow);color:var(--black)}.btn-full-width{width:100%}:global(#rcc-confirm-button):hover{background:linear-gradient(135deg,#ffd54f 0,var(--primary-yellow) 100%)!important;box-shadow:0 6px 20px rgba(255,235,59,.4)!important}:global(#rcc-decline-button):hover{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.5)!important;color:var(--white)!important}@media(max-width:768px){:global(#rcc-confirm-button),:global(#rcc-decline-button){padding:.6rem 1.5rem!important;font-size:.9rem!important}}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__circle{border-radius:50%;border:3px solid var(--border-light);border-top-color:var(--primary-yellow);animation:spin .8s linear infinite}.spinner--small .spinner__circle{width:20px;height:20px;border-width:2px}.spinner--medium .spinner__circle{width:40px;height:40px;border-width:3px}.spinner--large .spinner__circle{width:60px;height:60px;border-width:4px}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:var(--text-gray)}.spinner-container--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner-container--inline{padding:2rem}@keyframes spin{to{transform:rotate(1turn)}}.chart-modal,.inventory-modal,.modal,.ticket-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.chart-modal__content,.inventory-modal__content,.modal__content,.ticket-modal__content{background:var(--white);border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;overflow:hidden}.chart-modal__header,.inventory-modal__header,.modal__header,.ticket-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:2px solid var(--border-gray)}.chart-modal__title,.inventory-modal__title,.modal__title,.ticket-modal__title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0}.chart-modal__close,.inventory-modal__close,.modal__close,.ticket-modal__close{background:transparent;border:none;font-size:2rem;color:var(--text-gray);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.chart-modal__close:hover,.inventory-modal__close:hover,.modal__close:hover,.ticket-modal__close:hover{background:var(--bg-gray);color:var(--text-dark)}.chart-modal__close:active,.inventory-modal__close:active,.modal__close:active,.ticket-modal__close:active{transform:scale(.9)}.inventory-modal__body,.modal__body,.ticket-modal__body{padding:32px;overflow-y:auto;flex:1 1}@media(max-width:768px){.chart-modal,.inventory-modal,.modal,.ticket-modal{padding:10px}.chart-modal__content,.inventory-modal__content,.modal__content,.ticket-modal__content{max-width:100%;max-height:95vh}.chart-modal__header,.inventory-modal__header,.modal__header,.ticket-modal__header{padding:16px 20px}.chart-modal__title,.inventory-modal__title,.modal__title,.ticket-modal__title{font-size:1.25rem}.inventory-modal__body,.modal__body,.ticket-modal__body{padding:20px}}.clients-table__table-container,.inventory-table__table-container,.table-container,.ticket-list__table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px var(--shadow);background:var(--bg-white);-webkit-overflow-scrolling:touch}.clients-table__table-container::-webkit-scrollbar,.inventory-table__table-container::-webkit-scrollbar,.table-container::-webkit-scrollbar,.ticket-list__table-container::-webkit-scrollbar{height:8px}.clients-table__table-container::-webkit-scrollbar-track,.inventory-table__table-container::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.ticket-list__table-container::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}.clients-table__table-container::-webkit-scrollbar-thumb,.inventory-table__table-container::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.ticket-list__table-container::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.clients-table__table-container::-webkit-scrollbar-thumb:hover,.inventory-table__table-container::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover,.ticket-list__table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}.clients-table__table,.inventory-table__table,.table,.ticket-list__table{width:100%;border-collapse:collapse;background:var(--bg-white);font-size:.9rem;position:relative;table-layout:auto}.clients-table__table thead th,.inventory-table__table thead th,.table thead th,.ticket-list__table thead th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.85rem;color:var(--text-dark);background:linear-gradient(180deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border-gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 2px rgba(0,0,0,.05)}.clients-table__table tbody,.inventory-table__table tbody,.table tbody,.ticket-list__table tbody{overflow:visible;position:relative}.clients-table__table tbody tr,.inventory-table__table tbody tr,.table tbody tr,.ticket-list__table tbody tr{border-bottom:1px solid var(--border-gray);transition:background .2s ease;position:relative}.clients-table__table tbody tr:hover,.inventory-table__table tbody tr:hover,.table tbody tr:hover,.ticket-list__table tbody tr:hover{background:var(--bg-gray)}.clients-table__table tbody td,.inventory-table__table tbody td,.table tbody td,.ticket-list__table tbody td{padding:1rem .75rem;color:var(--text-dark);position:relative;overflow:visible}.clients-page__header,.dashboard-page__header,.inventory-page__header,.page-header,.reports-page__header,.tickets-page__header,.warranties-page__header,.warranty-claims-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.clients-page__header h1,.dashboard-page__header h1,.inventory-page__header h1,.page-header h1,.reports-page__header h1,.tickets-page__header h1,.warranties-page__header h1,.warranty-claims-page__header h1{font-size:2.5rem;color:var(--text-dark);margin:0}.clients-page__search,.inventory-page__search,.search,.ticket-list__search{flex:1 1;min-width:200px;display:flex;gap:.5rem;align-items:flex-end}.clients-page__search-input,.inventory-page__search-input,.search__input,.ticket-list__search-input{flex:1 1;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;height:44px;box-sizing:border-box;transition:border-color .3s ease}.clients-page__search-input:focus,.inventory-page__search-input:focus,.search__input:focus,.ticket-list__search-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.clients-page__search-button,.inventory-page__search-button,.search__button,.ticket-list__search-button{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--primary-yellow);border:1px solid var(--primary-yellow);border-radius:4px;cursor:pointer;color:var(--text-dark);transition:all .3s ease;min-width:44px;height:44px;box-sizing:border-box}.clients-page__search-button:hover,.inventory-page__search-button:hover,.search__button:hover,.ticket-list__search-button:hover{background:var(--primary-yellow-dark,#d4af37);border-color:var(--primary-yellow-dark,#d4af37)}.clients-page__search-button:active,.inventory-page__search-button:active,.search__button:active,.ticket-list__search-button:active{transform:scale(.95)}.clients-page__search-button:focus,.inventory-page__search-button:focus,.search__button:focus,.ticket-list__search-button:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.3)}.clients-page__search-button svg,.inventory-page__search-button svg,.search__button svg,.ticket-list__search-button svg{width:20px;height:20px}.filter-group,.inventory-page__filter-group,.ticket-list__filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px;justify-content:flex-end}.filter-group label,.inventory-page__filter-group label,.ticket-list__filter-group label{font-size:.9rem;font-weight:600;color:var(--text-dark);line-height:1;height:1.2rem;display:flex;align-items:flex-end}.filter,.inventory-page__filter,.ticket-list__filter{padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--bg-white);cursor:pointer;height:44px;box-sizing:border-box;transition:border-color .3s ease}.filter:focus,.inventory-page__filter:focus,.ticket-list__filter:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.image-upload-area{position:relative;border:2px dashed var(--border-gray);border-radius:8px;padding:3rem 2rem;background:var(--bg-gray);text-align:center;transition:all .3s ease;cursor:pointer}.image-upload-area:hover:not(.disabled):not(.uploading){border-color:var(--primary-yellow);background:rgba(255,215,0,.05)}.image-upload-area.drag-over{border-color:var(--primary-yellow);background:rgba(255,215,0,.1);transform:scale(1.02)}.image-upload-area.uploading{opacity:.7;cursor:not-allowed}.image-upload-area.disabled{opacity:.5;cursor:not-allowed}.image-upload-area .image-upload-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none;display:none}.image-upload-area .image-upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-upload-area .image-upload-label .upload-icon{color:var(--primary-yellow);transition:transform .3s ease}.image-upload-area .image-upload-label .upload-text{display:flex;flex-direction:column;gap:.5rem;color:var(--text-dark);font-size:1rem}.image-upload-area .image-upload-label .upload-text strong{color:var(--primary-yellow);font-weight:600}.image-upload-area .image-upload-label .upload-text .upload-hint{font-size:.85rem;color:var(--text-gray)}.image-upload-area:hover:not(.disabled):not(.uploading) .upload-icon{transform:scale(1.05)}.image-preview-container{margin-top:1.5rem;padding:1rem;background:var(--bg-white);border-radius:8px;border:1px solid var(--border-light)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1rem}.image-preview-item{display:flex;flex-direction:column;gap:.5rem}.image-preview-wrapper{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-gray)}.image-preview-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.image-preview-remove{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:50%;border:none;background:rgba(220,53,69,.95);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;opacity:1;transform:scale(1);z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.2)}.image-preview-remove:hover{background:#dc3545;transform:scale(1.15);box-shadow:0 3px 6px rgba(0,0,0,.3)}.image-preview-remove:active{transform:scale(.95)}.image-preview-info{display:flex;flex-direction:column;gap:.25rem}.image-preview-name{font-size:.85rem;color:var(--text-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-size{font-size:.75rem;color:var(--text-gray)}.image-preview-note{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light);font-size:.9rem;color:var(--text-gray);font-style:italic}.image-upload-success{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.3);border-radius:6px;color:#155724;font-size:.9rem}.image-upload-success svg{flex-shrink:0;color:#28a745}.clients-page__empty,.empty-state,.inventory-page__empty,.inventory-page__error,.inventory-page__loading,.ticket-list__empty,.warranties-page__empty,.warranty-claims-page__empty{padding:3rem}.clients-page__empty p,.empty-state p,.inventory-page__empty p,.inventory-page__error p,.inventory-page__loading p,.ticket-list__empty p,.warranties-page__empty p,.warranty-claims-page__empty p{font-size:1.2rem;margin-top:1rem}.clients-page__loading,.dashboard-page__error,.dashboard-page__loading,.loading-state,.ticket-list__loading{padding:3rem;color:var(--text-gray)}.clients-page,.inventory-page,.page,.tickets-page,.warranties-page,.warranty-claims-page{padding:120px 0 60px;min-height:80vh}@media(max-width:768px){.clients-page__header,.dashboard-page__header,.inventory-page__header,.page-header,.reports-page__header,.tickets-page__header,.warranties-page__header,.warranty-claims-page__header{flex-direction:column;align-items:flex-start}.clients-page__header h1,.dashboard-page__header h1,.inventory-page__header h1,.page-header h1,.reports-page__header h1,.tickets-page__header h1,.warranties-page__header h1,.warranty-claims-page__header h1{font-size:2rem}.clients-page__search,.inventory-page__search,.search,.ticket-list__search{width:100%}.image-upload-area{padding:2rem 1rem}.image-upload-area .upload-icon{width:36px;height:36px}.image-upload-area .upload-text{font-size:.9rem}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.image-upload-input{display:none!important}.tickets-page__form-section{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem}.tickets-page__form-section h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:1.5rem}.ticket-form{display:flex;flex-direction:column;gap:1.5rem}.ticket-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.ticket-form .form-group{display:flex;flex-direction:column;gap:.5rem}.ticket-form .form-group label{font-weight:600;color:var(--text-dark);font-size:.9rem}.ticket-form .form-group .image-preview-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);flex-wrap:wrap}.ticket-form .form-group input,.ticket-form .form-group select,.ticket-form .form-group textarea{padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.ticket-form .form-group input:focus,.ticket-form .form-group select:focus,.ticket-form .form-group textarea:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.ticket-form .form-group textarea{resize:vertical;min-height:100px}.ticket-form .form-group .date-picker-wrapper{width:100%}.ticket-form .form-group .date-picker-wrapper .date-picker-input{width:100%;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background-color:var(--bg-white);cursor:pointer}.ticket-form .form-group .date-picker-wrapper .date-picker-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.ticket-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.ticket-list__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.ticket-list__filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;flex:1 1}.ticket-list__view-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.ticket-list__items-per-page{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.ticket-list__view-toggle{display:flex;gap:.5rem;border:1px solid var(--border-gray);border-radius:4px;overflow:hidden}.ticket-list__pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1.5rem 0}.ticket-list__pagination-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);cursor:pointer;transition:all .3s ease}.ticket-list__pagination-arrow:hover:not(:disabled){background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark)}.ticket-list__pagination-arrow:active:not(:disabled){transform:scale(.95)}.ticket-list__pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.ticket-list__pagination-arrow svg{width:16px;height:16px}.ticket-list__pagination-numbers{display:flex;align-items:center;gap:.25rem}.ticket-list__pagination-number{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.ticket-list__pagination-number:hover{background:var(--bg-gray);border-color:var(--border-gray)}.ticket-list__pagination-number.active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark);font-weight:600}.ticket-list__pagination-number:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.2)}.ticket-list__pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-gray);font-size:.95rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.multi-select{position:relative;width:100%}.multi-select__button{width:100%;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--bg-white);cursor:pointer;height:44px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .2s ease;text-align:left;line-height:1.5;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none}.multi-select__button:focus,.multi-select__button:hover{border-color:var(--primary-yellow)}.multi-select__button:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.1)}.multi-select__button-text{flex:1 1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block}.multi-select__chevron{flex-shrink:0;transition:transform .2s ease;color:var(--text-gray);width:16px;height:16px;display:block;margin-left:auto}.multi-select__chevron.open{transform:rotate(180deg)}.multi-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-gray);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;overflow-y:auto;margin-top:4px}.multi-select__dropdown::-webkit-scrollbar{width:8px}.multi-select__dropdown::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}.multi-select__dropdown::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.multi-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}.multi-select__option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.multi-select__option:last-child{border-bottom:none}.multi-select__option:hover{background:var(--bg-gray)}.multi-select__option.selected{background:rgba(255,215,0,.1);font-weight:500}.multi-select__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-yellow);flex-shrink:0}.multi-select__option-label{flex:1 1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ticket-list__count{margin-bottom:1rem;color:var(--text-gray);font-size:.9rem}.ticket-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.ticket-list__list{display:flex;flex-direction:column;gap:.5rem}.ticket-list__table tbody tr{display:table-row}.ticket-list__table td{display:table-cell}.ticket-list__th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.85rem;color:var(--text-dark);background:linear-gradient(180deg,#f8f9fa,#e9ecef);border-bottom:2px solid var(--border-gray);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 2px rgba(0,0,0,.05)}.ticket-list__th--number{width:100px;min-width:100px}.ticket-list__th--customer{width:15%;min-width:150px}.ticket-list__th--device{width:25%;min-width:200px}.ticket-list__th--date{width:120px;min-width:120px}.ticket-list__th--cost{width:100px;min-width:100px;text-align:right}.ticket-list__th--status{width:120px;min-width:120px}.ticket-list__th--priority{width:100px;min-width:100px}.ticket-list__th--sortable{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease}.ticket-list__th--sortable:hover{background:linear-gradient(180deg,#e9ecef,#dee2e6)}.ticket-list__th--sortable:active{background:linear-gradient(180deg,#dee2e6,#ced4da)}.ticket-list__th-content{display:flex;align-items:center;gap:.5rem}.ticket-list__sort-indicator{font-size:.7rem;color:var(--primary-yellow);opacity:.7;transition:opacity .2s ease}.ticket-list__th--sortable:hover .ticket-list__sort-indicator{opacity:1}.ticket-list__table-wrapper{display:flex;flex-direction:column;gap:1rem}.ticket-list__table-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);flex-wrap:wrap;gap:1rem}.ticket-list__pagination-info{color:var(--text-gray);font-size:.9rem}.ticket-list__pagination-controls{display:flex;gap:.5rem}.ticket-list__pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-gray);background:var(--bg-white);color:var(--text-dark);border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease;font-weight:500}.ticket-list__pagination-btn:hover:not(:disabled){background:var(--primary-yellow);color:var(--text-dark);border-color:var(--primary-yellow);box-shadow:0 2px 4px var(--shadow)}.ticket-list__pagination-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 2px var(--shadow)}.ticket-list__pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-gray)}.ticket-list__empty-cell{padding:3rem;text-align:center}.view-toggle-btn{padding:.5rem;background:var(--bg-white);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:var(--text-gray);width:44px;height:44px;box-sizing:border-box}.view-toggle-btn:hover{background:var(--bg-gray)}.view-toggle-btn.active{background:var(--primary-yellow);color:var(--text-dark)}.view-toggle-btn svg{display:block}.ticket-card{background:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border-light)}.ticket-card:hover{box-shadow:0 4px 16px var(--shadow-hover)}.ticket-card tr.ticket-card{display:table-row!important;flex-direction:row;padding:0;border-radius:0;box-shadow:none;border:none;gap:0;background:transparent}.ticket-card tr.ticket-card:hover{transform:none;box-shadow:none}.ticket-card--list{border-bottom:1px solid var(--border-light);transition:all .2s ease;cursor:pointer}.ticket-card--list:hover{background-color:rgba(255,215,0,.08);box-shadow:inset 4px 0 0 var(--primary-yellow)}.ticket-card--list:last-child{border-bottom:none}.ticket-card--list:active{background-color:rgba(255,215,0,.12)}.ticket-card--list .ticket-card__td{padding:.75rem;vertical-align:middle;border-right:1px solid transparent;transition:border-color .2s ease;display:table-cell}.ticket-card--list .ticket-card__td--number{font-weight:700;font-size:.9rem;color:var(--text-dark);font-family:Courier New,monospace;width:100px;min-width:100px}.ticket-card--list .ticket-card__td--customer{font-weight:600;font-size:.9rem;color:var(--text-dark);width:15%;min-width:150px}.ticket-card--list .ticket-card__td--device{font-size:.85rem;color:var(--text-gray);width:25%;min-width:200px}.ticket-card--list .ticket-card__td--date{font-size:.85rem;color:var(--text-gray);white-space:nowrap;width:120px;min-width:120px}.ticket-card--list .ticket-card__td--cost{font-size:.85rem;color:var(--text-dark);font-weight:600;text-align:right;white-space:nowrap;font-family:Courier New,monospace;width:100px;min-width:100px}.ticket-card--list .ticket-card__td--status{width:120px;min-width:120px;white-space:nowrap}.ticket-card--list .ticket-card__td--priority{width:100px;min-width:100px;white-space:nowrap}.ticket-card--list .ticket-card__td .ticket-priority,.ticket-card--list .ticket-card__td .ticket-status{font-size:.7rem;padding:.25rem .5rem;display:inline-block;transition:transform .2s ease}.ticket-card--list:hover .ticket-card__td .ticket-priority,.ticket-card--list:hover .ticket-card__td .ticket-status{transform:scale(1.05)}.ticket-card__image-section,.ticket-card__image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;border-radius:4px;margin-bottom:1rem;background:var(--bg-gray)}.ticket-card--list .ticket-card__image-section,.ticket-card--list .ticket-card__image-wrapper{height:100%;margin-bottom:0}.ticket-card__image{width:100%;height:100%;object-fit:cover;display:block}.ticket-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-gray);color:var(--text-gray);font-size:.9rem}.ticket-card__image-count{position:absolute;bottom:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.ticket-card__header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;max-width:100%;overflow:hidden}.ticket-card__number{font-weight:700;font-size:1.1rem;color:var(--text-dark);white-space:nowrap;flex-shrink:1;min-width:0}.ticket-card__body{flex:1 1}.ticket-card__customer{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.ticket-card__device{color:var(--text-gray);margin:0 0 .5rem;font-size:.95rem}.ticket-card__issue{color:var(--text-light);margin:0;font-size:.9rem;line-height:1.4}.ticket-card__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-light);flex-wrap:wrap}.ticket-card__meta{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-gray)}.ticket-card__cost,.ticket-card__date{font-size:.85rem}.table__link{display:block;text-decoration:none;color:inherit;width:100%;padding:0;transition:color .2s ease}.table__link:hover{color:var(--primary-yellow)}.table__link--cost{text-align:right}.table__number{display:block;font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:var(--text-dark)}.table__cost,.table__customer,.table__date,.table__device{display:block}.table__cost{font-family:Courier New,monospace;text-align:right}.ticket-status{padding:.35rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:1;min-width:0}.ticket-card--list .ticket-status{font-size:.7rem;padding:.25rem .5rem}.ticket-status--pending{background:#fff3cd;color:#856404}.ticket-status--in_progress{background:#d1ecf1;color:#0c5460}.ticket-status--waiting_parts{background:#f8d7da;color:#721c24}.ticket-status--completed{background:#d4edda;color:#155724}.ticket-status--cancelled{background:#e2e3e5;color:#383d41}.ticket-priority{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.ticket-card--list .ticket-priority{font-size:.7rem;padding:.25rem .5rem}.ticket-priority--low{background:#e7f3ff;color:#004085}.ticket-priority--medium{background:#fff3cd;color:#856404}.ticket-priority--high{background:#ffe0b2;color:#e65100}.ticket-priority--urgent{background:#ffebee;color:#c62828}.ticket-detail{background:var(--bg-white);border-radius:8px;padding:2rem;box-shadow:0 2px 8px var(--shadow)}.ticket-detail__header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.ticket-detail__back{display:inline-block;margin-bottom:1rem;background:none;border:none;color:var(--text-dark);text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:color .2s ease;padding:0}.ticket-detail__back:hover{color:var(--primary-yellow);text-decoration:underline}.ticket-detail__header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.ticket-detail__title{font-size:2rem;color:var(--text-dark);margin:0 0 1rem}.ticket-detail__actions,.ticket-detail__meta{display:flex;gap:1rem;flex-wrap:wrap}.ticket-detail__content{display:flex;flex-direction:column;gap:2rem}.ticket-detail__section h2{font-size:1.5rem;color:var(--text-dark);margin:0 0 1rem}.ticket-detail__section h2,.ticket-detail__section-header{padding-bottom:.5rem;border-bottom:2px solid var(--primary-yellow)}.ticket-detail__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ticket-detail__section-header h2{margin:0;border-bottom:none;padding-bottom:0}@media print{.ticket-detail__section--qr{page-break-inside:avoid}}.ticket-detail__section--qr{margin-bottom:1rem}.ticket-detail__qr-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-gray);border-radius:8px;margin-top:0}@media print{.ticket-detail__qr-container{background:#fff;border:2px solid #000;padding:1rem;page-break-inside:avoid}}.ticket-detail__qr-code{background:#fff;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow);width:120px;height:120px}@media print{.ticket-detail__qr-code{box-shadow:none;border:1px solid #000}}.ticket-detail__qr-print{font-size:.85rem;padding:.5rem 1rem}@media print{.ticket-detail__qr-print{display:none}}.ticket-detail__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.ticket-detail__info-grid>div label{display:block;font-weight:600;color:var(--text-gray);margin-bottom:.5rem;font-size:.9rem}.ticket-detail__info-grid>div p{margin:0;color:var(--text-dark);font-size:1rem}.ticket-detail__info-grid>div p a{color:var(--primary-yellow);text-decoration:none}.ticket-detail__info-grid>div p a:hover{text-decoration:underline}.ticket-detail__description,.ticket-detail__notes{margin-top:1rem;padding:1rem;background:var(--bg-gray);border-radius:4px;line-height:1.6;color:var(--text-dark);white-space:pre-wrap}.ticket-detail__status-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.ticket-detail__edit-input,.ticket-detail__edit-select,.ticket-detail__edit-textarea{padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;width:100%;max-width:400px}.ticket-detail__edit-input:focus,.ticket-detail__edit-select:focus,.ticket-detail__edit-textarea:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.ticket-detail .date-picker-wrapper{width:100%;max-width:400px}.ticket-detail .date-picker-wrapper .date-picker-input{width:100%;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease;background-color:var(--bg-white);cursor:pointer}.ticket-detail .date-picker-wrapper .date-picker-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.ticket-detail__edit-textarea{resize:vertical;min-height:120px}.ticket-detail__edit-priority{margin-bottom:1rem}.ticket-detail__edit-priority label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.ticket-detail__edit-actions{display:flex;gap:1rem;margin-top:1.5rem}.ticket-detail__image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.ticket-detail__image-item{position:relative;border-radius:4px;overflow:hidden;border:1px solid var(--border-light);background:var(--bg-gray)}.ticket-detail__image-item:hover .ticket-detail__image-delete{opacity:1}.ticket-detail__image{width:100%;height:200px;object-fit:cover;display:block}.ticket-detail__image-delete{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;border-radius:50%;border:none;background:rgba(220,53,69,.9);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;padding:0}.ticket-detail__image-delete:hover{background:#dc3545}.ticket-detail__no-images{color:var(--text-gray);font-style:italic;margin-bottom:1rem}.ticket-detail__images,.ticket-detail__images .image-upload-area{margin-top:1rem}@media print{.footer,.image-preview-container,.image-upload-area,.navigation,.ticket-detail__actions,.ticket-detail__image-delete,.ticket-detail__section--qr+.ticket-detail__section button,nav{display:none!important}.ticket-detail__section--qr{display:block!important;page-break-inside:avoid;margin-bottom:1rem}.ticket-detail__edit-actions,.ticket-detail__status-actions button{display:none!important}.ticket-detail{box-shadow:none;padding:0}.ticket-detail__header{border-bottom:1px solid #000;padding-bottom:1rem;margin-bottom:1.5rem}.ticket-detail__content{gap:1.5rem}.ticket-detail__section{page-break-inside:avoid;margin-bottom:1rem}.ticket-detail__section h2{font-size:1.3rem;border-bottom:1px solid #000}.ticket-detail__qr-code{background:#fff!important;border:2px solid #000!important}}@media(max-width:1024px)and (min-width:769px){.ticket-card--list .ticket-card__list-main{grid-template-columns:minmax(70px,90px) minmax(100px,1.5fr) minmax(120px,1.8fr) minmax(90px,110px) minmax(60px,80px);gap:.5rem}}@media(max-width:768px){.tickets-page{padding:100px 0 40px}.tickets-page__header{flex-direction:column;align-items:flex-start}.tickets-page__header h1{font-size:2rem}.ticket-list__header{flex-direction:column}.ticket-list__filters{flex-direction:column;width:100%}.ticket-list__filters .ticket-list__search{width:100%}.ticket-list__view-controls{width:100%;justify-content:space-between}.ticket-list__grid{grid-template-columns:1fr}.ticket-list__pagination{flex-direction:column;gap:.5rem}.ticket-list__table-container{border-radius:4px;box-shadow:0 1px 4px var(--shadow)}.ticket-list__table{font-size:.8rem}.ticket-list__table-pagination{flex-direction:column;align-items:stretch;gap:1rem}.ticket-list__pagination-info{text-align:center;font-size:.85rem}.ticket-list__pagination-controls{justify-content:center;flex-wrap:wrap}.ticket-list__pagination-btn{padding:.4rem .8rem;font-size:.85rem}.ticket-list__th{padding:.75rem .5rem;font-size:.75rem}.ticket-list__th--number{width:80px;min-width:80px}.ticket-list__th--customer{min-width:120px}.ticket-list__th--device{min-width:150px}.ticket-list__th--date{width:100px;min-width:100px}.ticket-list__th--cost{width:80px;min-width:80px}.ticket-list__th--status{width:100px;min-width:100px}.ticket-list__th--priority{width:80px;min-width:80px}.ticket-card--list .ticket-card__link{padding:.5rem}.ticket-card--list .ticket-card__td--customer,.ticket-card--list .ticket-card__td--number{font-size:.8rem}.ticket-card--list .ticket-card__td--cost,.ticket-card--list .ticket-card__td--date,.ticket-card--list .ticket-card__td--device{font-size:.75rem}.ticket-card--list .ticket-card__td .ticket-priority,.ticket-card--list .ticket-card__td .ticket-status{font-size:.65rem;padding:.2rem .4rem}.ticket-detail{padding:1.5rem}.ticket-detail__image-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.ticket-detail__image{height:150px}.ticket-detail__edit-input,.ticket-detail__edit-select,.ticket-detail__edit-textarea{max-width:100%}.ticket-detail__edit-actions{flex-direction:column}.ticket-detail__edit-actions .btn{width:100%}.ticket-detail__header{flex-direction:column}.ticket-detail__actions{width:100%}.ticket-detail__actions .btn{flex:1 1}.ticket-detail__info-grid{grid-template-columns:1fr}.ticket-detail__images .image-upload-area{padding:2rem 1rem}.ticket-detail__images .image-upload-area .upload-icon{width:36px;height:36px}.ticket-detail__images .image-upload-area .upload-text{font-size:.9rem}.ticket-detail__images .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.ticket-form .form-row{grid-template-columns:1fr}.ticket-form .image-upload-area{padding:2rem 1rem}.ticket-form .image-upload-area .upload-icon{width:36px;height:36px}.ticket-form .image-upload-area .upload-text{font-size:.9rem}.ticket-form .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.react-datepicker{box-shadow:0 4px 12px rgba(0,0,0,.15)}.react-datepicker__header{background-color:var(--primary-yellow);border-bottom:1px solid var(--border-gray);border-top-left-radius:8px;border-top-right-radius:8px;padding-top:.75rem}.react-datepicker__header .react-datepicker__current-month{color:var(--text-dark);font-weight:600;font-size:.9rem}.react-datepicker__header .react-datepicker__day-name{color:var(--text-dark);font-weight:600}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--primary-yellow)}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background-color:var(--primary-yellow-dark,#d4af37)}.react-datepicker__day:hover{background-color:rgba(255,215,0,.2);border-radius:4px}.react-datepicker__navigation{top:.75rem}.react-datepicker__navigation-icon:before,.react-datepicker__navigation:hover :before{border-color:var(--text-dark)}.react-datepicker__month{margin:.5rem}.react-datepicker__triangle{border-bottom-color:var(--primary-yellow)!important}.react-datepicker__triangle:before{border-bottom-color:var(--border-gray)!important}.expense-table{background:var(--bg-white);border-radius:8px;padding:1.5rem;margin-top:1rem}.ticket-detail__section .expense-table{margin-top:0;padding:0;background:transparent;margin-left:0;margin-right:0;width:100%}.expense-table__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.expense-table__header h3{font-size:1.5rem;color:var(--text-dark);margin:0}.expense-table__header--no-title{justify-content:flex-end;margin-bottom:1rem}.expense-table__content{width:100%;overflow-x:auto;margin:0;padding:0;box-sizing:border-box}.ticket-detail__section .expense-table__content{width:100%;margin-left:0;margin-right:0;max-width:100%}.expense-table__content table{min-width:100%;width:100%;margin:0;box-sizing:border-box;display:table}.expense-table__empty{text-align:center;padding:2rem;color:var(--text-gray);font-style:italic}.expense-table__add-form{background:var(--bg-gray);padding:1rem;border-radius:6px;margin-bottom:1rem}.expense-table__form-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;grid-gap:.75rem;gap:.75rem;align-items:center}.expense-table__input{padding:.5rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.9rem}.expense-table__input:focus{outline:none;border-color:var(--primary-yellow)}.expense-table__form-actions{display:flex;gap:.5rem}.expense-table__table{table-layout:auto;border-collapse:collapse;margin-top:1rem;box-sizing:border-box}.expense-table__table,.ticket-detail__section .expense-table__table{width:100%;max-width:100%;margin-left:0;margin-right:0}.expense-table__table thead{background:var(--bg-gray)}.expense-table__table thead th{padding:.75rem;text-align:left;font-weight:600;color:var(--text-dark);border-bottom:2px solid var(--border-gray)}.expense-table__table thead th:last-child{width:1%;white-space:nowrap}.expense-table__table tbody tr{border-bottom:1px solid var(--border-gray)}.expense-table__table tbody tr:hover{background:var(--bg-gray)}.expense-table__table tbody tr td{padding:.75rem;color:var(--text-dark)}.expense-table__table tbody tr td:last-child{width:1%;white-space:nowrap}.expense-table__table tbody tr .expense-table__table__actions{opacity:.6;transition:opacity .2s ease}.expense-table__table tbody tr:hover .expense-table__table__actions{opacity:1}.expense-table__table__edit-input{padding:.4rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.9rem;width:100%}.expense-table__table__edit-input:focus{outline:none;border-color:var(--primary-yellow)}.expense-table__table__edit-actions{display:flex;gap:.25rem}.expense-table__table__edit-actions button{padding:.25rem .5rem;font-size:.75rem;min-width:auto;font-weight:500;border-radius:4px}.expense-table__table__edit-actions button.btn-primary{background:transparent;border:1px solid var(--primary-yellow);color:var(--primary-yellow);box-shadow:none;padding:.25rem .5rem}.expense-table__table__edit-actions button.btn-primary:hover:not(:disabled){background:var(--primary-yellow);color:var(--text-dark);transform:none;box-shadow:none}.expense-table__table__edit-actions button.btn-secondary{background:transparent;border:1px solid var(--border-gray);color:var(--text-gray);padding:.25rem .5rem}.expense-table__table__edit-actions button.btn-secondary:hover:not(:disabled){background:var(--bg-gray);border-color:var(--text-dark);color:var(--text-dark)}.expense-table__table__actions{display:flex;gap:.25rem}.expense-table__table__actions button{padding:.25rem .5rem;font-size:.75rem;min-width:auto;font-weight:500;border-radius:4px}.expense-table__table__actions button.btn-secondary{background:transparent;border:1px solid var(--border-gray);color:var(--text-gray);padding:.25rem .5rem}.expense-table__table__actions button.btn-secondary:hover:not(:disabled){background:var(--bg-gray);border-color:var(--text-dark);color:var(--text-dark)}.expense-table__table__actions button.btn-danger{background:transparent;border:1px solid #dc3545;color:#dc3545;padding:.25rem .5rem;box-shadow:none}.expense-table__table__actions button.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff;transform:none;box-shadow:none}.expense-table__table__total-row{background:var(--bg-gray);font-size:1.1rem}.expense-table__table__total-row td{padding:1rem .75rem}.expense-table__table__total-label{text-align:right}.expense-table__table__total-amount{text-align:right;color:var(--text-dark)}.warranties-page__empty{padding:4rem 2rem;font-size:1.1rem}.warranty-card{background:var(--bg-white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);padding:1.5rem;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.warranty-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px var(--shadow)}.warranty-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-gray)}.warranty-card__ticket{font-weight:600;color:var(--text-dark);font-size:1.1rem}.warranty-card__body{margin-bottom:1rem}.warranty-card__customer{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin:0 0 .5rem}.warranty-card__device{color:var(--text-gray);margin:0 0 .5rem;font-size:.9rem}.warranty-card__type{color:var(--text-gray);margin:0 0 .5rem;font-size:.85rem}.warranty-card__period{color:var(--text-gray);margin:0;font-size:.85rem}.warranty-card__footer{padding-top:1rem;border-top:1px solid var(--border-gray)}.warranty-card__meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:var(--text-gray)}.warranty-card__claims{background:var(--bg-gray);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.warranty-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.warranty-status--active{background:#d4edda;color:#155724}.warranty-status--expired{background:#f8d7da;color:#721c24}.warranty-status--voided{background:#e2e3e5;color:#383d41}.warranty-status--claimed{background:#fff3cd;color:#856404}.warranty-status--expiring-soon{animation:pulse 2s infinite}.warranty-claim-card{background:var(--bg-gray);border-radius:8px;padding:1.5rem;border-left:4px solid var(--primary-yellow)}.warranty-claim-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.warranty-claim-card__date{color:var(--text-gray);font-size:.9rem}.warranty-claim-card__status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.warranty-claim-card__status--pending{background:#fff3cd;color:#856404}.warranty-claim-card__status--approved{background:#d4edda;color:#155724}.warranty-claim-card__status--rejected{background:#f8d7da;color:#721c24}.warranty-claim-card__status--completed{background:#d1ecf1;color:#0c5460}.warranty-claim-card__issue{color:var(--text-dark);margin:0 0 1rem;line-height:1.6}.warranty-claim-card__resolution{color:var(--text-gray);margin:.5rem 0;font-size:.9rem;line-height:1.6}.warranty-claim-card__resolution strong{color:var(--text-dark)}.warranty-claim-card__resolution-date{color:var(--text-gray);font-size:.85rem;margin:.5rem 0 0}.warranty-claim-form{background:var(--bg-white);padding:1.5rem;border-radius:8px}.warranty-claim-form h3{font-size:1.3rem;color:var(--text-dark);margin:0 0 1.5rem}.warranty-claims-table{width:100%;border-collapse:collapse;background:var(--bg-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow)}.warranty-claims-table thead{background:var(--bg-gray)}.warranty-claims-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.warranty-claims-table td{padding:1rem;border-top:1px solid var(--border-gray);color:var(--text-dark)}.warranty-claims-table tr:hover{background:var(--bg-gray)}.warranty-claim-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.warranty-claim-status--pending{background:#fff3cd;color:#856404}.warranty-claim-status--approved{background:#d4edda;color:#155724}.warranty-claim-status--rejected{background:#f8d7da;color:#721c24}.warranty-claim-status--completed{background:#d1ecf1;color:#0c5460}.warranty-claims-page__filter{padding:.5rem 1rem;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);font-size:.9rem;cursor:pointer;transition:all .2s ease}.warranty-claims-page__filter:hover{border-color:var(--primary-yellow)}.warranty-claims-page__filter:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.warranty-claims-page__empty{padding:4rem 2rem;font-size:1.1rem}.warranty-claims-page__list{margin-top:2rem}.widget{background:var(--bg-white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);padding:1.5rem;margin-bottom:1.5rem}.widget__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-gray)}.widget__header h2{font-size:1.2rem;color:var(--text-dark);margin:0}.widget__link{color:var(--primary-yellow);text-decoration:none;font-size:.9rem;font-weight:600}.widget__link:hover{text-decoration:underline}.widget__empty{text-align:center;padding:2rem;color:var(--text-gray);font-style:italic}.widget__list{list-style:none;padding:0;margin:0}.widget__item{margin-bottom:.75rem}.widget__item:last-child{margin-bottom:0}.widget__item-link{display:block;padding:.75rem;background:var(--bg-gray);border-radius:4px;text-decoration:none;color:inherit;transition:all .2s ease}.widget__item-link:hover{background:rgba(255,215,0,.1);transform:translateX(4px)}.widget__item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.widget__item-title{font-weight:600;color:var(--text-dark);font-size:.9rem}.widget__item-meta{font-size:.85rem;color:var(--text-gray)}.dashboard-widgets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.ticket-detail__warranty{margin-top:1rem}@media(max-width:768px){.warranties-page__header{flex-direction:column;align-items:flex-start}.warranty-claims-table{font-size:.85rem}.warranty-claims-table td,.warranty-claims-table th{padding:.75rem .5rem}.widget__item-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.dashboard-page{min-height:100vh;padding:120px 20px 60px;background:linear-gradient(135deg,var(--bg-gray) 0,var(--white) 100%)}.dashboard-page__header{margin-bottom:40px;gap:20px}.dashboard-page__header h1{font-weight:700}.dashboard-page__period-selector{display:flex;align-items:center;gap:12px}.dashboard-page__period-selector label{font-weight:600;color:var(--text-dark);font-size:1rem}.dashboard-page__select{padding:10px 16px;border:2px solid var(--border-gray);border-radius:8px;font-size:1rem;background:var(--white);color:var(--text-dark);cursor:pointer;transition:all .3s ease;min-width:180px}.dashboard-page__select:focus,.dashboard-page__select:hover{border-color:var(--primary-yellow)}.dashboard-page__select:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.1)}.dashboard-page__error,.dashboard-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.dashboard-page__error p,.dashboard-page__loading p{font-size:1.2rem}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:20px}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:24px}@media(max-width:1024px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-charts-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);border-radius:16px;padding:28px;box-shadow:0 4px 6px var(--shadow);transition:all .3s ease;display:flex;align-items:center;gap:20px;border:2px solid transparent}.stat-card.stat-card--clickable{cursor:pointer}.stat-card.stat-card--clickable:hover{box-shadow:0 8px 12px rgba(0,0,0,.15);border-color:var(--primary-yellow)}.stat-card.stat-card--clickable:active{transform:scale(.98)}.stat-card--with-chart{flex-direction:column;align-items:stretch;gap:16px}.stat-card__header{display:flex;align-items:center;gap:20px;width:100%;position:relative}.stat-card__zoom-btn{position:absolute;top:0;right:0;background:var(--white);border:2px solid var(--border-gray);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;padding:0;flex-shrink:0}.stat-card__zoom-btn svg{width:16px;height:16px;color:var(--text-dark)}.stat-card__zoom-btn:hover{background:var(--primary-yellow);border-color:var(--primary-yellow);transform:scale(1.1)}.stat-card__zoom-btn:hover svg{color:var(--text-dark)}.stat-card__zoom-btn:active{transform:scale(.95)}.stat-card__icon{font-size:3rem;flex-shrink:0;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--bg-gray);border-radius:12px;transition:all .3s ease}.stat-card__icon svg{width:32px;height:32px;color:var(--text-dark)}.stat-card__content{flex:1 1}.stat-card__label{font-size:.95rem;color:var(--text-gray);margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card__value{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.stat-card__chart{width:100%;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-gray)}.stat-card--repairs{border-left:4px solid #3b82f6}.stat-card--repairs .stat-card__icon{background:rgba(59,130,246,.1)}.stat-card--in-progress{border-left:4px solid #f59e0b}.stat-card--in-progress .stat-card__icon{background:rgba(245,158,11,.1)}.stat-card--waiting{border-left:4px solid #ef4444}.stat-card--waiting .stat-card__icon{background:rgba(239,68,68,.1)}.stat-card--income{border-left:4px solid #10b981}.stat-card--income .stat-card__icon{background:rgba(16,185,129,.1)}.stat-card--expenses{border-left:4px solid #f59e0b}.stat-card--expenses .stat-card__icon{background:rgba(245,158,11,.1)}.stat-card--profit{border-left:4px solid #10b981}.stat-card--profit .stat-card__icon{background:rgba(16,185,129,.1)}.stat-card--profit-percentage{border-left:4px solid #8b5cf6}.stat-card--profit-percentage .stat-card__icon{background:rgba(139,92,246,.1)}.stat-card--repair-time{border-left:4px solid #06b6d4}.stat-card--repair-time .stat-card__icon{background:rgba(6,182,212,.1)}.stat-card--completion{border-left:4px solid #10b981}.stat-card--completion .stat-card__icon{background:rgba(16,185,129,.1)}.stat-card--overdue{border-left:4px solid #ef4444}.stat-card--overdue .stat-card__icon{background:rgba(239,68,68,.1)}.stat-card--high-priority{border-left:4px solid #f97316}.stat-card--high-priority .stat-card__icon{background:rgba(249,115,22,.1)}.stat-card--avg-revenue{border-left:4px solid #10b981}.stat-card--avg-revenue .stat-card__icon{background:rgba(16,185,129,.1)}.stat-card--revenue-growth{border-left:4px solid #3b82f6}.stat-card--revenue-growth .stat-card__icon{background:rgba(59,130,246,.1)}.stat-card--low-stock{border-left:4px solid #f59e0b}.stat-card--low-stock .stat-card__icon{background:rgba(245,158,11,.1)}.stat-card--status-distribution{border-left:4px solid #8b5cf6}.stat-card--status-distribution .stat-card__icon{background:rgba(139,92,246,.1)}.stat-card--status-distribution .stat-card__legend{padding-top:12px;border-top:1px solid var(--border-gray);font-size:.75rem}.dashboard-charts{margin-top:40px}.chart-card{background:var(--white);border-radius:16px;padding:32px;box-shadow:0 4px 6px var(--shadow);border:2px solid transparent;transition:all .3s ease}.chart-card:hover{box-shadow:0 8px 16px var(--shadow-hover);border-color:var(--primary-yellow)}.chart-card__title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0 0 24px;border-bottom:2px solid var(--border-gray);padding-bottom:16px}.chart-tooltip{background:var(--white);border:2px solid var(--border-gray);border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px var(--shadow);min-width:160px}.chart-tooltip__label{font-weight:700;color:var(--text-dark);margin:0 0 8px;font-size:.95rem;border-bottom:1px solid var(--border-gray);padding-bottom:8px}.chart-tooltip__item{margin:4px 0;font-size:.9rem;font-weight:600}.chart-modal__chart{padding:32px;height:600px;overflow:hidden}@media(max-width:768px){.chart-modal__chart{padding:20px;height:400px}.stat-card__zoom-btn{width:28px;height:28px;font-size:14px}.dashboard-page{padding:100px 15px 40px}.dashboard-page__header{flex-direction:column;align-items:flex-start}.dashboard-page__header h1{font-size:2rem}.dashboard-page__period-selector{width:100%}.dashboard-page__period-selector label{font-size:.9rem}.dashboard-page__select{width:100%;min-width:auto}.dashboard-stats-grid{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-card__icon{font-size:2.5rem;width:60px;height:60px}.stat-card__icon svg{width:28px;height:28px}.stat-card__value{font-size:1.75rem}}@media(max-width:480px){.dashboard-page__header h1{font-size:1.75rem}.stat-card{padding:20px}.stat-card--with-chart .stat-card__header{flex-direction:row}.stat-card--with-chart .stat-card__chart{height:100px}.stat-card__icon{font-size:2.5rem;width:60px;height:60px}.stat-card__icon svg{width:28px;height:28px}.stat-card__value{font-size:1.75rem}}.profile-dropdown{position:relative;display:inline-block}.profile-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:var(--white);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;font-family:inherit}.profile-dropdown__trigger:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3)}.profile-dropdown__avatar{object-fit:cover}.profile-dropdown__avatar,.profile-dropdown__avatar-placeholder{width:24px;height:24px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2)}.profile-dropdown__avatar-placeholder{background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd54f 100%);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:700;font-size:.75rem}.profile-dropdown__name{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.profile-dropdown__chevron{transition:transform .3s ease;flex-shrink:0}.profile-dropdown__chevron.open{transform:rotate(180deg)}.profile-dropdown__menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:rgba(30,30,30,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);padding:.5rem;z-index:1000;animation:fadeInDown .2s ease-out}.profile-dropdown__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--white);text-decoration:none;border-radius:8px;transition:all .2s ease;font-size:.95rem;width:100%;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left}.profile-dropdown__item svg{flex-shrink:0;opacity:.8}.profile-dropdown__item:hover{background:hsla(0,0%,100%,.1);color:var(--white)}.profile-dropdown__item--danger{color:#fca5a5}.profile-dropdown__item--danger:hover{background:rgba(220,38,38,.2);color:#fca5a5}.profile-dropdown__divider{height:1px;background:hsla(0,0%,100%,.1);margin:.5rem 0}.profile-page{min-height:100vh;padding:2rem 1rem;color:var(--white);display:flex;align-items:center;justify-content:center;background:#fff;position:relative}.profile-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;background:radial-gradient(circle at 20% 30%,rgba(255,235,59,.12) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,235,59,.1) 0,transparent 45%),radial-gradient(circle at 50% 50%,rgba(255,235,59,.08) 0,transparent 50%),linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(255,249,230,.6) 50%,hsla(0,0%,96%,.8));z-index:0;animation:meshPulse 15s ease-in-out infinite}.profile-page .container{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;position:relative;z-index:1}.profile-page__wrapper{max-width:800px;width:100%;margin:auto;background:rgba(30,30,30,.95);padding:2.5rem;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);color:var(--white)}.profile-page__wrapper *{color:inherit}.profile-page__wrapper .btn-secondary{color:var(--white);border-color:hsla(0,0%,100%,.3)}.profile-page__wrapper .btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);color:var(--white)}.profile-page__loading{text-align:center;padding:3rem;color:var(--white)}.profile-page h1{text-align:center;margin-bottom:2rem;color:var(--primary-yellow)!important;font-size:2rem}.profile-page div,.profile-page input,.profile-page label,.profile-page p,.profile-page span{color:var(--white)}.profile-page__content{display:flex;flex-direction:column;gap:2rem}.profile-page__image-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.profile-page__image-wrapper{position:relative;cursor:pointer;transition:transform .3s ease}.profile-page__image-wrapper:hover{transform:scale(1.02)}.profile-page__image-wrapper:hover .profile-page__image-overlay{opacity:1;visibility:visible}.profile-page__image{object-fit:cover}.profile-page__image,.profile-page__image-placeholder{width:150px;height:150px;border-radius:50%;border:4px solid var(--primary-yellow);box-shadow:0 4px 20px rgba(255,235,59,.3)}.profile-page__image-placeholder{background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd54f 100%);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:700;font-size:3rem}.profile-page__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:.75rem;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.profile-page__image-overlay,.profile-page__image-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-page__image-upload-btn{gap:.5rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:var(--white);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;text-align:center}.profile-page__image-upload-btn:hover{background:hsla(0,0%,100%,.25);border-color:var(--primary-yellow)}.profile-page__image-upload-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page__image-delete-btn{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.9);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:var(--white);cursor:pointer;transition:all .2s ease;padding:0}.profile-page__image-delete-btn:hover{background:#dc2626;transform:scale(1.1);border-color:var(--white)}.profile-page__image-delete-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page__image-icon{width:20px;height:20px;flex-shrink:0}.profile-page__form{display:flex;flex-direction:column;gap:1.5rem}.profile-page__field{display:flex;flex-direction:column;gap:.5rem}.profile-page__field label{color:var(--white)!important;font-weight:500;font-size:.95rem}.profile-page__field input{padding:.75rem 1rem;border:2px solid hsla(0,0%,100%,.1);border-radius:8px;background:hsla(0,0%,100%,.05);color:var(--white);font-size:1rem;transition:all .3s ease}.profile-page__field input:focus{outline:none;border-color:var(--primary-yellow);background:hsla(0,0%,100%,.08)}.profile-page__field input:disabled{opacity:.6;cursor:not-allowed}.profile-page__field input::placeholder{color:hsla(0,0%,100%,.4)}.profile-page__actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.profile-page__actions .btn{flex:1 1;min-width:150px}.profile-page__error{background:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.5);border-radius:8px;color:#fca5a5}.profile-page__error,.profile-page__success{padding:.75rem 1rem;font-size:.9rem;margin-bottom:1rem}.profile-page__success{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.5);border-radius:8px;color:#86efac}@media(max-width:768px){.profile-dropdown__trigger{padding:.4rem .75rem;gap:.5rem}.profile-dropdown__name{max-width:100px;font-size:.9rem}.profile-dropdown__menu{right:0;left:auto;min-width:200px}.profile-page{padding:1rem}.profile-page:before{min-height:100vh}.profile-page .container{min-height:100vh;padding:1rem}.profile-page__wrapper{padding:2rem 1.5rem}.profile-page h1{font-size:1.75rem}.profile-page__image-section{padding-bottom:1.5rem}.profile-page__image,.profile-page__image-placeholder{width:120px;height:120px;font-size:2.5rem}}@media(max-width:768px)and (hover:none)and (pointer:coarse){.profile-page__image-overlay{opacity:1;visibility:visible}}@media(max-width:768px){.profile-page__image-upload-btn{font-size:.85rem;padding:.6rem .9rem}.profile-page__actions{flex-direction:column}.profile-page__actions .btn{width:100%}}@media(max-width:480px){.profile-dropdown__name{display:none}.profile-page__image,.profile-page__image-placeholder{width:100px;height:100px;font-size:2rem}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.profile-page__image-overlay{opacity:1;visibility:visible}}@media(max-width:480px){.profile-page__image-upload-btn{font-size:.8rem;padding:.5rem .75rem;gap:.35rem}.profile-page__image-icon{width:18px;height:18px}.profile-page__image-delete-btn{width:32px;height:32px;top:.25rem;right:.25rem}}.settings-page{min-height:100vh;background:#fafafa;padding-top:6rem;padding-bottom:2rem}.settings-page__container{max-width:1280px;margin:0 auto;padding:0 2rem}.settings-page__loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--black);font-size:1rem}.settings-page__layout{display:flex;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}@media(max-width:768px){.settings-page__layout{flex-direction:column;border-radius:8px}}.settings-page__sidebar{position:-webkit-sticky;position:sticky;top:7rem;width:240px;flex-shrink:0;padding:1.5rem;background:#fafafa;border-right:1px solid #e5e5e5;min-height:calc(100vh - 8rem)}@media(max-width:768px){.settings-page__sidebar{position:static;width:100%;border-right:none;border-bottom:1px solid #e5e5e5;padding:1.25rem 1.5rem;min-height:auto}}.settings-page__sidebar-title{font-size:1.125rem;font-weight:600;color:var(--black);margin-bottom:1.5rem;padding:0}@media(max-width:768px){.settings-page__sidebar-title{margin-bottom:1rem;font-size:1rem}}.settings-page__nav{display:flex;flex-direction:column;gap:.25rem}@media(max-width:768px){.settings-page__nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding-bottom:.5rem}}.settings-page__nav-item{display:flex;align-items:center;padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:#666;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;white-space:nowrap}.settings-page__nav-item:hover{background:#f5f5f5;color:var(--black)}.settings-page__nav-item.active{background:#000;color:#fff;font-weight:500}@media(max-width:768px){.settings-page__nav-item{padding:.5rem 1rem;font-size:.875rem}}.settings-page__main{flex:1 1;padding:1.5rem;background:#fff;min-width:0}@media(max-width:768px){.settings-page__main{padding:1.25rem 1.5rem}}.settings-page__section{width:100%}.settings-page__alert{padding:.875rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.5rem;border:1px solid}.settings-page__alert--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.settings-page__alert--success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.settings-page__card{background:transparent;border:none;border-radius:0;overflow:visible;box-shadow:none}.settings-page__card-header{padding:0 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5}.settings-page__card-title{font-size:1.125rem;font-weight:600;color:var(--black);margin:0 0 .5rem}.settings-page__card-description{font-size:.875rem;color:#666;margin:0;line-height:1.5}.settings-page__card-content{padding:0}.settings-page__avatar-section{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5}@media(max-width:480px){.settings-page__avatar-section{flex-direction:column;align-items:center;text-align:center}}.settings-page__avatar-wrapper{position:relative;flex-shrink:0;cursor:pointer;transition:transform .3s ease}.settings-page__avatar-wrapper:hover{transform:scale(1.02)}.settings-page__avatar-wrapper:hover .settings-page__avatar-overlay{opacity:1;visibility:visible}.settings-page__avatar{object-fit:cover}.settings-page__avatar,.settings-page__avatar-placeholder{width:96px;height:96px;border-radius:50%;border:2px solid #e5e5e5}.settings-page__avatar-placeholder{background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd54f 100%);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:600;font-size:2rem}.settings-page__avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10}.settings-page__avatar-upload-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.settings-page__avatar-upload-btn:hover{transform:scale(1.1)}.settings-page__avatar-upload-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page__avatar-delete-btn{position:absolute;top:.25rem;right:.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(220,38,38,.9);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.settings-page__avatar-delete-btn:hover{background:#dc2626;transform:scale(1.1);border-color:#fff}.settings-page__avatar-delete-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page__avatar-icon{width:24px;height:24px;flex-shrink:0}.settings-page__form{display:flex;flex-direction:column;gap:1.5rem}.settings-page__field{display:flex;flex-direction:column;gap:.5rem}.settings-page__label{font-size:.875rem;font-weight:500;color:var(--black)}.settings-page__input{padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:var(--black);transition:all .2s ease;font-family:inherit}.settings-page__input:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.settings-page__input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.settings-page__input::placeholder{color:#9ca3af}.settings-page__form-actions{display:flex;gap:.75rem;padding-top:.5rem}.settings-page__submit-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;background:var(--black);color:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.settings-page__submit-btn:hover:not(:disabled){background:#333}.settings-page__submit-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page__reset-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:var(--black);cursor:pointer;transition:all .2s ease;font-family:inherit}.settings-page__reset-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.settings-page__reset-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page__form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.settings-page__form-row{grid-template-columns:1fr}}.settings-page__hidden-input{display:none}.settings-page__label-hint{font-size:.85rem;color:var(--gray-medium);margin-left:.5rem}.settings-page__color-container{display:flex;gap:.75rem;align-items:center}.settings-page__color-input{width:60px;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:4px}.settings-page__color-text-input{flex:1 1}.settings-page__logo-upload-wrapper{margin-top:0}.settings-page__logo-upload-area{position:relative;border:2px dashed #d1d5db;border-radius:12px;background:#fafafa;transition:all .3s ease;overflow:hidden;cursor:pointer}.settings-page__logo-upload-area:hover:not(.disabled){border-color:var(--primary-yellow);background:#fef9e7;box-shadow:0 4px 12px rgba(0,0,0,.08)}.settings-page__logo-upload-area.dragging{border-color:var(--primary-yellow);background:#fef9e7;box-shadow:0 4px 12px rgba(0,0,0,.12);transform:scale(1.01)}.settings-page__logo-upload-area.has-preview{border:none;background:transparent;padding:0;cursor:default}.settings-page__logo-upload-area.has-preview:hover:not(.disabled){background:transparent;box-shadow:none}.settings-page__logo-upload-area.disabled{cursor:not-allowed;opacity:.6}.settings-page__logo-upload-label{display:block;padding:3rem 2rem;cursor:pointer;text-align:center;transition:all .3s ease}.settings-page__logo-upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.settings-page__logo-upload-icon{width:48px;height:48px;color:#9ca3af;transition:all .3s ease}.settings-page__logo-upload-area:hover .settings-page__logo-upload-icon{color:var(--primary-yellow);transform:translateY(-4px)}.settings-page__logo-upload-text{display:flex;flex-direction:column;gap:.5rem}.settings-page__logo-upload-main-text{font-size:1rem;font-weight:500;color:var(--black)}.settings-page__logo-upload-sub-text{font-size:.875rem;color:#6b7280}.settings-page__logo-hidden-input{position:absolute;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none}.settings-page__logo-preview-container{position:relative;display:inline-block;overflow:hidden}.settings-page__logo-preview,.settings-page__logo-preview-container{width:100%;max-width:300px;border-radius:12px;transition:all .3s ease}.settings-page__logo-preview{max-height:300px;height:auto;object-fit:contain;border:2px solid #e5e7eb;display:block;background:#fff}.settings-page__logo-upload-area.has-preview:hover .settings-page__logo-preview{border-color:var(--primary-yellow);box-shadow:0 8px 24px rgba(0,0,0,.12)}.settings-page__logo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border-radius:12px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:5}.settings-page__logo-overlay.visible{opacity:1;visibility:visible}.settings-page__logo-overlay-btn{display:flex;align-items:center;justify-content:center;padding:1rem;background:hsla(0,0%,100%,.95);border:none;border-radius:50%;color:var(--black);cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;width:56px;height:56px}.settings-page__logo-overlay-btn:hover{background:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.settings-page__logo-overlay-btn:disabled{opacity:.6;cursor:not-allowed}.settings-page__logo-overlay-icon{width:28px;height:28px}.settings-page__logo-preview-container:hover .settings-page__logo-remove-btn{opacity:1;visibility:visible}.settings-page__logo-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:rgba(239,68,68,.9);color:#fff;border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:0;line-height:1;z-index:15;transition:all .2s ease;opacity:0;visibility:hidden}.settings-page__logo-remove-btn:hover:not(:disabled){background-color:#dc2626;transform:scale(1.1)}.settings-page__logo-remove-btn:disabled{cursor:not-allowed;opacity:.4}.settings-page__section-divider{height:1px;background:#e5e5e5;margin:1.5rem 0;border:none}.settings-page__checkbox-group{display:flex;align-items:center;gap:.75rem}.settings-page__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--black)}.settings-page__checkbox:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.settings-page{padding-top:5rem;padding-bottom:1rem}.settings-page__container{padding:0 1rem}.settings-page__card-content,.settings-page__card-header{padding:1.25rem}.settings-page__avatar-section{padding-bottom:1.25rem;margin-bottom:1.25rem}}@media(max-width:480px){.settings-page__avatar,.settings-page__avatar-placeholder{width:80px;height:80px;font-size:1.75rem}}@media(max-width:480px)and (hover:none)and (pointer:coarse){.settings-page__avatar-overlay{opacity:1;visibility:visible}}@media(max-width:480px){.settings-page__avatar-upload-btn{width:36px;height:36px}.settings-page__avatar-icon{width:20px;height:20px}.settings-page__avatar-delete-btn{width:24px;height:24px;top:.15rem;right:.15rem}.settings-page__card-content,.settings-page__card-header{padding:1rem}.settings-page__form-actions{flex-direction:column}.settings-page__form-actions button{width:100%}}.clients-page__header,.clients-page__search{margin-bottom:2rem}.clients-page__loading{flex-direction:column;gap:1rem}.clients-page__loading,.clients-page__pagination{display:flex;align-items:center;justify-content:center}.clients-page__pagination{gap:.5rem;margin-top:2rem;padding:1.5rem 0}.clients-page__pagination-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);cursor:pointer;transition:all .3s ease}.clients-page__pagination-arrow:hover:not(:disabled){background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark)}.clients-page__pagination-arrow:active:not(:disabled){transform:scale(.95)}.clients-page__pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.clients-page__pagination-arrow svg{width:16px;height:16px}.clients-page__pagination-numbers{display:flex;align-items:center;gap:.25rem}.clients-page__pagination-number{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.clients-page__pagination-number:hover{background:var(--bg-gray);border-color:var(--border-gray)}.clients-page__pagination-number.active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark);font-weight:600}.clients-page__pagination-number:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.2)}.clients-page__pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-gray);font-size:.95rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clients-table{width:100%;overflow-x:auto;overflow-y:visible;position:relative}.clients-table__row{cursor:pointer}.clients-table__row:hover{background:var(--bg-gray)!important}.clients-table__link{color:var(--text-dark);text-decoration:none;transition:color .2s ease}.clients-table__link:hover{color:var(--primary-yellow);text-decoration:underline}.client-detail-page{padding:120px 0 60px;min-height:80vh}.client-detail-page__header{margin-bottom:2rem}.client-detail-page__header h1{font-size:2.5rem;color:var(--text-dark);margin:.5rem 0}.client-detail-page__back{display:inline-block;margin-bottom:1rem;color:var(--text-dark);text-decoration:none;font-weight:600;transition:color .2s ease}.client-detail-page__back:hover{color:var(--primary-yellow);text-decoration:underline}.client-detail-page__content{display:flex;flex-direction:column;gap:2rem}.client-detail-page__info{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.client-detail-page__section h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:1.5rem}.client-detail-page__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.client-detail-page__info-grid div label{display:block;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:.9rem}.client-detail-page__info-grid div p{margin:0;color:var(--text-gray);font-size:1rem}.client-detail-page__info-grid div p a{color:var(--text-dark);text-decoration:none;transition:color .2s ease}.client-detail-page__info-grid div p a:hover{color:var(--primary-yellow);text-decoration:underline}.client-detail-page__tickets{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.client-detail-page__tickets h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:1.5rem}.client-detail-page__error,.client-detail-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.client-detail-page__error p,.client-detail-page__loading p{color:var(--text-gray);font-size:1.1rem}.client-detail-page__empty{text-align:center;padding:2rem;color:var(--text-gray)}.inventory-page{overflow:visible;position:relative}.inventory-page__form{background:var(--bg-white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px var(--shadow);margin-bottom:2rem}.inventory-page__content{overflow:visible;position:relative}.inventory-page__filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:flex-end}.inventory-page__checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-dark);height:44px;box-sizing:border-box}.inventory-page__checkbox{cursor:pointer;margin-top:0}.inventory-page__pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-gray)}.inventory-form{display:flex;flex-direction:column;gap:2rem}.inventory-form__section{display:flex;flex-direction:column;gap:1rem}.inventory-form__section h3{font-size:1.2rem;color:var(--text-dark);margin-bottom:.5rem;border-bottom:2px solid var(--primary-yellow);padding-bottom:.5rem}.inventory-form__field{display:flex;flex-direction:column;gap:.5rem}.inventory-form__label{font-weight:600;color:var(--text-dark);font-size:.9rem}.inventory-form__label .required{color:var(--danger-red)}.inventory-form__input,.inventory-form__textarea{padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.9rem;font-family:inherit;transition:border-color .3s ease}.inventory-form__input:focus,.inventory-form__textarea:focus{outline:none;border-color:var(--primary-yellow)}.inventory-form__textarea{resize:vertical;min-height:80px}.inventory-form__hint{font-size:.8rem;color:var(--text-gray);font-style:italic}.inventory-form__actions{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-gray);flex-wrap:wrap}.inventory-form__add-another{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--text-dark);-webkit-user-select:none;-moz-user-select:none;user-select:none}.inventory-form__add-another:hover{color:var(--text-dark)}.inventory-form__add-another-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-yellow)}.inventory-form__action-buttons{display:flex;gap:1rem;justify-content:flex-end}.inventory-table{width:100%;overflow-x:auto;overflow-y:visible;position:relative}.inventory-table__empty{text-align:center;padding:3rem;color:var(--text-gray)}.inventory-table__table thead th:last-child{width:60px;min-width:60px}.inventory-table__table tbody tr.inventory-table__row--low-stock{background:rgba(255,69,0,.1)}.inventory-table__table tbody tr.inventory-table__row--low-stock:hover{background:rgba(255,69,0,.15)}.inventory-table__table tbody td:last-child{width:60px;min-width:60px;vertical-align:middle;overflow:visible}.inventory-table__table__edit-input{padding:.5rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.9rem;width:100%;max-width:150px}.inventory-table__table__edit-input:focus{outline:none;border-color:var(--primary-yellow)}.inventory-table__table__total-row{background:var(--bg-gray);font-weight:600}.inventory-table__table__total-row td{padding:1rem;border-top:2px solid var(--border-gray)}.inventory-table__table__total-amount,.inventory-table__table__total-label{text-align:right}.inventory-table__table__edit-actions{display:flex;gap:.25rem;flex-wrap:wrap}.inventory-table__table__edit-actions .btn{padding:.35rem .75rem;font-size:.75rem;white-space:nowrap}.inventory-table__table__actions{display:flex;gap:.25rem;flex-wrap:wrap}.inventory-table__quantity--low{color:#dc3545;font-weight:600}.inventory-table__status--low{color:#dc3545;background:rgba(220,53,69,.1)}.inventory-table__status--low,.inventory-table__status--ok{font-weight:600;padding:.25rem .75rem;border-radius:4px;display:inline-block}.inventory-table__status--ok{color:#22c55e;background:rgba(34,197,94,.1)}.inventory-table__menu{position:relative;display:inline-block}.inventory-table__menu-button{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-gray);transition:all .2s ease;position:relative;z-index:1}.inventory-table__menu-button:hover:not(:disabled){background:var(--bg-gray);color:var(--text-dark)}.inventory-table__menu-button:disabled{opacity:.5;cursor:not-allowed}.inventory-table__menu-button svg{width:18px;height:18px}.inventory-table__menu-dropdown{position:fixed;min-width:140px;background:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.5rem;z-index:1000;animation:fadeInDown .2s ease-out}.inventory-table__menu-item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;font-size:.875rem;color:var(--text-dark);border-radius:4px;transition:background .2s ease;display:block}.inventory-table__menu-item:hover:not(:disabled){background:var(--bg-gray)}.inventory-table__menu-item:disabled{opacity:.5;cursor:not-allowed}.inventory-table__menu-item--danger{color:#dc3545}.inventory-table__menu-item--danger:hover:not(:disabled){background:rgba(220,53,69,.1);color:#dc3545}.inventory-table__adjust-form{margin-top:.5rem;padding:.5rem;background:var(--bg-gray);border-radius:4px;display:flex;gap:.5rem;align-items:center}.inventory-table__adjust-input{padding:.5rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.9rem;width:120px}.inventory-table__adjust-input:focus{outline:none;border-color:var(--primary-yellow)}.inventory-table__adjust-actions{display:flex;gap:.25rem}.inventory-table__adjust-actions .btn{padding:.35rem .75rem;font-size:.75rem;white-space:nowrap}.inventory-modal__content{max-width:800px}@media(max-width:768px){.inventory-table__table{font-size:.8rem}.inventory-table__table tbody td,.inventory-table__table thead th{padding:.5rem}}.reports-page{min-height:100vh;padding:120px 0 60px;background:linear-gradient(135deg,var(--bg-gray) 0,var(--white) 100%)}.reports-page__header h1{font-weight:700}.reports-page__content{margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}@media(max-width:768px){.reports-page__content{grid-template-columns:1fr}}.report-card{background:var(--white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;transition:box-shadow .3s ease}.report-card:hover{box-shadow:0 4px 16px var(--shadow-hover)}.report-card--coming-soon{opacity:.6;position:relative;cursor:not-allowed}.report-card--coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.5);z-index:1;pointer-events:none}.report-card--coming-soon:hover{box-shadow:0 2px 8px var(--shadow);opacity:.7}.report-card--coming-soon .report-card__header{background:linear-gradient(135deg,var(--bg-gray) 0,var(--border-gray) 100%)}.report-card--coming-soon .report-card__icon{color:var(--text-gray)}.report-card__header{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--primary-yellow) 0,var(--yellow-light) 100%);border-bottom:2px solid var(--border-gray)}.report-card__icon{font-size:1.75rem;color:var(--text-dark);flex-shrink:0;margin-top:2px}.report-card__title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin:0 0 4px}.report-card__description{font-size:.875rem;color:var(--text-gray);margin:0;line-height:1.4}.report-card__body{padding:20px}.report-card__section{margin-bottom:20px}.report-card__section:last-child{margin-bottom:0}.report-card__label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:12px}.report-card__label-icon{font-size:1rem;color:var(--primary-yellow)}.report-card__date-range{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}@media(max-width:768px){.report-card__date-range{flex-direction:column}}.report-card__date-input{flex:1 1;min-width:200px}.report-card__date-input label{display:block;font-size:.85rem;font-weight:600;color:var(--text-dark);margin-bottom:6px}.report-card__quick-periods{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.report-card__quick-label{font-size:.85rem;font-weight:600;color:var(--text-gray)}.report-card__section-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin:0 0 12px}.report-card__features{list-style:none;padding:0;margin:0}.report-card__features li{padding:10px 0 10px 25px;position:relative;font-size:.95rem;color:var(--text-gray);line-height:1.6}.report-card__features li:before{content:"✓";position:absolute;left:0;color:var(--primary-yellow);font-weight:700;font-size:1.1rem}.report-card__features li:not(:last-child){border-bottom:1px solid var(--border-light)}.report-card__info{font-size:1rem;color:var(--text-gray);line-height:1.6;margin:0}.report-card__info strong{color:var(--text-dark);font-weight:600}.date-picker-wrapper{width:100%}.date-picker-input{width:100%;padding:10px 14px;border:2px solid var(--border-gray);border-radius:8px;font-size:.9rem;background:var(--white);color:var(--text-dark);transition:all .3s ease;cursor:pointer}.date-picker-input:focus,.date-picker-input:hover{border-color:var(--primary-yellow)}.date-picker-input:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.1)}.date-picker-input::placeholder{color:var(--text-light)}.react-datepicker-wrapper,.react-datepicker-wrapper .react-datepicker__input-container{width:100%}.react-datepicker{font-family:inherit;border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 4px 12px var(--shadow)}.react-datepicker__header{background:linear-gradient(135deg,var(--primary-yellow) 0,var(--yellow-light) 100%);border-bottom:2px solid var(--border-gray);border-radius:8px 8px 0 0;padding-top:15px}.react-datepicker__current-month,.react-datepicker__day-name{color:var(--text-dark);font-weight:600}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--primary-yellow);color:var(--text-dark);font-weight:600;border-radius:6px}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__day--selected:hover{background:var(--yellow-dark)}.react-datepicker__day--today{font-weight:600;border:2px solid var(--primary-yellow);border-radius:6px}.react-datepicker__day:hover{background:var(--bg-gray);border-radius:6px}.react-datepicker__navigation{top:15px}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{border:none}.react-datepicker__navigation--next:before,.react-datepicker__navigation--previous:before{border-color:var(--text-dark)}.react-datepicker__navigation--next:hover:before,.react-datepicker__navigation--previous:hover:before{border-color:var(--primary-yellow)}@media(max-width:768px){.reports-page{padding:100px 15px 40px}.reports-page__header h1{font-size:2rem}.report-card__header{padding:14px 16px;flex-direction:column;gap:10px}.report-card__icon{font-size:1.5rem}.report-card__title{font-size:1.1rem}.report-card__body{padding:16px}.report-card__date-range{flex-direction:column}.report-card__date-input{min-width:100%}.report-card__quick-periods{flex-direction:column;align-items:stretch}}.login-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-yellow) 0,#ffd54f 100%);padding:2rem;overflow:hidden}.login-tools{position:absolute;width:100%;height:100%;z-index:0;pointer-events:none;top:0;left:0}.tool-icon-svg{position:absolute;width:48px;height:48px;opacity:.15;color:var(--black);left:var(--x);top:var(--y);animation:floatSvg 20s ease-in-out infinite;animation-delay:var(--delay);transform:translate(-50%,-50%)}.tool-icon-svg svg{width:100%;height:100%;stroke:currentColor}.login-container{position:relative;width:100%;max-width:450px;z-index:1}.onboarding-page .login-container{max-width:550px}.login-card{background:var(--white);border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:3rem 2.5rem;animation:fadeInUp .5s ease-out}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.login-subtitle{font-size:1rem;color:var(--gray-medium);margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{background:#fee;color:#c33;padding:1rem;border-radius:8px;border:1px solid #fcc;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;font-weight:600}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--border-gray);border-radius:8px;background:var(--white);color:var(--text-dark);transition:all .3s}.form-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,235,59,.1)}.form-input:disabled{background:var(--bg-gray);cursor:not-allowed;opacity:.7}.form-input::placeholder{color:var(--gray-medium)}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem}.login-button{width:100%;margin-top:.5rem;font-size:1.1rem;padding:1rem 2rem;min-height:3.5rem;white-space:nowrap}.login-footer{margin-top:1.5rem;text-align:center;font-size:.95rem;color:var(--text-gray)}.login-footer p{margin:0}.login-link{color:var(--primary-yellow);text-decoration:none;font-weight:600;transition:color .3s}.login-link:hover{color:#ffd54f;text-decoration:underline}.onboarding-step{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.onboarding-actions{display:flex;gap:1rem;margin-top:1rem;align-items:center}.onboarding-actions .btn{flex:1 1;min-width:120px}@media(max-width:768px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.75rem}}.steps-container{margin-bottom:2rem}.steps-list{display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding:0 1rem}.step-item{flex-direction:column;flex:1 1}.step-content,.step-item{display:flex;align-items:center;position:relative}.step-content{flex-direction:column;gap:.5rem;z-index:2}.step-circle{width:48px;height:48px;border-radius:50%;background:var(--white);border:3px solid var(--border-gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--gray-medium);transition:all .3s ease;flex-shrink:0}.step-circle svg{width:20px;height:20px;color:var(--white)}.step-circle.active{color:var(--black);box-shadow:0 0 0 4px rgba(255,235,59,.2)}.step-circle.active,.step-circle.completed{background:var(--primary-yellow);border-color:var(--primary-yellow)}.step-info{text-align:center;min-width:100px}.step-title{font-size:.875rem;font-weight:600;color:var(--gray-medium);transition:color .3s ease}.step-title.active{color:var(--text-dark)}.step-description{font-size:.75rem;color:var(--gray-medium);margin-top:.25rem}.step-connector{position:absolute;top:24px;left:50%;right:-50%;height:3px;background:var(--border-gray);z-index:1;transition:background .3s ease;margin-left:24px;margin-right:24px}.step-connector.completed{background:var(--primary-yellow)}@media(max-width:768px){.steps-list{padding:0 .5rem}.step-circle{width:40px;height:40px;font-size:1rem}.step-circle svg{width:18px;height:18px}.step-info{min-width:80px}.step-title{font-size:.75rem}.step-description{font-size:.7rem}.step-connector{top:20px;margin-left:20px;margin-right:20px}}.confirmation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal__content{background:var(--white);border-radius:16px;width:100%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease;overflow:hidden;position:relative}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal__header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:2px solid var(--border-gray)}.confirmation-modal__title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:0}.confirmation-modal__close{background:transparent;border:none;font-size:1.5rem;color:var(--text-gray);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s ease,color .2s ease;line-height:1;padding:0;flex-shrink:0}.confirmation-modal__close:hover{background:var(--bg-gray);color:var(--text-dark)}.confirmation-modal__close:active{transform:scale(.9)}.confirmation-modal__close--headerless{position:absolute;top:16px;right:16px;z-index:10}.confirmation-modal__body{padding:32px}.confirmation-modal__message{font-size:1rem;color:var(--text-dark);margin:0;line-height:1.6}.confirmation-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:2px solid var(--border-gray);background:var(--bg-gray)}.confirmation-modal__button{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;border:none;min-width:100px}.confirmation-modal__button:active{transform:scale(.98)}.confirmation-modal__button--cancel{background:var(--white);color:var(--text-dark);border:2px solid var(--border-gray)}.confirmation-modal__button--cancel:hover{background:var(--bg-gray);border-color:var(--text-gray)}.confirmation-modal__button--confirm{color:var(--white);border:2px solid transparent}.confirmation-modal__button--confirm--danger{background:#ef4444;border-color:#ef4444}.confirmation-modal__button--confirm--danger:hover{background:#dc2626;border-color:#dc2626}.confirmation-modal__button--confirm--warning{background:#f59e0b;border-color:#f59e0b}.confirmation-modal__button--confirm--warning:hover{background:#d97706;border-color:#d97706}.confirmation-modal__button--confirm--info{background:var(--primary-color);border-color:var(--primary-color)}.confirmation-modal__button--confirm--info:hover{background:var(--primary-color-dark);border-color:var(--primary-color-dark)}@media(max-width:768px){.confirmation-modal{padding:10px}.confirmation-modal__content{max-width:100%}.confirmation-modal__header{padding:20px}.confirmation-modal__title{font-size:1.25rem}.confirmation-modal__body{padding:24px 20px}.confirmation-modal__close--headerless{top:12px;right:12px}.confirmation-modal__footer{padding:20px;flex-direction:column-reverse}.confirmation-modal__footer .confirmation-modal__button{width:100%}}.clients-page__empty,.empty-state,.inventory-page__empty,.inventory-page__error,.inventory-page__loading,.ticket-list__empty,.warranties-page__empty,.warranty-claims-page__empty{text-align:center;padding:2.5rem;color:var(--text-gray)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.clients-page__loading,.dashboard-page__error,.dashboard-page__loading,.loading-state,.ticket-list__loading{padding:2.5rem;text-align:center}.card{background:var(--white);padding:2.5rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.card-container{max-width:500px;margin:6.25rem auto}.card-title{margin-bottom:1.875rem;text-align:center}.image-responsive{height:auto;max-width:100%;width:100%}.image-cover{object-fit:cover}.form-field{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:var(--text-dark)}.form-input,.form-select{width:100%;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.form-input:disabled,.form-select:disabled{background:var(--bg-gray);cursor:not-allowed;opacity:.7}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-gray)}.form-error{padding:.75rem;background:#fee;color:#c33;border-radius:4px;margin-bottom:1.25rem}.form-actions{display:flex;gap:.625rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.form-actions--centered{justify-content:center}.form-input--full-width{width:100%}.modal-content--small{max-width:450px}.modal-content--medium{max-width:500px;width:90%}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.badge--role{padding:.35rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge--role-admin{background:#e2e3e5;color:#383d41}.badge--role-manager{background:#d1ecf1;color:#0c5460}.badge--role-technician{background:#d4edda;color:#155724}.badge--role-viewer{background:#fff3cd;color:#856404}.badge--status{padding:.35rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge--status-active{background:#d4edda;color:#155724}.badge--status-inactive{background:#f8d7da;color:#721c24}.badge--status-pending{background:#fff3cd;color:#856404}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:fixed;min-width:140px;background:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:.5rem;z-index:1000;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:.75rem 1rem;text-align:left;background:transparent;border:none;cursor:pointer;font-size:.875rem;color:var(--text-dark);border-radius:4px;transition:background .2s ease;display:block}.dropdown-item:hover:not(:disabled){background:var(--bg-gray)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item--danger{color:#dc3545}.dropdown-item--danger:hover:not(:disabled){background:rgba(220,53,69,.1);color:#dc3545}.inventory-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--white);border:1px solid var(--border-gray);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;max-height:300px;overflow-y:auto;margin-top:.25rem}.inventory-dropdown-wrapper{position:relative;margin-bottom:.75rem}.inventory-dropdown-item{padding:.625rem .9375rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.inventory-dropdown-item:hover{background-color:var(--bg-gray)}.inventory-dropdown-item:last-child{border-bottom:none}.inventory-dropdown-item-name{font-weight:500;margin-bottom:.25rem}.inventory-dropdown-item-name-sku{color:var(--text-gray);margin-left:.5rem}.inventory-dropdown-item-details{font-size:.75rem;color:var(--text-gray)}.inventory-dropdown-empty{position:absolute;top:100%;left:0;right:0;background-color:var(--white);border:1px solid var(--border-gray);border-radius:4px;padding:.625rem .9375rem;margin-top:.25rem;font-size:.875rem;color:var(--text-gray)}.searchable-select{position:relative;width:100%}.searchable-select__button{width:100%;border:none;background:none;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;line-height:normal;padding:.75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:1rem;font-family:inherit;background:var(--bg-white);color:var(--text-dark);transition:all .2s ease}.searchable-select__button.settings-page__input{padding:.4rem .875rem;line-height:1.5;min-height:0;align-items:center}.searchable-select__button.form-input{line-height:1.5;min-height:0;align-items:center}.searchable-select__button:hover:not(:disabled){border-color:var(--primary-yellow)}.searchable-select__button:focus{outline:none}.searchable-select__button:disabled{cursor:not-allowed}.searchable-select__button-text{flex:1 1;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;line-height:1.5;margin:0;padding:0;height:1.5em;overflow:hidden}.searchable-select__chevron{flex-shrink:0;transition:transform .2s ease;color:var(--text-gray);width:16px;height:16px;display:block;margin-left:auto;margin-top:0;margin-bottom:0;align-self:center;max-height:1.5em}.searchable-select__chevron.open{transform:rotate(180deg)}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-white);border:1px solid var(--border-gray);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;max-height:300px;display:flex;flex-direction:column;margin-top:4px;overflow:hidden}.searchable-select__dropdown::-webkit-scrollbar{width:8px}.searchable-select__dropdown::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:4px}.searchable-select__dropdown::-webkit-scrollbar-thumb{background:var(--border-gray);border-radius:4px}.searchable-select__dropdown::-webkit-scrollbar-thumb:hover{background:var(--primary-yellow)}.searchable-select__search{padding:.5rem;border-bottom:1px solid var(--border-gray);background:var(--bg-white)}.searchable-select__search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.875rem;font-family:inherit;background:var(--bg-white);color:var(--text-dark)}.searchable-select__search-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 2px rgba(255,215,0,.1)}.searchable-select__search-input::placeholder{color:var(--text-gray)}.searchable-select__options{overflow-y:auto;max-height:250px}.searchable-select__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.searchable-select__option:last-child{border-bottom:none}.searchable-select__option:hover{background:var(--bg-gray)}.searchable-select__option.selected{background:rgba(255,215,0,.1);font-weight:500}.searchable-select__option-label{flex:1 1;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--text-dark)}.searchable-select__check{flex-shrink:0;color:var(--primary-yellow);width:16px;height:16px}.searchable-select__no-results{padding:.75rem 1rem;text-align:center;color:var(--text-gray);font-size:.875rem}.users-table-wrapper{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:8px;overflow:hidden}.users-table thead tr{background:#f8f9fa;border-bottom:2px solid #dee2e6}.users-table thead th{padding:.75rem;text-align:left;font-weight:600}.users-table thead th:last-child{text-align:right}.users-table tbody tr{border-bottom:1px solid #dee2e6}.users-table tbody td{padding:.75rem;color:var(--text-gray)}.users-table tbody td:last-child{text-align:right}.user-actions{position:relative;display:inline-block}.user-modal-content{max-width:450px}.user-modal-header{padding:1rem 1.25rem}.user-modal-title{font-size:1.25rem}.user-modal-body{padding:1.25rem}.user-info-section{margin-bottom:1rem}.user-info-name{margin-bottom:.25rem;font-weight:500;font-size:.875rem}.user-info-email{margin-bottom:0;color:var(--text-gray);font-size:.8125rem}.user-role-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-gray);border-radius:4px;font-size:.875rem}.user-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}.pagination{gap:.5rem;margin-top:2rem;padding:1.5rem 0}.pagination,.pagination__arrow{display:flex;justify-content:center;align-items:center}.pagination__arrow{width:36px;height:36px;padding:0;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);cursor:pointer;transition:all .3s ease}.pagination__arrow:hover:not(:disabled){background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark)}.pagination__arrow:active:not(:disabled){transform:scale(.95)}.pagination__arrow:disabled{opacity:.4;cursor:not-allowed}.pagination__arrow svg{width:16px;height:16px}.pagination__numbers{display:flex;align-items:center;gap:.25rem}.pagination__number{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--border-gray);border-radius:4px;background:var(--bg-white);color:var(--text-dark);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination__number:hover:not(:disabled){background:var(--bg-gray);border-color:var(--border-gray)}.pagination__number.active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:var(--text-dark);font-weight:600}.pagination__number:focus{outline:none;box-shadow:0 0 0 3px rgba(255,215,0,.2)}.pagination__number:disabled{opacity:.4;cursor:not-allowed}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-gray);font-size:.95rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width:968px){.hero{flex-direction:column;text-align:center;padding:100px 20px 60px}.title-main{font-size:2.2rem}.title-accent{font-size:1.4rem}.hero-stats{flex-direction:column;gap:1.5rem;padding:1.5rem}.stat-divider{width:80%;height:1px;margin:.5rem 0}.stat-number,.tool-icon{font-size:2rem}.welcome-content-wrapper{grid-template-columns:1fr;gap:2rem}.welcome-content{text-align:center}.welcome-image-wrapper{order:-1}.contact-info-grid,.device-grid,.features-grid,.footer-content,.form-row,.quick-services-grid,.steps-grid{grid-template-columns:1fr}.footer-content,.nav-menu{text-align:center}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:rgba(30,30,30,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;transition:.3s;padding:2rem 0;border-top:3px solid var(--primary-yellow);box-shadow:0 4px 10px rgba(0,0,0,.3)}.nav-menu.active{left:0}.hamburger{display:flex;order:1}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}@media(max-width:600px){.title-main{font-size:2rem}.title-accent{font-size:1.4rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.about-stats,.services-grid{grid-template-columns:1fr}.btn{padding:.8rem 2rem;font-size:1rem}}.landing-page{min-height:100vh;background:var(--bg-white);color:var(--text-dark)}.landing-nav{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);z-index:1000;padding:1rem 0}.landing-nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-dark);text-decoration:none}.landing-logo svg{color:var(--primary-yellow)}.landing-nav-links{display:flex;align-items:center;gap:1.5rem}.landing-nav-link{color:var(--text-gray);text-decoration:none;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:var(--text-dark)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s;border:none;cursor:pointer;font-size:1rem}.landing-btn.landing-btn-primary{background:var(--primary-yellow);color:var(--text-dark)}.landing-btn.landing-btn-primary:hover{background:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.3)}.landing-btn.landing-btn-secondary{background:transparent;color:var(--text-dark);border:2px solid var(--border-gray)}.landing-btn.landing-btn-secondary:hover{border-color:var(--text-dark);background:var(--bg-gray)}.landing-btn.landing-btn-large{padding:1rem 2rem;font-size:1.125rem}.landing-hero{padding:8rem 2rem 4rem;background:linear-gradient(135deg,#f5f5f5,#fff)}.landing-container{max-width:1200px;margin:0 auto}.landing-hero-content{text-align:center;max-width:800px;margin:0 auto 4rem}.landing-hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-dark);background:linear-gradient(135deg,var(--text-dark) 0,var(--gray-medium) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero-subtitle{font-size:1.25rem;color:var(--text-gray);line-height:1.6;margin-bottom:2.5rem}.landing-hero-cta{gap:1rem;margin-bottom:3rem}.landing-hero-cta,.landing-hero-stats{display:flex;justify-content:center;flex-wrap:wrap}.landing-hero-stats{gap:3rem}.landing-stat{text-align:center}.landing-stat-number{font-size:2rem;font-weight:700;color:var(--primary-yellow);margin-bottom:.5rem}.landing-stat-label{font-size:.875rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.landing-hero-image{margin-top:4rem;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15);background:#fff;padding:1rem}.landing-hero-image .landing-screenshot{width:100%;height:auto;border-radius:8px;display:block}.landing-section-header{text-align:center;margin-bottom:4rem}.landing-section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.landing-section-subtitle{font-size:1.125rem;color:var(--text-gray);max-width:600px;margin:0 auto}.landing-features{padding:6rem 2rem;background:var(--bg-white)}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.landing-feature-card{padding:2rem;border-radius:12px;background:var(--bg-white);border:1px solid var(--border-light);transition:all .3s}.landing-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-color:var(--primary-yellow)}.landing-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-yellow) 0,var(--yellow-dark) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--text-dark)}.landing-feature-icon svg{width:24px;height:24px}.landing-feature-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-dark)}.landing-feature-description{color:var(--text-gray);line-height:1.6}.landing-screenshots{padding:6rem 2rem;background:var(--bg-gray)}.landing-screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.landing-screenshot-card{background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s;display:flex;flex-direction:column}.landing-screenshot-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.landing-screenshot-img-wrapper{flex:1 1;overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-gray)}.landing-screenshot-img{width:100%;height:200px;object-fit:fill;display:block;transition:transform .3s}.landing-screenshot-img-wrapper:hover .landing-screenshot-img{transform:scale(1.05)}.landing-screenshot-caption{padding:1.5rem;margin-top:auto;flex-shrink:0}.landing-screenshot-caption h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-dark)}.landing-screenshot-caption p{color:var(--text-gray);line-height:1.6}.landing-usecases{padding:6rem 2rem;background:var(--bg-white)}.landing-usecases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}.landing-usecase-item{text-align:center;padding:2rem;border-radius:12px;background:var(--bg-gray);transition:all .3s}.landing-usecase-item:hover{transform:translateY(-4px);background:linear-gradient(135deg,var(--primary-yellow) 0,var(--yellow-light) 100%)}.landing-usecase-icon{font-size:3rem;margin-bottom:1rem}.landing-usecase-item h3{font-size:1.125rem;font-weight:600;color:var(--text-dark)}.landing-cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary-yellow) 0,var(--yellow-dark) 100%);text-align:center}.landing-cta-content{max-width:800px;margin:0 auto}.landing-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.landing-cta-subtitle{font-size:1.25rem;color:var(--text-dark);margin-bottom:2.5rem;opacity:.9}.landing-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-cta .landing-btn-secondary{background:var(--white);color:var(--text-dark);border:2px solid var(--white)}.landing-cta .landing-btn-secondary:hover{background:hsla(0,0%,100%,.9);border-color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px hsla(0,0%,100%,.3)}.landing-footer{padding:4rem 2rem 2rem;background:var(--bg-dark);color:var(--gray-lighter)}.landing-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:3rem;gap:3rem;max-width:1200px;margin:0 auto 3rem}.landing-footer-section .landing-logo{color:var(--white);margin-bottom:1rem}.landing-footer-description{color:var(--gray-light);line-height:1.6;font-size:.875rem}.landing-footer-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--white)}.landing-footer-links{list-style:none;padding:0;margin:0}.landing-footer-links li{margin-bottom:.75rem}.landing-footer-links li a{color:var(--gray-light);text-decoration:none;transition:color .2s}.landing-footer-links li a:hover{color:var(--primary-yellow)}.landing-footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--gray);text-align:center;color:var(--gray-light);font-size:.875rem}.landing-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:10000;padding:2rem}.landing-image-modal,.landing-image-modal-close{display:flex;align-items:center;justify-content:center;cursor:pointer}.landing-image-modal-close{position:absolute;top:2rem;right:2rem;background:hsla(0,0%,100%,.2);border:none;color:var(--white);font-size:2.5rem;width:48px;height:48px;border-radius:50%;transition:all .2s;z-index:10001;line-height:1}.landing-image-modal-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.landing-image-modal-content{max-width:90vw;max-height:90vh;position:relative;cursor:default}.landing-image-modal-img{width:100%;height:auto;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}@media(max-width:768px){.landing-hero-title{font-size:2.5rem}.landing-hero-subtitle{font-size:1.125rem}.landing-hero-cta{flex-direction:column;align-items:stretch}.landing-hero-cta .landing-btn{width:100%}.landing-hero-stats{gap:2rem}.landing-section-title{font-size:2rem}.landing-features-grid,.landing-screenshots-grid{grid-template-columns:1fr}.landing-nav-links{gap:1rem}.landing-cta-title{font-size:2rem}.landing-cta-buttons{flex-direction:column;align-items:stretch}.landing-cta-buttons .landing-btn{width:100%}}