.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-title{color:#0056a3;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.table{border-collapse:collapse;background:#fff;width:100%;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d}.table th,.table td{text-align:left;border-bottom:1px solid #e0e0e0;padding:.75rem 1rem}.table th{color:#333;background-color:#f5f7fa;font-weight:600}.table tr:hover{background-color:#f0f6ff}.form-container{background:#fff;border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 12px #0000000d}.form-container input{border:1px solid #d0d4db;border-radius:6px;width:100%;margin-bottom:1rem;padding:.8rem;font-size:1rem;transition:border .2s}.form-container input:focus{border-color:#0056a3;outline:none}.form-container button{color:#fff;cursor:pointer;background-color:#0056a3;border:none;border-radius:6px;padding:.8rem 1.2rem;font-size:1rem;font-weight:500;transition:background .2s}.form-container button:hover{background-color:#004080}.pagination{justify-content:center;align-items:center;margin-top:1rem;display:flex}.pagination-button{color:#fff;cursor:pointer;background-color:#0056a3;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.95rem;transition:background .2s}.pagination-button:disabled{cursor:not-allowed;background-color:#ccc}.pagination-button:hover:not(:disabled){background-color:#004080}.pagination-info{color:#333;margin:0 1rem;font-size:1rem}.users-container{max-width:500px;margin:0 auto}.home-button{color:#fff;border-radius:3=4px;cursor:pointer;background-color:#0078d4;border:none;margin-bottom:1rem;padding:.5rem 1rem;text-decoration:none;display:inline-block}.home-button:hover{background-color:#005a9e}.login-page{background:linear-gradient(135deg,#f0f2f5,#e6ebf2);justify-content:center;align-items:center;height:100vh;display:flex}.login-container{background:#fff;border-radius:10px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 6px 20px #0000001a}.login-container h2{text-align:center;color:#0056a3;margin-bottom:2rem;font-weight:600}.login-container h3{color:#281c4f;margin-bottom:4rem;font-weight:400}.login-input{box-sizing:border-box;border:1px solid #d0d4db;border-radius:6px;width:100%;margin-bottom:1.2rem;padding:.9rem;font-size:1rem;transition:border .2s}.login-input:focus{border-color:#0056a3;outline:none}.login-button{color:#fff;cursor:pointer;background-color:#0056a3;border:none;border-radius:6px;width:100%;padding:.9rem;font-size:1rem;font-weight:500;transition:background .2s}.login-button:hover{background-color:#004080}.links{text-align:center;margin-top:1rem}.links a{color:#0056a3;font-size:.9rem}.links a:hover{text-decoration:underline}@media (width<=768px){.login-container{margin:0 1rem;padding:2rem}}.user-form{flex-direction:column;gap:10px;max-width:600px;margin:0 auto;display:flex}.user-container{background:#fff;border-radius:8px;width:100%;max-width:550px;margin:20px auto;padding:20px;box-shadow:0 2px 8px #0000001a}.user-input{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px}.user-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1rem}.user-button:hover{background-color:#005a9e}.app-header{background:#f4f4f4;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.app-title{font-size:1.2rem;font-weight:700}.logout-button{color:#fff;cursor:pointer;background-color:#d9534f;border:none;border-radius:4px;padding:8px 14px}.logout-button:hover{background-color:#c9302c}.header-container{justify-content:flex-end;align-items:center;width:100%;margin-bottom:15px;display:flex}.logout{margin-left:auto}.clients-page{max-width:900px;margin:0 auto;padding:20px}.clients-toolbar{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.clients-title{text-align:center;color:#0056a3;margin-bottom:2rem;font-weight:600}.clients-table{border-collapse:collapse;width:100%}.clients-table th,.clients-table td{text-align:center;border:1px solid #ddd;padding:8px}.clients-table th{background-color:#f2f2f2}.clients-loading,.clients-empty{text-align:center;margin-top:20px}.client-form{flex-direction:column;gap:10px;max-width:400px;margin:0 auto;display:flex}.client-form label{flex-direction:column;align-items:flex-start;margin-bottom:10px;font-weight:700;display:flex}.client-form input,.client-form select{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem}.clients-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1rem}.clients-button:hover{background-color:#005a9e}.clients-filters{gap:12px;margin-bottom:20px;display:flex}.clients-input{border:1px solid #ddd;border-radius:4px;flex:1;padding:8px 12px}.home-container{text-align:center;background:#fff;border-radius:12px;justify-content:flex-start;align-items:center;max-width:600px;min-height:60vh;margin-top:20px;padding:30px 40px 40px;box-shadow:0 4px 12px #0000001a}.home-title{color:#333;margin-bottom:30px;font-size:28px}.home-buttons{flex-direction:column;gap:20px;display:flex}.home-section-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0078d4,#005a9e);border:none;border-radius:8px;padding:15px 25px;font-size:18px;font-weight:600;transition:transform .2s,background .3s}.home-section-button:hover{background:linear-gradient(135deg,#005a9e,#004080);transform:scale(1.05)}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:6px;max-width:400px;padding:20px}.modal-content{text-align:center;background:#fff;border-radius:6px;padding:20px;box-shadow:0 8px 20px #00000040}.modal-wide{width:85%;max-width:900px}.services-table{border-collapse:collapse;width:100%;margin-top:1rem}.services-table th,.services-table td{text-align:center;border:1px solid #ddd;padding:8px}.services-table th{background-color:#f2f2f2}.services-table tfoot td{background-color:#fafafa;font-weight:700}.modal-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;margin-top:15px;padding:.5rem 1rem}.regservice-page{max-width:1000px;margin:0 auto;padding:20px}.top-bar{justify-content:flex-start;margin-bottom:1rem;display:flex}.back-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1rem}.back-button:hover{background-color:#005a9e}.regservice-title{margin-bottom:1rem}.regservice-form label{margin-bottom:.75rem;display:grid}.regservice-form input{margin-left:.5rem;padding:.4rem}.regservice-form input .input-error{border-color:red;border-radius:10px}.choose-button{margin-top:1rem;margin-bottom:1.5rem}.save-button{margin-top:1.5rem}.client-info{margin-bottom:1rem;font-weight:700}.selected-services{margin-top:1rem}.readonly-input{color:#555;cursor:not-allowed;background-color:#f5f5f5;border:1px solid #ccc}.regservice-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;margin:15px;padding:.5rem 1rem;transition:background-color .2s}.regservice-button:disabled{color:#666;cursor:not-allowed;opacity:.9;background-color:#ccc;border:1px solid #aaa}.regservice-button:hover{background-color:#005a9e}.inn-input-wrapper{align-items:center;gap:8px;display:flex}.inn-input{flex:1}.input-error{border:2px solid #df0000!important}.inn-input-wrapper button.search-inn-button{color:#fff!important;cursor:pointer!important;background-color:#007bff!important;border:none!important;border-radius:4px!important;padding:8px 16px!important;font-size:14px!important;font-weight:500!important;transition:background-color .2s!important}.inn-input-wrapper button.search-inn-button:hover:not(:disabled){background-color:#0056b3!important}.inn-input-wrapper button.search-inn-button:disabled{color:#666!important;cursor:not-allowed!important;background-color:#ccc!important}.regServiceList-container{padding:20px}.regServiceList-header{justify-content:space-between;align-items:center;display:flex}.regServiceList-title{font-size:1.5rem;font-weight:700}.regServiceList-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:8px 14px}.regServiceList-button:hover{background-color:#005a9e}.regServiceList-table{border-collapse:collapse;width:100%;margin-top:20px}.regServiceList-table th,.regServiceList-table td{border:1px solid #ddd;padding:8px}.regServiceList-table th{text-align:left;background-color:#f4f4f4}.regServiceList-table td:nth-child(7),.regServiceList-table th:nth-child(7){min-width:125px}.regServiceList-action{cursor:pointer;background-color:#e0e0e0;border:none;border-radius:3px;margin-right:8px;padding:6px 10px}.regServiceList-action:hover{background-color:silver}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-window{background:#fff;border-radius:6px;width:500px;max-width:90%;padding:20px;box-shadow:0 2px 10px #0000004d}.modal-title{margin-bottom:15px;font-size:1.2rem;font-weight:700}.modal-form label{margin-bottom:10px;display:block}.modal-form input{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:4px;padding:6px}.modal-actions{justify-content:flex-end;margin-top:15px;display:flex}.modal-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;margin-left:10px;padding:8px 14px}.modal-button.cancel{background-color:#aaa}.modal-button:hover{background-color:#005a9e}.form-field{align-content:center;margin-bottom:14px}.field-label{color:#333;margin-bottom:4px;font-weight:600}.field-value{color:#444;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:6px 10px}.modal-form input[type=text],.modal-form input[type=number],.modal-form select{border:1px solid #ccc;border-radius:4px;padding:6px 10px;font-size:14px}.modal-form input[type=checkbox]{cursor:pointer;width:18px;height:18px}.description-cell{position:relative}.description-cell.collapsed{max-height:1.5em;overflow:hidden}.description-cell.expanded{max-height:none}.collapse-toggle{cursor:pointer;background:0 0;border:none;margin-left:5px}.pagination{text-align:center;margin-top:15px}.pagination button{margin:0 3px;padding:5px 10px}.pagination button.active{font-weight:700;text-decoration:underline}.reoList-container{padding:20px}.reoList-header{justify-content:space-between;align-items:center;display:flex}.reoList-title{font-size:1.5rem;font-weight:700}.reoList-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:8px 14px}.reoList-button:hover{background-color:#005a9e}.reoList-table{border-collapse:collapse;width:100%;margin-top:20px}.reoList-table th,.reoList-table td{border:1px solid #ddd;padding:8px}.reoList-table th{text-align:left;background-color:#f4f4f4}.reoList-table td:nth-child(5),.reoList-table th:nth-child(5){min-width:150px}.reoList-table td:nth-child(6),.reoList-table th:nth-child(6),.reoList-table td:nth-child(7),.reoList-table th:nth-child(7){min-width:120px}.reoList-empty{text-align:center;color:red;margin-top:20px}.reoList-actions{text-align:center;margin-top:20px}.reoList-actions .reoList-button{margin:0 5px}.reoList-link{color:#0078d4;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.reoList-link:hover{color:#005a9e}.reo-page{max-width:900px;margin:0 auto;padding:20px}.reo-toolbar{justify-content:space-between;margin-bottom:1rem;display:flex}.reo-title{text-align:center;color:#0056a3;margin-bottom:2rem;font-weight:600}.reo-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1rem}.reo-button:hover{background-color:#005a9e}.reo-form{flex-direction:column;gap:12px;max-width:400px;margin:0 auto;display:flex}.reo-form label{flex-direction:column;font-weight:700;display:flex}.reo-form input,.reo-form select{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem}.order-page{max-width:750px;margin:0 auto;padding:20px}.order-toolbar{justify-content:space-between;margin-bottom:1rem;display:flex}.order-title{text-align:center;color:#0056a3;margin-bottom:2rem;font-weight:600}.order-button{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1rem}.order-button:hover{background-color:#005a9e}.order-loading,.order-empty{text-align:center;margin-top:20px}.order-empty{color:red}.order-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:20px}.order-card p{margin:8px 0;font-size:1rem}.order-card-wrapper{flex-direction:column;justify-content:center;align-items:center;margin-top:20px;display:flex}.order-card-table{border-collapse:collapse;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;width:700px}.order-card-table td{text-align:left;border:1px solid #ddd;padding:10px}.order-card-label{background-color:#f4f4f4;width:25%;font-weight:700}.order-card-value{width:auto}.order-card-value div{margin-bottom:5px}.order-card-actions{justify-content:center;margin-top:20px;display:flex}.order-button-pay{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.5rem 1.5rem}.order-button-pay:hover{background-color:#005a9e}.order-button-paid{color:#fff;cursor:not-allowed;background-color:#28a745;border:none;border-radius:4px;padding:.5rem 1.5rem}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}body{color:#333;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}.app-page{background:linear-gradient(135deg,#f0f2f5,#e6ebf2);justify-content:center;align-items:center;height:100vh;padding-top:60px;display:flex}.app-container{background:#fff;border-radius:10px;width:100%;max-width:420px;padding:2.5rem;box-shadow:0 6px 20px #0000001a}.pagination{justify-content:center;gap:8px;margin-top:20px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px}.pagination button.active{color:#fff;background:#0078d4;border-color:#0078d4}.form-row{flex-direction:column;margin-bottom:12px;display:flex}.input-with-required{align-items:center;gap:6px;display:flex}.input-with-required input{border:1px solid #ddd;border-radius:4px;flex:1;padding:.5rem}.required{color:red;font-size:18px;font-weight:700}