.layout{display:flex;flex-direction:column;min-height:100vh}.signature-font{font-family:Pacifico,cursive;font-size:1.2rem}.signature-font-lg{font-family:Pacifico,cursive;font-size:2rem}.main-content{flex:1}.footer{padding:20px 0;font-size:14px}.footer,.navbar{background-color:#222250}.nav-link,.navbar-brand{color:#fff!important;cursor:pointer}.banner{width:100%;height:60vh;background:url(/img/banner.e49eeabe.webp) 50%/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#e66a00;font-size:48px;font-weight:700;text-align:center}.contact-section[data-v-65582cbe],.info-section{background-color:#e6f6ff;padding:50px 0}.contact-btn[data-v-65582cbe]{background-color:#1dbcbc;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;display:inline-block;margin-top:10px}.p-4[data-v-65582cbe]{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn-primary[data-v-65582cbe]{background-color:#1dbcbc;border:none}.login-container[data-v-124eadf7]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#e6f6ff}.login-form-container[data-v-124eadf7]{background:#fff;padding:30px;max-width:400px;width:100%;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.login-form-container h3[data-v-124eadf7]{margin-bottom:20px;border-bottom:2px solid #1dbcbc;text-align:left;padding-bottom:10px}.login-form-container input[data-v-124eadf7]{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:5px}.login-btn[data-v-124eadf7]{background-color:#1dbcbc;color:#fff;padding:12px;width:100%;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-btn[data-v-124eadf7]:hover{background-color:#18a2a2}.forgot-password[data-v-124eadf7]{display:block;margin-top:10px;text-decoration:none;color:#222250;font-size:14px;text-align:center}.dashboard-icons-container{padding:20px;text-align:center}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:15px}.icon-card{background-color:#f4f4f4;border-radius:12px;padding:20px 10px;box-shadow:0 2px 6px rgba(0,0,0,.1);font-size:24px;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease-in-out;max-width:300px}.icon-card:hover{background-color:#1dbcbc;color:#fff}.icon-card span{display:block;font-size:14px;font-weight:400;margin-top:10px}.dashboard[data-v-50e93068]{background:#f4f7fc}.sidebar[data-v-50e93068]{width:250px;min-height:100vh;background:#222250;color:#fff;display:flex;flex-direction:column;padding:20px;position:fixed;left:0;top:0;overflow-y:auto}.sidebar a[data-v-50e93068]{color:#fff;text-decoration:none;display:block;padding:10px;border-radius:5px}.sidebar a[data-v-50e93068]:hover{background-color:#1dbcbc}.nested-menu[data-v-50e93068]{padding-left:20px;display:block}.nested-menu li[data-v-50e93068]{margin:5px 0}.list-unstyled[data-v-50e93068]{padding-left:0}.logo[data-v-50e93068]{font-size:24px;text-align:center;margin-bottom:20px;font-weight:700}.sidebar nav ul[data-v-50e93068]{list-style:none;padding:0}.sidebar nav ul li[data-v-50e93068]{margin:15px 0}.logout-btn[data-v-50e93068],.sidebar nav ul li a[data-v-50e93068]{color:#fff;text-decoration:none;padding:12px;display:block;border-radius:5px;transition:.3s;width:100%;text-align:left;background:transparent;border:none;cursor:pointer}.logout-btn[data-v-50e93068]:hover,.sidebar nav ul li a[data-v-50e93068]:hover{background:#1dbcbc}.content-full-screen[data-v-50e93068],.content[data-v-50e93068]{flex:1;padding:20px;margin-bottom:50px}.topbar[data-v-50e93068]{background:#fff;padding:15px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px}.counselors-container[data-v-5d966de1]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.loading-overlay[data-v-5d966de1]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.7)}.spinner[data-v-5d966de1]{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1dbcbc;border-radius:50%;width:40px;height:40px;animation:spin-5d966de1 1s linear infinite}@keyframes spin-5d966de1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul.counselor-list[data-v-5d966de1]{list-style:none;padding:0;margin-top:20px}.counselor-list li[data-v-5d966de1]{background:#f4f7fc;padding:10px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.btn-group[data-v-5d966de1]{display:flex;gap:10px}.list-container[data-v-20455532]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.loading-overlay[data-v-20455532]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.7)}.spinner[data-v-20455532]{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1dbcbc;border-radius:50%;width:40px;height:40px;animation:spin-20455532 1s linear infinite}@keyframes spin-20455532{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-container[data-v-4c2f0eb6],.list-container[data-v-77948894]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn[data-v-77948894]{min-width:150px;margin-right:10px;margin-bottom:10px}.signature-preview[data-v-77948894]{max-width:250px}.text-red[data-v-77948894]{color:red}.custom-modal-overlay[data-v-77948894]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.custom-modal[data-v-77948894]{background:#fff;border-radius:10px;max-width:600px;width:100%;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);animation:fadeInUp-77948894 .3s ease-out}@keyframes fadeInUp-77948894{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h5[data-v-77948894]{font-size:1.25rem;margin:0}.btn-close[data-v-77948894]{background:transparent;font-size:1.4rem}.signature-preview[data-v-77948894]{max-width:100%;border:1px solid #ccc;border-radius:5px}.btn-close[data-v-77948894]{background-color:transparent;border:none;font-size:1.5rem;color:#000;cursor:pointer;margin-left:auto;opacity:1;line-height:1}.form-container[data-v-76e9b03b]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.signature-box[data-v-76e9b03b]{border:1px solid #ccc;padding:10px;margin-top:20px;text-align:center}.signature-canvas[data-v-76e9b03b]{border:1px solid #000;width:100%;height:200px}.btn-clear[data-v-76e9b03b]{margin-top:10px;background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.form-container[data-v-1f754add],.form-container[data-v-66a8a73e],.group-list[data-v-48df8007],.list-container[data-v-212cef07],.list-container[data-v-3fb7200b]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.group-card[data-v-48df8007]{background:#f8f9fa;padding:15px;border-radius:10px;margin-bottom:10px;cursor:pointer}.group-card.selected[data-v-48df8007]{background:#d1ecf1;border:2px solid #0c5460}.btn-group[data-v-48df8007]{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;justify-content:center}@media (max-width:768px){.btn-group[data-v-48df8007]{flex-direction:column;align-items:stretch}}.form-container[data-v-3468ebae],.form-container[data-v-3ec6c6d6]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.error-message[data-v-3468ebae]{color:red;font-size:.9rem}.btn-group[data-v-3468ebae]{margin-top:10px}.cancel-btn[data-v-3468ebae]{margin-left:10px}.form-container[data-v-c6ccdff6]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.student-list[data-v-c6ccdff6]{margin-top:20px;max-height:300px;overflow-y:auto}.list-container[data-v-07d87558]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.data-list[data-v-07d87558]{list-style:none;padding:0}.list-item[data-v-07d87558]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:5px;margin-bottom:10px}.info-item[data-v-07d87558]{display:block;margin-bottom:5px}.remove-btn[data-v-07d87558]{background-color:red;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px}.remove-btn[data-v-07d87558]:hover{background-color:darkred}.chatbox[data-v-3599a45c]{position:fixed;bottom:0;right:20px;width:450px;background:#fff;border:1px solid #222250;border-radius:10px 10px 0 0;box-shadow:0 -3px 10px rgba(0,0,0,.2);transition:transform .3s ease-in-out;transform:translateY(0);min-height:500px;height:auto!important}.chatbox-header[data-v-3599a45c]{display:flex;justify-content:space-between;align-items:center;background:#222250;color:#fff;padding:10px;border-radius:10px 10px 0 0}.chatbox-body[data-v-3599a45c]{padding:15px;margin-bottom:50px}.close-btn[data-v-3599a45c]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.form-control[data-v-3599a45c]{width:100%;padding:8px;margin:5px 0;border-radius:5px;border:1px solid #ccc}.entry-box[data-v-3599a45c]{border:1px solid #e3e3e3;border-radius:16px;padding:5px;margin-bottom:5px;text-align:left}.attendance-container{padding:20px}.table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:center;border:1px solid #ddd}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;z-index:99999}.modal{height:auto!important;background:#fff;padding:20px;border-radius:5px;width:400px!important;max-height:500px;text-align:left;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;overflow-y:auto}.modal-content{width:100%;border:none!important}.modal-buttons{display:flex;justify-content:flex-start;gap:10px;margin-top:10px}.btn-primary{background-color:#1dbcbc}.btn-primary,.btn-secondary{color:#fff;border:none;padding:8px 12px;cursor:pointer;border-radius:5px}.btn-secondary{background-color:#222250}.modal input{margin-bottom:10px;padding:5px;width:100%}.info-text{margin:5px 0;padding:0;border:none!important;background:none!important;box-shadow:none!important}.counselor-select-container,.group-select-container,.time-slot-select-container{margin-bottom:15px;display:flex;align-items:center;gap:10px}.counselor-select-container label,.group-select-container label,.time-slot-select-container label{font-weight:700;width:200px}.counselor-dropdown,.group-dropdown,.time-slot-dropdown{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:16px;width:400px}.group-dropdown:focus{border-color:#1dbcbc;outline:none}.search-container{margin-bottom:15px;text-align:right}.search-input{padding:8px;border-radius:5px;border:1px solid #ccc;font-size:16px;width:100%}.search-input:focus{border-color:#1dbcbc;outline:none}.sticky-header{position:sticky;top:0;background:#fff;z-index:100}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attendance-container{margin:auto;background-color:#fff}.loading-overlay{height:50px}.spinner{width:30px;height:30px;border-top-color:#3498db}.table-bordered td,.table-bordered th{border:2px solid #a19b9b!important}.counselors-container[data-v-57fa066e]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.loading-overlay[data-v-57fa066e]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.7)}.spinner[data-v-57fa066e]{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1dbcbc;border-radius:50%;width:40px;height:40px;animation:spin-57fa066e 1s linear infinite}@keyframes spin-57fa066e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}ul.counselor-list[data-v-57fa066e]{list-style:none;padding:0;margin-top:20px}.counselor-list li[data-v-57fa066e]{background:#f4f7fc;padding:10px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.btn-group[data-v-57fa066e]{display:flex;gap:10px}.bg-disabled{background-color:#f8d7da!important;color:#721c24!important}.table-active{background-color:#d1ecf1!important}.bg-disabled td{background-color:#f8d7da!important}.form-container[data-v-4ca48e98]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.error-message[data-v-4ca48e98]{color:red;font-size:.9rem}.btn-group[data-v-4ca48e98]{margin-top:10px}.cancel-btn[data-v-4ca48e98]{margin-left:10px}.ptr-image[data-v-61d50e27]{max-width:300px;margin-bottom:20px;border-radius:10px}.form-container[data-v-61d50e27]{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;width:100%;min-width:100%;background:#f8f9fa;padding:20px;flex-direction:column}.enter-fullscreen-box[data-v-61d50e27]{text-align:center}.exit-btn[data-v-61d50e27]{background-color:#dc3545}.exit-btn-top[data-v-61d50e27]{position:absolute;top:20px;right:20px;min-width:150px;padding:8px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.form-card[data-v-61d50e27]{background:#fff;padding:30px;border-radius:10px;width:100%;max-width:400px;box-shadow:0 4px 8px rgba(0,0,0,.1)}h2[data-v-61d50e27]{margin-bottom:10px}.form-group[data-v-61d50e27]{margin-bottom:15px}.form-control[data-v-61d50e27]{width:100%;padding:8px 12px;border-radius:5px;border:1px solid #ccc}.form-actions[data-v-61d50e27]{display:flex;justify-content:flex-end;margin-top:20px}.submit-btn[data-v-61d50e27]{min-width:150px;font-weight:700}.modal-overlay[data-v-61d50e27]{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal[data-v-61d50e27]{background:#fff;padding:20px 30px;border-radius:10px;width:90%;max-width:400px;text-align:center}.modal-actions[data-v-61d50e27]{margin-top:20px;display:flex;justify-content:space-between}.error-text[data-v-61d50e27]{color:red;margin-top:10px}.section-title{font-weight:700;color:#004080;margin-top:20px}.standing-orders li{margin-bottom:8px;line-height:1.6}.btn-sm[data-v-6a32cc1a]{padding:2px 8px;font-size:.8rem;height:35px;margin-top:8px}.form-container[data-v-08dc5119]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.error-message[data-v-08dc5119]{color:red;margin-top:5px}.btn-group[data-v-08dc5119]{display:flex;gap:10px}.required[data-v-08dc5119]{color:red}.list-container[data-v-5b1916f2]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.nurse-table[data-v-5b1916f2]{width:100%;border-collapse:collapse;margin-top:20px}.nurse-table td[data-v-5b1916f2],.nurse-table th[data-v-5b1916f2]{padding:10px;border:1px solid #ddd;text-align:left}.nurse-table th[data-v-5b1916f2]{background-color:#f4f4f4}.bg-disabled[data-v-5b1916f2]{background-color:#f8d7da}.edit-btn[data-v-5b1916f2]{background-color:#ffc107;color:#000;border:none}.btn-danger[data-v-5b1916f2]{background-color:#dc3545;color:#fff}.btn-success[data-v-5b1916f2]{background-color:#198754;color:#fff}.list-container[data-v-36ba09d8]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.responsive-table tbody td[data-v-36ba09d8]{text-align:left}.full-width-table[data-v-36ba09d8]{width:100%;border-collapse:collapse}.full-width-table td[data-v-36ba09d8],.full-width-table th[data-v-36ba09d8]{border:1px solid #ddd;padding:10px;vertical-align:top}.full-width-table th[data-v-36ba09d8]{background-color:#f4f4f4;text-align:left}.edit-btn[data-v-36ba09d8]{background-color:#ffc107;border:none;color:#000}.delete-btn[data-v-36ba09d8]{background-color:#dc3545;border:none;color:#fff}.list-container[data-v-0ff69ee8]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.nurse-table[data-v-0ff69ee8]{width:100%;border-collapse:collapse;margin-top:20px}.nurse-table td[data-v-0ff69ee8],.nurse-table th[data-v-0ff69ee8]{padding:10px;border:1px solid #ddd;text-align:left}.nurse-table th[data-v-0ff69ee8]{background-color:#f4f4f4}.edit-btn[data-v-0ff69ee8]{background-color:#ffc107;color:#000;border:none}.btn-danger[data-v-0ff69ee8]{background-color:#dc3545;color:#fff}.form-container[data-v-33f79246]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.error-message[data-v-33f79246]{color:red;margin-top:5px}.btn-group[data-v-33f79246]{display:flex;gap:10px}.required[data-v-33f79246]{color:red}textarea[data-v-33f79246]{width:100%;resize:vertical;padding:8px}.list-container[data-v-534ad017]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.nurse-table[data-v-534ad017]{width:100%;border-collapse:collapse;margin-top:20px}.nurse-table td[data-v-534ad017],.nurse-table th[data-v-534ad017]{padding:10px;border:1px solid #ddd}.nurse-table th[data-v-534ad017]{background:#f4f4f4}.edit-btn[data-v-534ad017]{background-color:#ffc107;color:#000}.btn-danger[data-v-534ad017]{background-color:#dc3545;color:#fff}.form-container[data-v-d6228f6a]{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}label[data-v-d6228f6a]{display:block;margin-top:15px;font-weight:700}input[data-v-d6228f6a],select[data-v-d6228f6a],textarea[data-v-d6228f6a]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}textarea[data-v-d6228f6a]{resize:vertical}.error-message[data-v-d6228f6a]{color:red;font-size:.9em;margin-top:4px}.btn-group[data-v-d6228f6a]{display:flex;gap:10px;margin-top:20px}button[data-v-d6228f6a]{min-width:150px}.checkbox-group[data-v-d6228f6a]{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.checkbox-row[data-v-d6228f6a]{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}.checkbox-item[data-v-d6228f6a]{display:flex;align-items:center;gap:8px;min-width:130px}.checkbox-item label[data-v-d6228f6a]{margin-top:0;padding-top:0;line-height:31px}.form-check[data-v-d6228f6a]{min-width:120px}.detail-container[data-v-47b1d387]{padding:20px;background:#fff;border-radius:10px;margin:auto}.row[data-v-47b1d387]{display:flex;justify-content:space-between;margin-bottom:10px}.note-box[data-v-47b1d387]{border:1px solid #ccc;padding:8px;min-height:50px;border-radius:5px;background-color:#f9f9f9;margin-bottom:10px}.sign-section div[data-v-47b1d387]{margin-top:10px}.loading-overlay[data-v-47b1d387]{display:flex;justify-content:center;align-items:center;height:200px}.spinner[data-v-47b1d387]{width:40px;height:40px;border:4px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin-47b1d387 1s linear infinite}@keyframes spin-47b1d387{to{transform:rotate(1turn)}}.error-message[data-v-47b1d387]{color:red;text-align:center;margin-top:20px}@media print{.no-print[data-v-47b1d387]{display:none!important}}.radio-group[data-v-492c2838]{display:flex;gap:20px;margin-bottom:10px}.form-container[data-v-6884189a]{max-width:700px;margin:auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}label[data-v-6884189a]{display:block;margin-top:15px;font-weight:700}input[data-v-6884189a],select[data-v-6884189a],textarea[data-v-6884189a]{width:100%;padding:8px;margin-top:5px;box-sizing:border-box}textarea[data-v-6884189a]{resize:vertical}.error-message[data-v-6884189a]{color:red;font-size:.9em;margin-top:4px}.btn-group[data-v-6884189a]{display:flex;gap:10px;margin-top:20px}button[data-v-6884189a]{min-width:150px}.text-danger[data-v-1c65b1ae]{font-size:12px}.bold-hr[data-v-1c65b1ae]{height:3px;background-color:#000;border:none}label[data-v-1aa11f64],label[data-v-d4a69d46]{font-weight:500}.checkbox-label[data-v-1aa11f64]{line-height:30px;margin-left:10px}label[data-v-45248b88],label[data-v-54f1c505]{font-weight:500}.card-title[data-v-24c9fb0e]{font-weight:700}.form-container[data-v-785d1cd3]{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.signature-box[data-v-785d1cd3]{border:1px solid #ccc;padding:10px;margin-top:20px;text-align:center}.signature-canvas[data-v-785d1cd3]{border:1px solid #000;width:100%;height:200px}.btn-clear[data-v-785d1cd3]{margin-top:10px;background-color:red;padding:5px 10px}.btn,.btn-clear[data-v-785d1cd3]{color:#fff;border:none;cursor:pointer;border-radius:5px}.btn{background-color:#1dbcbc;padding:8px 12px;transition:background-color .3s ease}.btn:hover{background-color:#199999;color:#fff!important;font-weight:700!important}.btn-sm{padding:6px 10px;font-size:14px}body,html{min-height:100%;display:flex;flex-direction:column}.main-content{padding-bottom:40px}.sidebar{min-height:100vh}.footer{width:100%;background:#222250;color:#fff;text-align:center;padding:10px;position:relative}.form-container{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid #ccc;width:100%;max-width:600px;margin:auto}@media (max-width:768px){.form-container{width:100%}}label{font-weight:700;display:block;margin-top:10px}.required{color:red}input{display:block;width:100%;padding:10px;margin:5px 0 10px;border-radius:5px;border:1px solid #ccc}.btn-group{justify-content:center}.btn{min-width:150px;text-align:center}.cancel-btn,.cancel-btn:hover{background-color:#e53935;color:#fff}.cancel-btn:hover{font-weight:700!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:red;font-size:.875rem;margin-top:5px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}.list-container{padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.7)}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1dbcbc;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.data-list{list-style:none;padding:0;margin-top:20px}.list-item{background:#f4f7fc;padding:15px;margin:10px 0;display:flex;justify-content:space-between;align-items:center;border-radius:5px}.item-info{flex:1}.info-item{display:block;margin-bottom:5px;font-size:14px;color:#333}.info-item strong{color:#1dbcbc}.btn-group{display:flex;gap:10px}.edit-btn{background-color:#1dbcbc;color:#fff}.delete-btn{background-color:#f44336;color:#fff}.delete-btn:hover{background-color:#f44336!important;color:#fff}.add-btn{background-color:#1dbcbc;color:#fff;margin-bottom:20px}.bg-disabled{background-color:#fdecea!important}hr{margin-top:0}