.meter__container{padding:1.5rem}@media(max-width:767px){.meter__container{padding:1rem}}.meter__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.meter__title-block{display:flex;flex-direction:column;gap:2px}.meter__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.meter__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.meter__actions,.meter__header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.meter__button{padding:.75rem 1.25rem;display:flex}.meter__button,.meter__button--primary{border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;align-items:center;gap:.5rem;font-size:.875rem}.meter__button--primary{display:inline-flex;justify-content:center;padding:.75rem 1rem;outline:none;text-decoration:none;background:#8b7355;color:#fff}.meter__button--primary:disabled{opacity:.5;cursor:not-allowed}.meter__button--primary:hover:not(:disabled){background:#6b5344}.meter__button--primary:active:not(:disabled){transform:translateY(1px)}.meter__button--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.meter__button--secondary:disabled{opacity:.5;cursor:not-allowed}.meter__button--secondary:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.meter__button--blue,.meter__button--green{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.meter__button--blue:disabled,.meter__button--green:disabled{opacity:.5;cursor:not-allowed}.meter__button--blue:hover:not(:disabled),.meter__button--green:hover:not(:disabled){background:#6b5344}.meter__button--blue:active:not(:disabled),.meter__button--green:active:not(:disabled){transform:translateY(1px)}.meter__button--danger{background-color:#c67b7b;color:#fff}.meter__button--danger:hover{background-color:#b75757}.meter__filters{margin-bottom:1.5rem}.meter__filter-buttons{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.meter__filter-button{padding:.5rem 1rem;border-radius:8px;border:1px solid #e8e4df;background-color:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;color:#6b6b6b}.meter__filter-button--active{background-color:#8b7355;color:#fff;border-color:#8b7355}.meter__filter-button:hover:not(.meter__filter-button--active){background-color:#f0ede9;border-color:#a89078}.meter__search-filters{display:flex;gap:1rem;flex-wrap:wrap}.meter__search{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:300px;max-width:100%}.meter__search::placeholder{color:#9a9a9a}.meter__search:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.meter__search:disabled{background:#f7f4f0;cursor:not-allowed}.meter__table{width:100%;border-collapse:collapse}.meter__table th{background:#f7f4f0;color:#6b6b6b;font-weight:500;text-align:left;border-bottom:1px solid #e8e4df}.meter__table td,.meter__table th{font-size:.875rem;padding:.75rem 1rem}.meter__table td{border-bottom:1px solid #f0ede9;color:#3d3d3d}.meter__table tbody tr{transition:background .15s ease}.meter__table tbody tr:hover{background:#f0ede9}.meter__row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.meter__action-button{padding:.5rem .75rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;font-size:.75rem}.meter__action-button--record{background-color:#8b7355;color:#fff}.meter__action-button--record:hover{background-color:#6b5344}.meter__action-button--edit{background-color:#d4a574;color:#fff}.meter__action-button--edit:hover{background-color:#c88c4d}.meter__action-button--delete{background-color:#c67b7b;color:#fff}.meter__action-button--delete:hover{background-color:#b75757}.meter__status,.meter__status--active{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.meter__status--active{background:#e8f2ea;color:#4a7052}.meter__status--inactive{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#fceaea;color:#a65d5d}.meter__help-text{font-size:.75rem;color:#9a9a9a;margin-top:.5rem;line-height:1.4}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;backdrop-filter:blur(2px)}.modal__content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f0ede9}.modal__header-title{font-size:1.25rem;font-weight:600;color:#8b7355}.modal__header-close{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b;font-size:1.5rem;color:#9a9a9a;padding:.25rem}.modal__header-close:disabled{opacity:.5;cursor:not-allowed}.modal__header-close:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.modal__header-close:hover{color:#3d3d3d}.modal__form>div{margin-bottom:1rem}.modal__form label{display:block;margin-bottom:.5rem;color:#3d3d3d;font-weight:500;font-size:.875rem}.modal__form input,.modal__form select{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:.5rem}.modal__form input::placeholder,.modal__form select::placeholder{color:#9a9a9a}.modal__form input:focus,.modal__form select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.modal__form input:disabled,.modal__form select:disabled{background:#f7f4f0;cursor:not-allowed}.modal__form-error{color:#c67b7b;font-size:.75rem;margin-top:.25rem}.modal__previous-value{padding:.75rem;background-color:#f7f4f0;border-radius:8px;color:#6b6b6b;font-weight:500;font-size:.875rem}.modal__error-text{color:#c67b7b;font-size:.75rem;margin-top:.25rem}.modal__message{margin:1rem 0;padding:1rem;background-color:#fceaea;border-radius:8px;color:#c67b7b;font-weight:500;font-size:.875rem}.modal__loading{padding:2rem;text-align:center;color:#9a9a9a}.modal__error{padding:1rem;background-color:#fceaea;border-radius:8px;color:#c67b7b;margin-bottom:1rem;font-size:.875rem}.modal__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0ede9}.modal__actions>button{padding:.75rem 1.25rem;border-radius:8px;border:none}.modal__actions>button,.modal__actions>button:first-child{font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.modal__actions>button:first-child{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.modal__actions>button:first-child:disabled{opacity:.5;cursor:not-allowed}.modal__actions>button:first-child:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.modal__actions>button:last-child:not(:first-child){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.modal__actions>button:last-child:not(:first-child):disabled{opacity:.5;cursor:not-allowed}.modal__actions>button:last-child:not(:first-child):hover:not(:disabled){background:#6b5344}.modal__actions>button:last-child:not(:first-child):active:not(:disabled){transform:translateY(1px)}.modal__actions-button{padding:.75rem 1.25rem}.modal__actions-button,.modal__actions-button--primary{border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem}.modal__actions-button--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;outline:none;text-decoration:none;background:#8b7355;color:#fff}.modal__actions-button--primary:disabled{opacity:.5;cursor:not-allowed}.modal__actions-button--primary:hover:not(:disabled){background:#6b5344}.modal__actions-button--primary:active:not(:disabled){transform:translateY(1px)}.modal__actions-button--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df}.modal__actions-button--secondary:disabled{opacity:.5;cursor:not-allowed}.modal__actions-button--secondary:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.modal__button--danger{background-color:#c67b7b;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.875rem}.modal__button--danger:hover{background-color:#b75757}@media(max-width:767px){.meter__header{flex-direction:column;align-items:flex-start}.meter__title{font-size:1.25rem}.meter__filter-buttons{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.meter__filter-buttons::-webkit-scrollbar{height:4px}.meter__filter-buttons::-webkit-scrollbar-thumb{background:#e8e4df;border-radius:9999px}.meter__search{width:100%}.modal__content{margin:1rem;max-width:calc(100% - 2rem)}.modal__actions{flex-direction:column}.modal__actions-button{width:100%;justify-content:center}}