body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;text-align:center;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}a{color:#42b983;text-decoration:none}a:hover{text-decoration:underline}body[data-v-04f22fd4],html[data-v-04f22fd4]{margin:0;padding:0;min-height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f0f4f7}#login-page[data-v-04f22fd4]{display:flex;min-height:100vh;width:100vw}.left-side[data-v-04f22fd4]{background-color:#fff;width:40%;display:flex;justify-content:center;align-items:center}.login-container[data-v-04f22fd4]{width:100%;max-width:400px;text-align:left}.title[data-v-04f22fd4]{font-family:Arial,sans-serif;font-size:32px;color:#000;margin-bottom:30px;font-weight:700}.form-group[data-v-04f22fd4]{margin-bottom:20px}input[data-v-04f22fd4]{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px;background-color:#dcdcdc}.login-button[data-v-04f22fd4]{width:100%;padding:12px;font-size:14px;color:#fff;background-color:#007bff;border:none;border-radius:4px;cursor:pointer}.login-button[data-v-04f22fd4]:hover{background-color:#0056b3}.right-side[data-v-04f22fd4]{background-color:#0056b3;width:60%;min-height:100vh;display:flex;justify-content:center;align-items:center}.info-container[data-v-04f22fd4]{color:#fff;text-align:center;padding:0 40px}.welcome-message[data-v-04f22fd4]{font-size:36px;font-weight:700;margin-bottom:20px}.info-text[data-v-04f22fd4]{font-size:18px}.header[data-v-172c64b5]{background-color:#bfbfbf;padding:50px 40px;color:#000;display:flex;justify-content:space-between;align-items:center;width:100vw;box-sizing:border-box}.main-title[data-v-172c64b5]{font-size:48px;font-weight:700}.main-body[data-v-172c64b5]{display:flex;height:calc(100vh - 80px);width:100vw;overflow:hidden}.sidebar[data-v-172c64b5]{width:350px;background-color:#408ff0;padding:20px;display:flex;flex-direction:column;gap:20px}.sidebar-button[data-v-172c64b5]{background-color:#0056b3;color:#fff;padding:15px;border:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px;width:100%}.sidebar-button.active[data-v-172c64b5]{background-color:#003a75}.sidebar-button[data-v-172c64b5]:hover{background-color:#004a99}.content-area[data-v-172c64b5]{flex-grow:1;background-color:#fff;padding:40px;display:flex;flex-direction:column}.admin-header[data-v-172c64b5],.publisher-header[data-v-172c64b5]{display:flex;justify-content:space-between;align-items:center}.table-title[data-v-172c64b5]{font-size:24px;font-weight:700}.add-admin-button[data-v-172c64b5],.add-publisher-button[data-v-172c64b5]{background-color:#1b68c3;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.add-admin-button[data-v-172c64b5]:hover,.add-publisher-button[data-v-172c64b5]:hover{background-color:#1552a0}.admin-table[data-v-172c64b5],.publisher-table[data-v-172c64b5]{width:100%;border-collapse:collapse}.admin-table td[data-v-172c64b5],.admin-table th[data-v-172c64b5],.publisher-table td[data-v-172c64b5],.publisher-table th[data-v-172c64b5]{padding:15px;border:1px solid #000;text-align:center}.admin-table th[data-v-172c64b5],.publisher-table th[data-v-172c64b5]{background-color:#d3d3d3}.admin-table td[data-v-172c64b5],.publisher-table td[data-v-172c64b5]{background-color:#f2f2f2}.add-admin-form[data-v-172c64b5],.add-publisher-form[data-v-172c64b5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;padding:30px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.3);z-index:10}.add-admin-form h2[data-v-172c64b5],.add-publisher-form h2[data-v-172c64b5]{margin-bottom:20px;color:#1b68c3}.form-group[data-v-172c64b5]{margin-bottom:20px}input[data-v-172c64b5]{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px}.submit-button[data-v-172c64b5]{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button[data-v-172c64b5]:hover{background-color:#0056b3}.cancel-button[data-v-172c64b5]{padding:10px 15px;background-color:#999;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:10px}.cancel-button[data-v-172c64b5]:hover{background-color:#777}.welcome-container[data-v-172c64b5]{display:flex;align-items:center;gap:20px}.signout-button[data-v-172c64b5]{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.signout-button[data-v-172c64b5]:hover{background-color:#0056b3}.header[data-v-3fcbf4f8]{background-color:#bfbfbf;padding:50px 40px;color:#000;display:flex;justify-content:space-between;align-items:center;width:100vw;box-sizing:border-box}.main-title[data-v-3fcbf4f8]{font-size:48px;font-weight:700}.main-body[data-v-3fcbf4f8]{display:flex;height:calc(100vh - 80px);width:100vw;overflow:hidden}.sidebar[data-v-3fcbf4f8]{width:350px;background-color:#408ff0;padding:20px;display:flex;flex-direction:column;gap:20px}.sidebar-button[data-v-3fcbf4f8]{background-color:#0056b3;color:#fff;padding:15px;border:none;text-align:left;font-weight:700;cursor:pointer;border-radius:4px;width:100%}.sidebar-button.active[data-v-3fcbf4f8]{background-color:#003a75}.sidebar-button[data-v-3fcbf4f8]:hover{background-color:#004a99}.content-area[data-v-3fcbf4f8]{flex-grow:1;background-color:#fff;padding:40px;display:flex;flex-direction:column}.admin-header[data-v-3fcbf4f8],.publisher-header[data-v-3fcbf4f8]{display:flex;justify-content:space-between;align-items:center}.table-title[data-v-3fcbf4f8]{font-size:24px;font-weight:700}.add-admin-button[data-v-3fcbf4f8],.add-publisher-button[data-v-3fcbf4f8]{background-color:#1b68c3;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.add-admin-button[data-v-3fcbf4f8]:hover,.add-publisher-button[data-v-3fcbf4f8]:hover{background-color:#1552a0}.admin-table[data-v-3fcbf4f8],.publisher-table[data-v-3fcbf4f8]{width:100%;border-collapse:collapse}.admin-table td[data-v-3fcbf4f8],.admin-table th[data-v-3fcbf4f8],.publisher-table td[data-v-3fcbf4f8],.publisher-table th[data-v-3fcbf4f8]{padding:15px;border:1px solid #000;text-align:center}.admin-table th[data-v-3fcbf4f8],.publisher-table th[data-v-3fcbf4f8]{background-color:#d3d3d3}.admin-table td[data-v-3fcbf4f8],.publisher-table td[data-v-3fcbf4f8]{background-color:#f2f2f2}.add-admin-form[data-v-3fcbf4f8],.add-publisher-form[data-v-3fcbf4f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;padding:30px;background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,.3);z-index:10}.add-admin-form h2[data-v-3fcbf4f8],.add-publisher-form h2[data-v-3fcbf4f8]{margin-bottom:20px;color:#1b68c3}.form-group[data-v-3fcbf4f8]{margin-bottom:20px}input[data-v-3fcbf4f8]{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:4px}.submit-button[data-v-3fcbf4f8]{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.submit-button[data-v-3fcbf4f8]:hover{background-color:#0056b3}.cancel-button[data-v-3fcbf4f8]{padding:10px 15px;background-color:#999;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:10px}.cancel-button[data-v-3fcbf4f8]:hover{background-color:#777}.welcome-container[data-v-3fcbf4f8]{display:flex;align-items:center;gap:20px}.signout-button[data-v-3fcbf4f8]{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.signout-button[data-v-3fcbf4f8]:hover{background-color:#0056b3}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50;height:100%;width:100%;overflow:hidden}h1,h2,h3{margin-bottom:20px}button{cursor:pointer}