.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4;padding:20px}.login-box{background-color:#fff;width:90%;max-width:400px;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;box-sizing:border-box;text-align:center}.login-box h2{margin-bottom:20px}.login-box form{display:flex;flex-direction:column;gap:15px}.login-box label{text-align:left;font-weight:700;margin-bottom:5px;display:block}.login-box input{padding:10px;font-size:16px;width:100%;box-sizing:border-box}.login-box button{padding:10px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:4px;width:100%;box-sizing:border-box}.login-box button:hover{background-color:#45a049}.login-box .message{color:red;margin-top:15px;word-wrap:break-word}.dashboard-wrapper{display:flex;justify-content:center;align-items:start;min-height:100vh;background-color:#f4f4f4;padding-top:40px}.dashboard{background-color:#fff;width:90%;max-width:1280px;min-width:320px;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;box-sizing:border-box}.dashboard>*{max-width:90%;margin-left:auto;margin-right:auto;box-sizing:border-box}.button-group{margin:20px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.button-group button{padding:10px 20px;font-size:16px;cursor:pointer;box-sizing:border-box}.logout-button{padding:10px 20px;font-size:16px;background-color:#ff4d4d;color:#fff;border:none;cursor:pointer;border-radius:4px;box-sizing:border-box}.messages-wrapper{display:flex;justify-content:center;align-items:start;min-height:100vh;background-color:#f4f4f4;padding-top:40px}.messages{background-color:#fff;width:90%;max-width:1280px;min-width:320px;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;box-sizing:border-box}.messages>*{max-width:90%;margin-left:auto;margin-right:auto;box-sizing:border-box}.message-item,.reply-item,textarea,select,input,.button-group{max-width:90%;width:100%;box-sizing:border-box}.button-group button{padding:10px 20px;font-size:16px;cursor:pointer}.button-group.right{justify-content:flex-end}.message-error{color:red;margin-bottom:10px}.message-list{list-style:none;padding:0;margin-top:20px}.message-item{text-align:left;margin-bottom:20px;padding:15px;border:1px solid #ccc;border-radius:6px;background-color:#fafafa}.reply-list{padding-left:20px;margin-top:10px}.reply-item{background-color:#eef;padding:10px;margin-bottom:5px;border-radius:4px}.modal textarea{width:100%;padding:10px;font-size:16px;margin-bottom:10px;box-sizing:border-box}.tests-wrapper{display:flex;justify-content:center;padding-top:5px;background-color:#f4f4f4;min-height:100vh}.tests{width:95%;max-width:1280px;padding:5px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;box-sizing:border-box}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding:5px 0;margin:2px auto 30px;width:95%;max-width:1280px;box-sizing:border-box;background-color:#e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000001a}.button-group button{flex:1 1 150px;max-width:180px;min-width:120px;padding:5px 16px;font-size:16px;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:6px;cursor:pointer;transition:background-color .2s ease;text-align:center}.button-group button:hover{background-color:#f0f0f0}.logout-button{padding:10px 20px;font-size:16px;background-color:#ff4d4d;color:#fff;border:none;cursor:pointer;border-radius:4px;margin-top:20px}.logout-button:hover{background-color:#e60000}.filter-bar{margin:15px 0;display:flex;justify-content:center;align-items:center;gap:10px}.filter-bar label{font-weight:700}.filter-bar select{padding:5px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;cursor:pointer}.filter-bar .toggle-btn{background-color:#fff;color:#333;border:1px solid #ccc;border-radius:6px;padding:3px 10px;font-size:14px;cursor:pointer;transition:background-color .2s ease;height:29px;display:inline-flex;align-items:center;line-height:1;position:relative;top:4px}.filter-bar .toggle-btn:hover{background-color:#f0f0f0}.cbc-table-wrapper{display:flex;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;width:100%}.cbc-table{border-collapse:collapse;width:auto;min-width:350px;max-width:100%}.cbc-table th,.cbc-table td{border:1px solid #ccc;padding:8px;text-align:left}@media (max-width: 600px){.button-group{flex-direction:row;flex-wrap:wrap;gap:10px}.button-group button{flex:1 1 48%;max-width:48%}.cbc-table{min-width:100%}}@media (max-width: 600px){.cbc-table th:first-child,.cbc-table td:first-child{display:none}}.status{font-size:18px;display:inline-block;text-align:center}.status.normal{color:green}.status.low,.status.high{color:red}.account-wrapper{display:flex;justify-content:center;align-items:start;min-height:100vh;background-color:#f4f4f4;padding-top:40px}.account{background-color:#fff;width:90%;max-width:1280px;min-width:320px;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;box-sizing:border-box}.account>*{max-width:90%;margin-left:auto;margin-right:auto;box-sizing:border-box}.button-group{margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.button-group button,.input-group button{padding:10px 20px;font-size:16px;cursor:pointer;box-sizing:border-box}.input-group{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:15px}.input-group input{padding:8px;font-size:16px;width:100%;max-width:250px;box-sizing:border-box}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 0 10px #00000080;text-align:left;box-sizing:border-box}.modal input{width:100%;padding:8px;font-size:16px;margin-bottom:10px;box-sizing:border-box}.modal .button-group{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.modal .button-group button{padding:10px 20px;font-size:16px;cursor:pointer;box-sizing:border-box}.message{color:red;margin-top:10px;max-width:90%;margin-left:auto;margin-right:auto;word-wrap:break-word}body{margin:0;padding:0;background-color:#f4f4f4;font-family:sans-serif}.appointment-wrapper{display:flex;justify-content:center;align-items:start;min-height:100vh;background-color:#f4f4f4;padding-top:40px}.appointment{background-color:#fff;width:90%;max-width:1280px;min-width:320px;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a;text-align:center;box-sizing:border-box}.appointment>*{max-width:90%;margin-left:auto;margin-right:auto;box-sizing:border-box}.back-button{margin-bottom:20px;padding:10px 20px;font-size:16px;cursor:pointer;box-sizing:border-box}.form-section{margin-top:20px}select,textarea{padding:8px;font-size:16px;margin-top:8px;width:100%;max-width:400px;box-sizing:border-box}textarea{resize:vertical}button{padding:10px 20px;font-size:16px;cursor:pointer;box-sizing:border-box}.message-success{color:green;margin-top:20px}.upcoming-box{background-color:#f0f8ff;padding:15px;border-radius:8px;margin-bottom:30px;box-sizing:border-box}hr{margin:40px 0 20px}.appointment-list{list-style:none;padding:0;margin-top:20px}.appointment-item{padding:10px;border-radius:5px;margin-bottom:10px;text-align:left;box-sizing:border-box}.appointment-item.future{background-color:#e6ffed;border:1px solid #4CAF50}.appointment-item.past{background-color:#f8f8f8;border:1px solid #ccc}