*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.5;color:#111827;background-color:#f9fafb}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative}.app-header__links{display:flex;gap:1.5rem;align-items:center}.app-header__title{font-size:1.25rem;font-weight:600;color:#111827}.app-header__title:hover{color:#2563eb}.app-header__menu-trigger{display:none;padding:.5rem;background:none;border:none;cursor:pointer;z-index:10;border-radius:.25rem}.app-header__menu-trigger:hover{background:#f3f4f6}@media (max-width: 768px){.app-header__menu-trigger{display:flex;flex-direction:column;justify-content:center;gap:5px}}.app-header__menu-icon{position:relative;display:block;width:1.5rem;height:2px;background:#374151;border-radius:1px;transition:background .2s ease}.app-header__menu-icon:before,.app-header__menu-icon:after{content:"";position:absolute;left:0;width:1.5rem;height:2px;background:#374151;border-radius:1px;transition:transform .2s ease}.app-header__menu-icon:before{top:-7px}.app-header__menu-icon:after{top:7px}.app-header__menu-trigger[aria-expanded=true] .app-header__menu-icon{background:transparent}.app-header__menu-trigger[aria-expanded=true] .app-header__menu-icon:before{top:0;transform:rotate(45deg)}.app-header__menu-trigger[aria-expanded=true] .app-header__menu-icon:after{top:0;transform:rotate(-45deg)}.app-header__nav{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.app-header__nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;gap:.5rem;box-shadow:0 4px 12px #0000001a;z-index:9;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .2s ease,opacity .2s ease,visibility .2s ease}.app-header__nav--open{transform:translateY(0);opacity:1;visibility:visible}.app-header__nav .btn,.app-header__nav .app-header__user{justify-content:flex-start}}.app-header__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:8}@media (max-width: 768px){.app-header__backdrop{display:block}}.app-header__user{color:#4b5563;font-size:.875rem}@media (max-width: 768px){.app-header__user{padding:.5rem 0}}.app-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;border:none;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#2563eb;color:#fff}.btn--primary:hover:not(:disabled){background:#1d4ed8}.btn--secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background:#f9fafb}.btn--danger{background:#dc2626;color:#fff}.btn--danger:hover:not(:disabled){background:#b91c1c}.btn--success{background:#16a34a;color:#fff}.btn--success:hover:not(:disabled){background:#107636}.btn--link{background:transparent;color:#2563eb;padding:0}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--sm{padding:.25rem .5rem;font-size:.75rem}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-group__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-group__error{font-size:.75rem;color:#dc2626;margin-top:.25rem}.form-input,.form-select,.form-textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f3f4f6;cursor:not-allowed}.form-input--error{border-color:#dc2626}.form-textarea{min-height:100px;resize:vertical}.form-select{cursor:pointer}@media (max-width: 768px){input,select,textarea,button,.form-input,.form-textarea,.form-select{font-size:1rem}}.password-input{position:relative;display:block}.password-input__field{padding-right:2.75rem}.password-input__toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);padding:.25rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.password-input__toggle:hover:not(:disabled){color:#374151}.password-input__toggle:disabled{cursor:not-allowed;opacity:.6}.password-input__icon{width:1.25rem;height:1.25rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card__title{font-size:1.125rem;font-weight:600;color:#111827}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.table th{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.table td{font-size:.875rem;color:#374151}.table tr:hover td{background:#f9fafb}.status-badge{display:inline-flex;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.status-badge--draft{background:#f3f4f6;color:#4b5563}.status-badge--pending{background:#fce2b6;color:#945f06}.status-badge--approved{background:#abf4c6;color:#107636}.status-badge--rejected{background:#f5c0c0;color:#b21d1d}.status-badge--paid,.status-badge--completed{background:#e0e9fc;color:#134cca}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal__title{font-size:1.125rem;font-weight:600}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#9ca3af}.modal__close:hover{color:#4b5563}.modal__footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.order-list{display:flex;flex-direction:column;gap:1rem}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .15s ease;cursor:pointer}.order-card:hover{box-shadow:0 2px 8px #00000014}.order-card__info{display:flex;flex-direction:column;gap:.25rem}.order-card__number{font-weight:600;color:#111827;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.order-card__po-group{font-size:.75rem;font-weight:500;color:#2563eb;background:#e9effd;padding:.125rem .5rem;border-radius:.25rem}.order-card__description{font-size:.875rem;color:#4b5563}.order-card__meta{font-size:.75rem;color:#6b7280}.order-card__total{font-size:.875rem;font-weight:600;color:#1f2937;margin-top:.25rem}.line-items-section{margin-bottom:1.5rem}.line-items-section__title{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.line-items-section__table{display:table}@media (max-width: 768px){.line-items-section__table{display:none}}.line-items-section__cards{display:none}@media (max-width: 768px){.line-items-section__cards{display:flex;flex-direction:column;gap:.75rem}}.line-items-section__total{display:flex;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:.375rem;font-weight:600;font-size:1rem;color:#111827;border:1px solid #e5e7eb}.line-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.875rem 1rem}.line-item-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.line-item-card__number{font-size:.75rem;font-weight:600;color:#6b7280;background:#f3f4f6;padding:.125rem .5rem;border-radius:.25rem}.line-item-card__total{font-weight:600;color:#111827}.line-item-card__description{font-size:.875rem;color:#1f2937;margin-bottom:.5rem}.line-item-card__details{display:flex;gap:1rem;font-size:.75rem;color:#6b7280}.admin-layout{display:flex;min-height:100vh;position:relative}.admin-layout__menu-trigger{display:none;position:fixed;top:.75rem;left:.75rem;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;z-index:110}@media (max-width: 768px){.admin-layout__menu-trigger{display:inline-flex;align-items:center;justify-content:center}}.admin-layout__menu-icon{position:relative;display:block;width:1.5rem;height:2px;background:#374151;border-radius:1px;transition:background .2s ease}.admin-layout__menu-icon:before,.admin-layout__menu-icon:after{content:"";position:absolute;left:0;width:1.5rem;height:2px;background:#374151;border-radius:1px;transition:transform .2s ease}.admin-layout__menu-icon:before{top:-7px}.admin-layout__menu-icon:after{top:7px}.admin-layout__menu-trigger[aria-expanded=true] .admin-layout__menu-icon{background:transparent}.admin-layout__menu-trigger[aria-expanded=true] .admin-layout__menu-icon:before{top:0;transform:rotate(45deg)}.admin-layout__menu-trigger[aria-expanded=true] .admin-layout__menu-icon:after{top:0;transform:rotate(-45deg)}.admin-layout__sidebar-backdrop{display:none}@media (max-width: 768px){.admin-layout__sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;border:none;padding:0;cursor:pointer;z-index:105}}.admin-layout__sidebar{width:240px;background:#fff;border-right:1px solid #e5e7eb;padding:1rem 0}@media (max-width: 768px){.admin-layout__sidebar{position:fixed;top:0;left:0;bottom:0;z-index:120;transform:translate(-100%);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 #0000}}@media (max-width: 768px){.admin-layout__sidebar--open{transform:translate(0);box-shadow:4px 0 12px #00000026}}.admin-layout__content{flex:1;padding:1.5rem;background:#f9fafb}@media (max-width: 768px){.admin-layout__content{padding:3.5rem 1rem 1.5rem}}.admin-nav__item{display:block;padding:.75rem 1.5rem;color:#4b5563;text-decoration:none;font-size:.875rem;transition:all .15s ease}.admin-nav__item:hover{background:#f9fafb;color:#111827}.admin-nav__item--active{background:#f7f9fe;color:#2563eb;font-weight:500}.empty-state{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-state__title{font-size:1rem;font-weight:500;margin-bottom:.5rem}.empty-state__description{font-size:.875rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:1rem}.login-page__container{background:#fff;border-radius:.5rem;padding:2rem;width:100%;max-width:400px;box-shadow:0 4px 12px #0000001a}.login-page__title{font-size:1.5rem;font-weight:700;text-align:center;color:#111827}.login-page__subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem}.login-page__form{display:flex;flex-direction:column}.login-page__error{background:#f8d6d6;color:#dc2626;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.login-page__submit{width:100%;margin-top:.5rem}.home-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.home-page__header h1{font-size:1.5rem;font-weight:600}.home-page__sections{display:flex;flex-direction:column;gap:2rem}.order-section__title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.all-orders-page__filters{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.all-orders-page__filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.all-orders-page__filter-row .form-group{margin-bottom:0;min-width:180px}@media (max-width: 768px){.all-orders-page__filter-row .form-group{min-width:100%}}.all-orders-page__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.875rem;color:#6b7280;text-align:right}.all-orders-page__table{display:table}@media (max-width: 768px){.all-orders-page__table{display:none}}.all-orders-page__cards{display:none}@media (max-width: 768px){.all-orders-page__cards{display:flex;flex-direction:column;gap:1rem}}.create-order-page{max-width:800px}.line-item-inputs{display:flex;flex-direction:column;gap:.75rem}.line-item-input{display:flex;gap:.5rem;align-items:flex-start}@media (max-width: 640px){.line-item-input{flex-direction:column;padding:.75rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}}.line-item-input__number{width:24px;padding-top:.5rem;color:#9ca3af;flex-shrink:0}@media (max-width: 640px){.line-item-input__number{display:none}}.line-item-input__description{flex:2;min-width:0}@media (max-width: 640px){.line-item-input__description{width:100%}}.line-item-input__quantity{width:100px;flex-shrink:0}@media (max-width: 640px){.line-item-input__quantity{width:100%}}.line-item-input__unit-cost{width:120px;flex-shrink:0}@media (max-width: 640px){.line-item-input__unit-cost{width:100%}}.line-item-input__total{width:100px;padding-top:.5rem;text-align:right;color:#6b7280;flex-shrink:0}@media (max-width: 640px){.line-item-input__total{width:auto;padding-top:0;font-weight:500}}.line-item-input__remove{flex-shrink:0}@media (max-width: 640px){.line-item-input__remove{position:absolute;top:.5rem;right:.5rem}}.line-item-input__mobile-header{display:none}@media (max-width: 640px){.line-item-input__mobile-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.25rem}}.line-item-input__mobile-number{font-size:.75rem;font-weight:600;color:#6b7280;background:#e5e7eb;padding:.125rem .5rem;border-radius:.25rem}.line-item-input__mobile-row{display:none}@media (max-width: 640px){.line-item-input__mobile-row{display:flex;gap:.5rem;width:100%;align-items:center}}.line-item-input__mobile-field{flex:1;min-width:0}.line-item-input__mobile-field label{display:block;font-size:.625rem;text-transform:uppercase;color:#6b7280;margin-bottom:.125rem}@media (max-width: 640px){.line-item-input__desktop-only{display:none}}.order-detail-page,.create-order-page{max-width:800px;margin:0 auto}.create-order-page__actions{display:flex;gap:.75rem;margin-top:1.5rem}@media (max-width: 600px){.create-order-page__actions{flex-direction:column}}.combo-box{position:relative}.combo-box__dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:300px;overflow-y:auto}.combo-box__option{padding:.5rem .75rem;cursor:pointer;font-size:.875rem}.combo-box__option:hover,.combo-box__option--highlighted{background:#f3f4f6}.combo-box__option--create{color:#2563eb;font-weight:500}.combo-box__loading{padding:.5rem .75rem;color:#6b7280;font-size:.875rem}.repair-item-inputs{display:flex;flex-direction:column;gap:.5rem}.repair-item-input{display:flex;gap:.5rem;align-items:center}.repair-item-input__number{width:24px;color:#9ca3af;flex-shrink:0;font-weight:500}.repair-item-input .form-input,.repair-item-input .form-textarea,.repair-item-input .form-select{flex:1}.table-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}@media (max-width: 768px){.table-controls{flex-direction:column;align-items:stretch}}.search-input{position:relative;flex:1;min-width:200px;max-width:320px}@media (max-width: 768px){.search-input{max-width:100%}}.search-input__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;pointer-events:none}.search-input__field{width:100%;padding:.5rem 2rem .5rem 2.25rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;transition:border-color .15s ease}.search-input__field:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-input__field::placeholder{color:#9ca3af}.search-input__clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.25rem;background:none;border:none;color:#9ca3af;font-size:1.25rem;line-height:1;cursor:pointer;border-radius:.25rem}.search-input__clear:hover{color:#4b5563;background:#f3f4f6}.filter-dropdown{display:flex;flex-direction:column;gap:.25rem;min-width:140px}@media (max-width: 768px){.filter-dropdown{min-width:100%}}.filter-dropdown__label{font-size:.75rem;font-weight:500;color:#4b5563}.filter-dropdown__select{padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer;transition:border-color .15s ease}.filter-dropdown__select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.table__header--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.table__header--sortable:hover{background:#f3f4f6}.table__header-content{display:inline-flex;align-items:center;gap:.25rem}.sort-indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem}.sort-indicator svg{width:.875rem;height:.875rem;color:#374151}.sort-indicator--inactive svg{color:#9ca3af}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 480px){.pagination{flex-direction:column;gap:.75rem}}.pagination__info{font-size:.875rem;color:#6b7280}.pagination__controls{display:flex;gap:.5rem}.media-uploader__input-row{display:flex;gap:.75rem;align-items:center}.media-uploader__browse-btn{cursor:pointer}.media-uploader__file-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.media-uploader__file{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;position:relative}.media-uploader__file-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.media-uploader__thumbnail{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:.25rem;flex-shrink:0}.media-uploader__file-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:.25rem;flex-shrink:0;font-size:1.25rem}.media-uploader__file-name{font-size:.875rem;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-uploader__error{font-size:.75rem;color:#dc2626;flex-shrink:0}.media-uploader__success{font-size:.75rem;color:#16a34a;flex-shrink:0}.media-uploader__progress-bar{flex:1;height:.375rem;background:#e5e7eb;border-radius:.25rem;overflow:hidden}.media-uploader__progress-fill{height:100%;background:#2563eb;border-radius:.25rem;transition:width .2s ease}.media-uploader__remove-btn{background:none;border:none;font-size:1.25rem;color:#9ca3af;cursor:pointer;padding:0 .25rem;line-height:1;flex-shrink:0}.media-uploader__remove-btn:hover{color:#dc2626}.media-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media (max-width: 768px){.media-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.media-gallery{grid-template-columns:1fr}}.media-gallery__item{position:relative;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#f9fafb}.media-gallery__thumbnail-wrapper{cursor:pointer;aspect-ratio:4/3;overflow:hidden;background:#f3f4f6}.media-gallery__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.media-gallery__video-thumb{position:relative;width:100%;height:100%}.media-gallery__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;pointer-events:none}.media-gallery__meta{padding:.5rem .625rem;display:flex;flex-direction:column;gap:.125rem}.media-gallery__uploader{font-size:.75rem;font-weight:500;color:#374151}.media-gallery__date{font-size:.6875rem;color:#9ca3af}.media-gallery__delete-btn{position:absolute;top:.375rem;right:.375rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#0000008c;color:#fff;border:none;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.media-gallery__item:hover .media-gallery__delete-btn{opacity:1}.media-gallery__delete-btn:hover{background:#dc2626}.media-gallery__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.media-gallery__lightbox-content{position:relative;max-width:90vw;max-height:90vh}.media-gallery__lightbox-close{position:absolute;top:-2rem;right:-.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;z-index:1}.media-gallery__lightbox-close:hover{color:#d1d5db}.media-gallery__lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:.5rem}.media-gallery__lightbox-video{max-width:90vw;max-height:85vh;border-radius:.5rem}