body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}label{align-items:center;display:flex}button{cursor:pointer}button svg{font-size:18px}.label-bold{font-weight:700}.label-red{color:red}.label-semi{color:#3a3a3a}.label-mini,.label-semi{font-size:small}.label-x-mini{font-size:x-small}.layout{display:flex;height:100vh;width:100vw}.sidebar{align-items:flex-start;background-color:#202123;box-shadow:2px 0 5px #0000001a;color:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:300px}.sidebar h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}.sidebar button{background:none;border:none;border-radius:8px;color:#d1d5db;font-size:16px;margin:5px 0;padding:10px 15px;text-align:left;transition:all .3s ease;width:100%}.sidebar button:hover{background-color:#2a2b32;color:#fff}.sidebar button.active{background-color:#343541;box-shadow:0 0 5px #0003;color:#fff;font-size:18px;font-weight:700}.sidebar .extra-button{align-items:center;background-color:#d1d5db;border:1px solid #ddd;border-radius:8px;color:#202123;display:flex;gap:10px;justify-content:center;transition:all .3s ease;width:100%}.sidebar .extra-button:hover{background-color:#2a2b32}.sidebar .extra-button svg{font-size:18px}.content{background-color:#f5f5f5;flex:1 1;height:100%!important;overflow-y:auto}.content-page{display:flex;flex-direction:column;height:100%;width:100%}.content h1{font-size:24px;padding:20px;text-align:center;width:100%}.seperate-line{background-color:#d1d5db;height:2px;margin:10px 0;width:100%}.horizontal-layout{display:flex;flex:1 1;height:0}.horizontal-layout2{display:flex;flex:1 1;height:100%}.horizontal-layout-no-scroll{align-items:center;display:flex;flex:1 1}.horizontal-layout-column{display:flex;flex:1 1;flex-direction:column;height:100%;margin-right:10px;padding-right:10px}.vertical-layout{flex:1 1;min-height:0;overflow-y:auto}.right-layout{display:flex;gap:5px;justify-content:flex-end;margin:5px 0}.action-button{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;display:flex;gap:2px;justify-content:center;padding:4px 8px}.action-button:hover{background-color:#0060c7}.edit-button{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;display:flex;gap:2px;justify-content:center;margin:2px 5px 2px 2px;padding:3px}.edit-button:hover{background-color:#0060c7}.delete-button{align-items:center;background-color:red;border:none;border-radius:5px;color:#fff;display:flex;gap:2px;justify-content:center;margin:2px 5px 2px 2px}.delete-button:hover{background-color:#d00}.table-row-layer-1{background-color:#888;border-bottom:1px solid #000;border-radius:5px 5px 0 0;font-weight:700;padding:5px}.table-row-layer-2{background-color:#aaa}.table-row-layer-2,.table-row-layer-3{border-bottom:1px solid #000;padding:2px 5px}.table-row-layer-3{background-color:#bbb}.table-row-layer-4{background-color:#ddd}.table-row-layer-4,.table-row-layer-5{border-bottom:1px solid #000;padding:2px 5px}.table-row-layer-5{background-color:#fff}.item-empty{background-color:#ddd;color:#c00;font-size:14px;padding:5px;text-align:center}.statistic-item-container{display:flex}.statistic-item{align-content:center;border-left:1px solid #000;flex:1 1;text-align:center}.stick-right{font-size:small;font-style:italic;font-weight:400;margin-right:10px;padding:2px;position:absolute;right:0;top:0}body,html{background-color:#f4f4f4}#root{height:100%}#root,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex-direction:column;margin:10px;max-width:400px;padding:20px;width:90%}.login-container h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.login-container form{width:100%}.login-container input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;margin:10px 0 15px;padding:10px;width:100%}.login-container .error{color:#d9534f;font-size:14px;margin-bottom:15px}.login-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;display:block;font-size:16px;margin-left:auto;margin-right:auto;margin-top:10px;padding:10px 20px;transition:background-color .3s;width:auto}.login-container button:hover{background-color:#0056b3}.marketing-item{background-color:#ddd;border:2px solid #888;border-radius:0 20px 0 0;margin-bottom:5px;width:95%}.marketing-item-selected{background-color:#ffb0b0;border:2px solid red;border-radius:0;margin-bottom:5px}.marketing-item-title{background-color:#999;border-radius:0 20px 0 0;color:#000;font-weight:700;padding:0 2px;position:relative}.marketing-item-title-selected{background-color:red;border-radius:0;color:#fff;font-weight:700;padding:0 2px;position:relative}.marketing-campaign-item-empty,.marketing-customer-item-empty{background-color:#cacaca;border:1px solid #ddd;color:#c00;font-size:14px;padding:5px;text-align:center}.marketing-customer-log-item-sale{background-color:#ccc;border:1px solid #ddd;border-radius:5px;margin-bottom:5px;padding:5px}.marketing-customer-log-item-system{margin-bottom:10px;padding:5px}.marketing-customer-log-item-title{color:red;font-weight:700}.marketing-customer-log-item-logger{color:#000;font-size:small;font-weight:700;margin-bottom:5px;text-align:start}.marketing-customer-log-item-message-sale{text-align:start}.marketing-customer-log-item-message-system{color:#888;font-size:small;padding:0 50px;text-align:center}.marketing-customer-log-item-datetime-sale{color:#555;font-size:12px;margin-top:10px;text-align:end}.marketing-customer-log-item-datetime-system{color:#bbb;font-size:12px;margin-top:2px;text-align:center}.marketing-customer-log-item-empty{background-color:#cacaca;border:1px solid #ddd;color:#c00;font-size:14px;padding:5px;text-align:center}.campaign-header{align-items:center;display:flex;font-size:large;height:20px}.campaign-header h4{margin:0}.marketing-campaign-create-btn{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;display:flex;font-size:16px;margin-right:5px;padding:5px 8px}.marketing-campaign-create-btn:hover{background-color:#0056b3}.admin-marketing-list-grid{display:grid;grid-template-columns:1fr 3fr 1fr 2fr}.stat-bar{background-color:#eee;border-radius:4px;display:flex;height:24px;overflow:hidden}.stat-care{background-color:#4caf50}.stat-meet{background-color:#673ab7}.stat-buy{background-color:#4d15ad}.stat-silent{background-color:#2196f3}.stat-no-care{background-color:#f44336}.stat-care-to-no{background-color:#ff9800}.stat-new{background-color:#9e9e9e}.stat-segment{align-items:center;color:#fff;display:flex;font-size:12px;height:100%;justify-content:start;position:relative;white-space:nowrap}.stat-segment span{font-weight:700;padding:0 4px;position:absolute}.stat-legend{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.stat-legend-item{align-items:center;display:flex;font-size:14px;gap:6px}.stat-legend-color{border-radius:3px;height:16px;width:16px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.big-modal{height:auto;height:90%;max-height:90%;max-width:90%;overflow-y:auto;text-align:center}.big-modal,.modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;padding:20px;position:relative;width:100%}.modal{height:auto;max-height:60%;max-width:400px}.modal h2{text-align:center}.close-button{background:none;border:none;color:#ec3f39;font-size:20px;font-weight:700;padding:0;position:absolute;right:10px;top:10px}.close-button:hover{color:red}.modal input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;position:relative;width:100%}.modal-buttons{align-items:center;display:flex;justify-content:center;margin-top:20px}.modal-buttons-container{flex:1 1;height:auto;overflow-y:auto}.modal-buttons button{background-color:#007bff;border:none;border-radius:5px;color:#fff;font-size:16px;margin-top:10px;padding:10px 15px}.modal-buttons button:hover{background-color:#0056b3}.error-message{color:#d9534f}.error-message,.success-message{font-size:14px;margin-bottom:10px}.success-message{color:#5cb85c}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:30px;width:100%}.eye-icon{cursor:pointer;position:absolute;right:10px}.admin-telesale-list-grid{display:grid;grid-template-columns:3fr 1fr 22fr 1fr}.lead-list-grid{display:grid;grid-template-columns:3fr 1fr 22fr 2fr}.telesale-setting-grid{display:grid;grid-template-columns:2fr 1fr 2fr 2fr 2fr 2fr 1fr}.project-management-grid{display:grid;grid-template-columns:1fr 8fr 1fr}.datasheet-management-grid{display:grid;grid-template-columns:1fr 7fr 2fr}.telesale-statistic-grid{display:grid;grid-template-columns:3fr 1fr 22fr}body,html{align-items:flex-start;background-color:#f7f7f7;font-family:Arial,sans-serif;justify-content:center;padding:0}.vertical-page,body,html{height:100%;margin:0;width:100%}.vertical-page{flex-direction:column}.topbar,.vertical-page{box-sizing:border-box;display:flex}.topbar{align-items:center;background-color:#2c3e50;box-shadow:0 2px 5px #0000001a;color:#fff;justify-content:space-between;padding:15px 20px;position:sticky;top:0;width:100%;z-index:1000}.topbar-label{font-size:18px;font-weight:700}.logout-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;font-size:14px;padding:8px 12px;transition:background-color .3s}.logout-button:hover{background-color:#c0392b}.content{height:calc(100% - 60px);justify-content:flex-start;overflow:hidden;overflow-x:hidden;padding:0 20px}.content,.section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;justify-content:center;margin-top:20px;max-width:30%;padding:30px;text-align:center}.section label{color:#333;font-size:32px;font-weight:700;padding-bottom:10px}.button{border:none;border-radius:5px;font-size:24px!important;margin-left:10px;margin-right:10px;padding:15px 10px!important;transition:background-color .3s,box-shadow .3s;width:calc(100% - 20px)}.button:hover{box-shadow:0 4px 8px #0003}.button-blue{background-color:#3498db;color:#fff}.button-blue:hover{background-color:#2980b9}.button-red{background-color:#e74c3c;color:#fff}.button-red:hover{background-color:#c0392b}.button-green{background-color:#2ecc71;color:#fff}.button-green:hover{background-color:#27ae60}.button-yellow{background-color:#f39c12;color:#fff}.button-yellow:hover{background-color:#e67e22}.button-purple{background-color:#9b59b6;color:#fff}.button-purple:hover{background-color:#8e44ad}.section-2{align-items:center;display:flex;flex-direction:column;gap:15px}.hidden{display:none}@media (max-width:768px){.topbar-label{font-size:16px}.logout-button{font-size:12px;padding:6px 10px}.section{max-width:100%;padding:15px}.button{font-size:14px;padding:10px 15px}}
/*# sourceMappingURL=main.25ce3e35.css.map*/