:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#2d322d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100vw;margin:0;padding:0;font-size:12px;overflow-x:hidden;display:flex;align-items:center;justify-content:center}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#4a6080;cursor:pointer;transition:border-color .25s}button:hover{border-color:#1cf3d3}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}:root{--grey: #F2F2F0;--light-brown: #BFA995;--brown: rgb(219, 88, 88);--orange: #A6633C;--blue: #044D8C;--black: #000000;--white: #fff}.app-container{width:100vw;padding:20px}.home-container,.loading-container,.dashboard-container{min-height:100vh}.navbar{display:flex;justify-content:flex-end;padding:10px 0}.auth-container{display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:10px}.profile-pic{width:32px;height:32px;border-radius:50%}.profile-pic-large{width:100px;height:100px;border-radius:50%}.google-login-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#00f;border:1px solid #ccc;border-radius:4px;cursor:pointer}.google-login-btn:hover{background:#f5f5f5}.google-icon{font-size:20px}.logout-btn{padding:5px 10px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.home-container,.dashboard-container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.dashboard-container{width:100%}.dashboard-link{display:inline-block;margin-top:20px;padding:10px 20px;background:#4caf50;color:#fff;text-decoration:none;border-radius:4px}.user-profile{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;background:#181818e6;padding:8px 15px;border-radius:30px;box-shadow:0 2px 5px #0000001a}.profile-pic{width:32px;height:32px;border-radius:50%;border:2px solid #fff}.welcome-text{font-weight:500;color:#fff}.logout-btn{background:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#d32f2f}.upload{background-color:#4caf50;color:#fff}.upload:hover{background-color:#45a049}.bulk-upload{width:90%;max-width:700px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bulk-upload .upload-form{display:flex;width:90%;max-width:600px;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:0;padding:0}.upload-response{margin-top:20px;border-radius:4px;background-color:#f0f0f0;color:#333;font-size:14px}@media screen and (min-width: 250px){.upload-response{width:90%}}.upload-response-message{color:#155724;width:100%}.upload-response-file{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-response-file pre{width:95%;font-size:13px;padding:15px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;padding:15px;margin-top:20px;font-weight:700;font-size:14px}.error-message p{margin:0}.sample-preview{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.sample-preview ul{width:90%;max-width:700px;display:flex;gap:1.5em;flex-direction:column;align-items:center;justify-content:center;list-style:none;padding:2px}.sample-preview li{padding:5px;border-radius:10px;background-color:var(--black);max-width:700px;width:100%;box-shadow:0 3px 5px var(--black)}.sample-preview li h3{color:var(--brown);font-size:bold;letter-spacing:2px;text-transform:capitalize;margin:0}.sample-preview h2{color:var(--orange);margin:0}.samples-pricing{display:flex;flex-direction:row;align-items:start;justify-content:space-between;gap:2em;flex-wrap:wrap}.samples-pricing div p{margin:0}.file-item>div{display:flex;flex-direction:column;gap:.5em}.file-item .buttons{display:flex;justify-content:space-between;align-items:center;padding:5px}.file-item button{display:inline-block;max-width:160px;padding:6px 12px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.file-item button:hover{background-color:#0056b3}.preview-table table{width:100%;border-collapse:collapse;color:#fff}.preview-table th,.preview-table td{border:1px solid #555;padding:5px;text-align:left}.preview-table th{color:var(--brown)}.schedule-form-container{max-width:100%}.schedule-sms-modal{background:#fff;padding:.5rem;border-radius:12px;width:90%;box-shadow:0 2px 12px #0000001a;margin:2rem auto;display:flex;flex-direction:column;gap:.5rem}.schedule-info{width:100%;display:flex;flex-direction:column}.schedule-info .file-info{width:90%;display:flex;flex-direction:row;justify-content:space-between;padding:1em}.message{margin:0;font-weight:500}.message.success,.success{color:green;background-color:var(--grey);padding:2px;border-radius:5px;box-shadow:1px 1px 2px var(--black)}.message.error,.error{color:red;background-color:var(--grey);padding:2px;border-radius:5px;box-shadow:1px 1px 2px var(--black)}.form-label{display:flex;flex-direction:column;font-weight:600}.form-input{padding:8px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc}.form-buttons{display:flex;gap:10px;justify-content:space-between}.btn{padding:10px 14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn.primary{background-color:#4caf50;color:#fff}.btn.primary:disabled{background-color:#9ccc9c;cursor:not-allowed}.btn.secondary{background-color:#f44336;color:#fff}.select-option-green{background-color:green;color:#fff}.select-option-blue{background-color:#00f;color:var(--brown)}.samples-pricing{color:#fff;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.estimated-pricing,.telco-brakedown{display:flex;flex-direction:column;align-items:center;width:40%;min-width:200px}.telco-brakedown ul{list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;gap:0}.telco-brakedown ul li,.estimated-pricing p{padding:0;margin:0;width:100%;text-align:center;background-color:transparent;color:var(--brown)}.telco-brakedown ul li strong,.estimated-pricing p strong{color:var(--grey)}.samples-pricing h4{color:var(--brown)}.schedule{color:var(--grey)}.summary-pricing{display:flex;align-items:flex-start;justify-content:flex-start;margin:10px 0}.status{font-weight:700;padding:2px;border-radius:4px;margin-top:10px;width:max-content}.progress{width:100%;display:flex;align-items:center;justify-content:center}.progress-bar{width:50px;height:50px}.results{display:flex;flex-direction:column;gap:.2em;margin:0;padding:2px 0;width:50%;border-top:1px dashed var(--orange);border-bottom:1px dashed var(--orange)}.price-time{width:50%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-top:1px dashed var(--orange);border-bottom:1px dashed var(--orange)}.results p{padding:0;margin:0}.sent-result{color:green}.failed-result{color:red}.last-number-result{color:green}.unique-numbers-result{color:orange}.pricing{margin:0;padding:0}.pricing p{padding:0;margin:0}.pricing span{color:red;font-weight:700}.filter-section{background-color:#f4f4f9;padding:2px;border-radius:8px;display:flex;flex-direction:column;width:220px;box-shadow:0 1px 3px var(--black);font-size:14px;margin-top:10px}.filter-section select{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 3px var(--black)}.custom-date-range{display:flex;gap:5px}.custom-date-range input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.totals{background-color:#fff;padding:5px;border-radius:8px;margin-top:15px;box-shadow:0 1px 3px var(--black);font-size:14px;display:flex;gap:.5em;justify-content:center;align-items:center;width:90%;max-width:600px}.totals p{font-size:14px;color:#666;margin:0}.totals p:nth-child(2){padding:0 5px;border-left:2px dotted var(--orange);border-right:2px dotted green}.totals strong{font-weight:700;color:var(--black)}.totals .cost{color:var(--orange);font-weight:700}.totals .sent{color:green;font-weight:700}.totals .failed{color:red;font-weight:700}.aft-bal{width:100%;display:flex;align-items:center}.aft-bal p{color:var(--white)}.aft-bal span{color:var(--orange);font:bold;font-size:normal;border-bottom:dotted var(--white)}
