.contract{padding:1.5rem}@media(max-width:767px){.contract{padding:1rem}}.contract__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.contract__title-block{display:flex;flex-direction:column;gap:2px}.contract__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.contract__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.contract__actions{display:flex;gap:.75rem;flex-wrap:wrap}.contract__add-button{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}.contract__add-button:disabled{opacity:.5;cursor:not-allowed}.contract__add-button:hover:not(:disabled){background:#6b5344}.contract__add-button:active:not(:disabled){transform:translateY(1px)}.contract__filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}@media(max-width:767px){.contract__filters{flex-direction:column;align-items:stretch}}.contract__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;max-width:300px}.contract__search::placeholder{color:#9a9a9a}.contract__search:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.contract__search:disabled{background:#f7f4f0;cursor:not-allowed}@media(max-width:767px){.contract__search{max-width:100%}}.contract__filter-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;width:auto;min-width:150px}.contract__filter-select::placeholder{color:#9a9a9a}.contract__filter-select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.contract__filter-select:disabled{background:#f7f4f0;cursor:not-allowed}@media(max-width:767px){.contract__filter-select{width:100%}}.contract__content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.contract__content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.contract__content-title{font-size:1.125rem;font-weight:600;color:#8b7355}.contract__table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.contract__table-header{margin-bottom:1.5rem}.contract__table-title{font-size:1.125rem;font-weight:600;color:#8b7355;margin:0 0 .25rem}.contract__table-subtitle{font-size:.875rem;color:#8b7355;font-weight:400}.contract__table-wrapper{overflow-x:auto;margin-bottom:1.25rem}.contract__table{width:100%;border-collapse:collapse}.contract__table th{background:#f7f4f0;color:#6b6b6b;font-size:.875rem;font-weight:500;padding:.75rem 1rem;text-align:left;border-bottom:1px solid #e8e4df}.contract__table td{padding:.75rem 1rem;border-bottom:1px solid #f0ede9;color:#3d3d3d;font-size:.875rem}.contract__table tbody tr{transition:background .15s ease}.contract__table tbody tr:hover{background:#f0ede9}.contract__status,.contract__status--active{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.contract__status--active{background:#e8f2ea;color:#4a7052}.contract__status--expired{background:#fceaea;color:#a65d5d}.contract__status--expired,.contract__status--pending{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.contract__status--pending{background:#fef6ee;color:#b8865a}.contract__status--terminated{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#edf3f7;color:#5a7a94}.contract__status--pending-room{background-color:#e0e7ff;color:#4338ca}.contract__approval-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.contract__approve-button{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:#8b7355;color:#fff;padding:.25rem .75rem;font-size:.875rem}.contract__approve-button:hover:not(:disabled){background:#6b5344}.contract__approve-button:active:not(:disabled){transform:translateY(1px)}.contract__approve-button:disabled{opacity:.5;cursor:not-allowed}.contract__reject-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;padding:.25rem .75rem;font-size:.875rem;color:#c67b7b;border:1px solid #c67b7b}.contract__reject-button:disabled{opacity:.5;cursor:not-allowed}.contract__reject-button:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8;background-color:#fceaea}.contract__modal-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;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;padding:.5rem 1.25rem}.contract__modal-button:disabled{opacity:.5;cursor:not-allowed}.contract__modal-button:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.contract__modal-button--confirm{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}.contract__modal-button--confirm:hover:not(:disabled){background:#6b5344}.contract__modal-button--confirm:active:not(:disabled){transform:translateY(1px)}.contract__modal-button--confirm:disabled{opacity:.5;cursor:not-allowed}.contract__modal-button--cancel{color:#6b6b6b}.contract__modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #f0ede9}.contract__modal-warning{color:#c67b7b;font-size:.875rem;margin-top:.5rem}.contract__document-link{color:#8b7355;text-decoration:underline;font-size:.875rem}.contract__document-link:hover{color:#6b5344}.contract__no-document{color:#9a9a9a;font-size:.875rem}.contract__row-actions{display:flex}.contract__action-button,.contract__row-actions{align-items:center;justify-content:center;gap:.5rem}.contract__action-button{display:inline-flex;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b;padding:.25rem;font-size:1.125rem;color:#9a9a9a}.contract__action-button:disabled{opacity:.5;cursor:not-allowed}.contract__action-button:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.contract__action-button:hover{color:#8b7355;transform:scale(1.1)}.contract__action-button--edit:hover{color:#8b7355}.contract__action-button--view:hover{color:#7b9cb6}.contract__action-button--terminate:hover{color:#c67b7b}.contract__loading{display:flex;align-items:center;justify-content:center;padding:2.5rem 0;min-height:50vh}.contract__loading img{width:48px;height:48px}.contract__error{color:#c67b7b;padding:1rem;background:#fceaea;margin-bottom:1rem}.contract__empty,.contract__error{text-align:center;border-radius:8px}.contract__empty{padding:2.5rem;color:#9a9a9a;background:#f7f4f0}.contract__modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:500;backdrop-filter:blur(2px)}.contract__modal-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;margin:1rem}.contract__modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0ede9}.contract__modal-title{font-size:1.25rem;font-weight:600;color:#8b7355}.contract__modal-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;padding:.5rem;font-size:1.25rem;color:#9a9a9a}.contract__modal-close:disabled{opacity:.5;cursor:not-allowed}.contract__modal-close:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.contract__modal-close:hover{color:#3d3d3d}.contract__modal-body{margin-bottom:1.5rem}.contract__modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #f0ede9}.contract__form-group{margin-bottom:1.25rem}.contract__form-row{display:flex;gap:1rem}@media(max-width:767px){.contract__form-row{flex-direction:column}}.contract__form-row .contract__form-group{flex:1}.contract__form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#6b6b6b;font-size:.875rem}.contract__form-input,.contract__form-select,.contract__form-textarea{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}.contract__form-input::placeholder,.contract__form-select::placeholder,.contract__form-textarea::placeholder{color:#9a9a9a}.contract__form-input:focus,.contract__form-select:focus,.contract__form-textarea:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.contract__form-input:disabled,.contract__form-select:disabled,.contract__form-textarea:disabled{background:#f7f4f0;cursor:not-allowed}.contract__form-textarea{min-height:100px;resize:vertical}.contract__details{padding:1.5rem}@media(max-width:767px){.contract__details{padding:1rem}}.contract__details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.contract__details-title{font-size:1.5rem;font-weight:700;color:#3d3d3d}.contract__details-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.contract__details-section{margin-bottom:1.5rem}.contract__details-section:last-child{margin-bottom:0}.contract__details-section-title{font-size:1.125rem;font-weight:600;color:#8b7355;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0ede9}.contract__details-item{display:flex;margin-bottom:.75rem}.contract__details-item:last-child{margin-bottom:0}.contract__details-label{width:150px;font-weight:500;color:#6b6b6b;font-size:.875rem}.contract__details-value{flex:1;color:#3d3d3d;font-size:.875rem}.contract__pagination-container{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0ede9;flex-wrap:wrap;gap:1rem}.contract__items-per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b6b6b}.contract__items-per-page select{width:100%;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:auto;padding:.25rem .5rem}.contract__items-per-page select::placeholder{color:#9a9a9a}.contract__items-per-page select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.contract__items-per-page select:disabled{background:#f7f4f0;cursor:not-allowed}.contract__page-info{font-size:.875rem;color:#6b6b6b}.contract__pagination{display:flex;gap:.5rem}.contract__pagination-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;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;padding:.5rem 1rem}.contract__pagination-button:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.contract__pagination-button:disabled{opacity:.5;cursor:not-allowed}