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}.App-header{padding:20px;text-align:center}.nav{margin-top:10px}.nav-link{color:#007bff;padding:10px;text-decoration:none}.nav-link-active,.nav-link:hover{text-decoration:underline}.nav-link-active{font-weight:700}form.registration-form{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000026;display:flex;flex-direction:column;margin:20px auto;max-width:900px;padding:40px}form.registration-form .form-group{align-items:center;display:flex;margin-top:15px;max-width:1200px;width:100%}form.registration-form label{color:#333;flex:0 0 120px;font-size:1.1rem;margin-right:15px}form.registration-form input[type=date],form.registration-form input[type=email],form.registration-form input[type=password],form.registration-form input[type=tel],form.registration-form input[type=text],form.registration-form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;flex-grow:1;font-size:1rem;padding:12px;width:100%}form.registration-form input::placeholder{color:#888;font-size:1rem;font-style:italic;opacity:1}form.registration-form button,form.registration-form input,form.registration-form select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;margin-top:15px;padding:12px;width:100%}form.registration-form button{background-color:#28a745;border:none;color:#fff;cursor:pointer;font-size:1.1rem;max-width:200px;padding:12px;transition:background-color .3s ease}form.registration-form button:hover{background-color:#218838}form.registration-form button[type=button]{background:none;border:none;color:#007bff;font-size:.9rem;max-width:none;padding:10px 0;text-decoration:underline}form.registration-form button[type=button]:hover{background:none;color:#0056b3}button,input{border:1px solid #ccc;border-radius:5px;margin:10px 0;min-height:44px;padding:10px;width:95%}button{font-size:16px;margin:0 10px;padding:8px}.logout-button{margin-right:5px;margin-top:5px;padding-left:10px;text-align:left}.logout-button:hover{text-decoration:underline}.users-list-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;max-width:100%;overflow-x:auto;padding:20px}.users-table{border-collapse:collapse;font-size:14px;margin-left:10px;min-width:600px;width:90%}.users-table td,.users-table th{border:1px solid #ddd;padding:4px;text-align:left}.users-table input[type=checkbox]{height:20px;margin:0 auto;width:20px}.users-table th{background-color:#007bff;color:#fff}.users-table tr:nth-child(2n){background-color:#f2f2f2}.users-table tr:hover{background-color:#ddd}.surveys-table{border-collapse:collapse;min-width:600px;width:100%}.surveys-table td,.surveys-table th{border:1px solid #ddd;padding:8px;text-align:left}.surveys-table th{background-color:#f4f4f4}.dashboard-container{grid-gap:20px;background:linear-gradient(90deg,#0f2027,#203a43,#2c5364);color:#fff;display:grid;gap:20px;grid-template-columns:1fr 2fr;max-width:100%;overflow-x:auto;padding:20px}.survey{font-size:15px}.sample-management-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;max-width:100%;overflow-x:auto;padding:20px}.sample-management-panel input[type=number]::placeholder,.sample-management-panel input[type=text]::placeholder{color:#7f8c8d;font-style:italic;opacity:1;width:20%}.sample-management-panel input[type=number],.sample-management-panel input[type=text]{width:100%}@media (min-width:768px){.sample-management-panel input[type=number],.sample-management-panel input[type=text]{width:50%}}.circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:100px;justify-content:center;margin:10px;width:100px}.male{background-color:#1e90ff}.female{background-color:#ff69b4}.total{background-color:#20c997}.sample-table{min-width:600px}.sample-table td,.sample-table th{border-bottom:1px solid #ddd;padding:12px}.sample-table th{background-color:#666}.sample-table tr:nth-child(2n){background-color:#aaa9a9}.sample-table tr:hover{background-color:#ddd}input[type=number],input[type=text]{border:none;border-radius:4px;margin:5px;padding:10px}button{background-color:#28a745;border:none;border-radius:4px;color:#fff;min-height:44px;padding:10px 20px;width:40%}button:hover{background-color:#218838}.summary-panel{background:linear-gradient(145deg,#6dd5ed,#2193b0);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;font-size:1.2rem;max-width:100%;overflow:hidden;overflow-x:auto;padding:20px;position:relative}.summary-panel:after{animation:ripple 15s linear infinite;background-color:#ffffff1a;border-radius:50%;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:1}@keyframes ripple{0%{transform:scale(.5)}50%{transform:scale(1.5)}to{transform:scale(.5)}}.summary-panel p{position:relative;z-index:2}.summary-panel .circle{background:#fff3;box-shadow:inset 0 2px 4px #0003}.summary-panel .male{background-color:#1e90ff;box-shadow:0 4px 8px #0000001a}.summary-panel .female{background-color:#ff69b4;box-shadow:0 4px 8px #0000001a}.summary-panel .total{background-color:#20c997;box-shadow:0 4px 8px #0000001a}.sampleg-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;min-height:44px;padding:10px;width:11%}.sampleg-button:hover{background-color:#218838}.age-bands-table{border-collapse:collapse;margin-top:10px;min-width:600px;width:100%}.age-bands-table td,.age-bands-table th{border-bottom:1px solid #ddd;padding:8px;text-align:left}.age-bands-table th{background-color:#666}.age-bands-table tr:nth-child(2n){background-color:#aaa9a9}.age-bands-table tr:hover{background-color:#ddd}.country-summary{list-style:none;padding:0}.country-summary li{background:#f1c40f;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:5px 0;padding:10px}.sec-summary-table{border-collapse:collapse;margin-top:10px;min-width:600px;width:100%}.sec-summary-table td,.sec-summary-table th{border-bottom:1px solid #ddd;color:#fff;padding:8px;text-align:left}.sec-summary-table th{background-color:#e74c3c}.sec-summary-table tr:nth-child(2n){background-color:#c0392b}.sec-summary-table tr:hover{background-color:#a93226}.lsm-group-summary-table{border-collapse:collapse;margin-top:10px;min-width:600px;width:100%}.lsm-group-summary-table td,.lsm-group-summary-table th{border-bottom:1px solid #ddd;color:#fff;padding:8px;text-align:left}.lsm-group-summary-table th{background-color:#2980b9}.lsm-group-summary-table tr:nth-child(2n){background-color:#2471a3}.lsm-group-summary-table tr:hover{background-color:#1f618d}.city-summary-table{border-collapse:collapse;margin-top:10px;min-width:600px;width:100%}.city-summary-table td,.city-summary-table th{border-bottom:1px solid #ddd;color:#fff;padding:8px;text-align:left}.city-summary-table th{background-color:#27ae60}.city-summary-table tr:nth-child(2n){background-color:#229954}.city-summary-table tr:hover{background-color:#1e8449}.region-summary-table{border-collapse:collapse;margin-top:10px;min-width:600px;width:100%}.region-summary-table td,.region-summary-table th{border-bottom:1px solid #ddd;color:#fff;padding:8px;text-align:left}.region-summary-table th{background-color:#f39c12}.region-summary-table tr:nth-child(2n){background-color:#e67e22}.region-summary-table tr:hover{background-color:#d35400}.sur-table{border-collapse:collapse;margin-top:20px;min-width:600px;width:100%}.sur-table td,.sur-table th{border:1px solid #ddd;padding:8px;text-align:left}.sur-table th{background-color:#f4f4f4;color:#333}.sur-table tr:nth-child(2n){background-color:#f9f9f9}.sur-table tr:hover{background-color:#f1f1f1}.sur-table a{color:#06c;text-decoration:none}.sur-table a:hover{text-decoration:underline}.options-container{display:flex;flex-direction:column}.options-container label{align-items:center;display:flex;margin-bottom:3px}.options-container label input[type=radio]{margin-right:5px}.options-container label span:last-child{flex:1 1}.data-table{box-shadow:0 4px 8px #0000001a;font-size:1rem;margin:20px 0;min-width:600px;table-layout:auto;text-align:left;width:auto}.data-table td,.data-table th{border:1px solid #ddd;transition:background-color .3s ease;white-space:nowrap}.data-table th{background-color:#f4f4f4;color:#333;font-weight:700}.data-table td{background-color:#fff;color:#555}.data-table tr:nth-child(2n) td{background-color:#f9f9f9}.data-table tr:hover td{background-color:#e0f7fa}.data-table td:first-child,.data-table th:first-child{border-left:none}.data-table td:last-child,.data-table th:last-child{border-right:none}.data-table td,.data-table th{border-top:none}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table tr:last-child td:first-child{border-bottom-left-radius:8px}.data-table tr:last-child td:last-child{border-bottom-right-radius:8px}.desired-sample-numbers{margin-top:10px}.tables-container{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;margin-top:20px;max-width:100%;overflow-x:auto}.table-wrapper{flex:1 1 30%;max-width:100%;min-width:180px;overflow-x:auto}.table-wrapper table{border-collapse:collapse;font-size:14px;margin-bottom:20px;min-width:600px;table-layout:auto;width:100%}.table-wrapper table td,.table-wrapper table th{border:1px solid #ddd;padding:1px 8px;text-align:left}.table-wrapper table th{background-color:#f2f2f2}.table-wrapper h5{margin-bottom:10px}.table-wrapper table td.available-count,.table-wrapper table td.desired-count,.table-wrapper table th.available-count,.table-wrapper table th.desired-count{width:10px}.home-page{background:linear-gradient(135deg,#e0f7fa,#80deea);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:1000px;overflow:hidden;padding:40px;position:relative;text-align:center}.home-page:before{background:#fff3;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.home-page h2{color:#333;font-size:2.8rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;position:relative;z-index:1}.home-tagline{color:#444;font-size:1.3rem;line-height:1.5;margin-bottom:40px;position:relative;z-index:1}.home-features{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;position:relative;z-index:1}.feature-item{background:linear-gradient(145deg,#f9faf5,#c3cfe2);border-radius:8px;flex:1 1;min-width:250px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.feature-item h3{color:#007bff;font-size:1.5rem;font-weight:600;margin-bottom:10px}.feature-item p{color:#555;font-size:1rem;line-height:1.4}.auth-container{align-items:center;background:linear-gradient(135deg,#e0f7fa,#80deea);display:flex;flex-direction:column;justify-content:center;min-height:80vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{background:#fff3;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.auth-container>*{position:relative;z-index:1}.switch-button{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;max-width:200px;min-height:44px;padding:12px;transition:background-color .3s ease,transform .2s ease;width:100%}.switch-button:hover{background-color:#0056b3;transform:translateY(-2px)}.switch-button:active{transform:translateY(0)}.App-header{background-color:#e9ebf0;color:#181616;padding:15px 20px}.header-top{align-items:center;display:flex;margin-bottom:12px;position:relative;width:100%}.header-top .header-logo{height:60px;left:20px;margin-top:50px;object-fit:contain;position:absolute;z-index:10}.header-top h1{flex:1 1;font-size:1.8rem;font-weight:600;margin:0;padding:0 80px;text-align:center}.nav-container{flex-wrap:wrap;gap:8px;justify-content:center}.nav-container,.user-controls{align-items:center;display:flex}.user-controls{gap:12px;margin-right:20px}.user-info{align-items:center;display:flex;gap:8px;white-space:nowrap}.logout-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;text-decoration:underline}.logout-button:hover{color:#0056b3}.floating-help{bottom:70px;position:fixed;right:20px;z-index:1001}.floating-help-btn{align-items:center;background:#8bffe3!important;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#1a1a1a!important;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;min-height:50px;text-decoration:none;transition:all .2s ease;width:50px;z-index:1001}.floating-help-btn:hover{background:#5ce6c1!important;box-shadow:0 6px 16px #00000040;transform:scale(1.1)}.floating-help-btn.active{background:#3dd4b0!important;transform:scale(.95)}.nav-container a{color:#007bff;text-decoration:none}.nav-container a:hover{text-decoration:underline}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:80vh;max-width:70vw;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:100%}.modal-content table{border-collapse:collapse;margin-bottom:20px;min-width:600px;table-layout:auto;width:100%}.modal-content td,.modal-content th{border:1px solid #ddd;max-width:200px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.modal-content th{background-color:#f2f2f2;font-weight:700}.close-btn{font-size:20px;right:10px;transition:color .2s}.close-btn:hover{color:#333}.close-btn-text{background:#007bff;border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:10px;min-height:44px;padding:8px 16px;transition:background .2s}.close-btn-text:hover{background:#0056b3}.search-input{background-color:#fff;border:2px solid #007bff;border-radius:25px;box-shadow:0 0 0 3px #007bff33;font-size:.95rem;max-width:400px;outline:none;padding:10px 14px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#0056b3;box-shadow:0 0 0 4px #0056b34d}.search-input::placeholder{color:#777;font-style:italic}@media (prefers-color-scheme:dark){.search-input{background-color:#222;border:2px solid #39f;box-shadow:0 0 0 3px #3399ff40;color:#eee}.search-input::placeholder{color:#aaa}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.terms-modal{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.terms-modal .modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-height:80vh;max-width:70vw;overflow-y:auto;padding:20px;position:relative;width:auto}.terms-modal *{box-sizing:border-box}.navbut{min-height:44px}.terms-modal .form-group.checkbox-group,form.registration-form .form-group.checkbox-group{align-items:center;display:flex;gap:.5rem;margin-bottom:20px;margin-top:15px;width:100%}.terms-modal .form-group.checkbox-group input[type=checkbox],form.registration-form .form-group.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.terms-modal .form-group.checkbox-group label,form.registration-form .form-group.checkbox-group label{align-items:center;color:#333;cursor:pointer;display:flex;flex:1 1;font-size:1rem;margin:2px}.terms-modal .form-group.checkbox-group span,form.registration-form .form-group.checkbox-group span{color:#666;font-size:.9rem}.policy-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;font-size:.9rem;height:200px;margin-bottom:10px;overflow-y:auto;padding:10px}.hamburger{background:none;border:none;color:#007bff;cursor:pointer;display:none;font-size:24px;transition:color .3s ease}.hamburger:active,.hamburger:focus{color:#0056b3;outline:none}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}@media (max-width:768px){.hamburger{display:block}.nav-links{background-color:#e9ebf0;display:none;flex-direction:column;left:0;padding:10px;position:absolute;top:100%;width:100%;z-index:999}.nav-links.open{display:flex}.nav-link{font-size:1rem;padding:12px;text-align:center;width:100%}.user-controls{flex-direction:column;gap:5px;justify-content:center;width:100%}.home-page{margin:20px;padding:20px}.home-page h2{font-size:2.2rem}.home-tagline{font-size:1.1rem}.feature-item{margin:10px 0;min-width:100%}.auth-container{padding:15px}form.registration-form{margin:10px;max-width:100%;padding:20px}form.registration-form .form-group{align-items:flex-start;flex-direction:column;max-width:350px}form.registration-form label{flex:none;flex:0 0 100px;margin-bottom:5px;margin-right:0}.switch-button{font-size:1rem;max-width:180px}.dashboard-container{grid-template-columns:1fr}.circle{font-size:16px;height:80px;margin:5px;width:80px}.tables-container{flex-direction:column;gap:10px}.table-wrapper{flex:1 1 100%}.modal-content{max-width:90vw}.navbut,.switch-button,button{font-size:1rem;padding:10px}.nav-container{align-items:center;flex-direction:column;justify-content:flex-start;position:relative}.user-controls{margin-left:0;margin-right:0;margin-top:8px}}@media (max-width:480px){.home-page h2{font-size:1.8rem}.home-tagline{font-size:1rem}.feature-item h3{font-size:1.3rem}.feature-item p{font-size:.9rem}.auth-container{padding:10px}form.registration-form{padding:15px}form.registration-form .form-group{align-items:flex-start;flex-direction:column;max-width:100%}form.registration-form label{flex:none;margin-bottom:5px;margin-right:0}form.registration-form button,form.registration-form input,form.registration-form select{font-size:.9rem;padding:10px}.switch-button,form.registration-form button{font-size:.9rem;max-width:160px;padding:10px}.header-top h1{font-size:1.5rem;padding:0 60px}.header-top .header-logo{height:50px;margin-top:40px}.nav-link{font-size:.9rem;padding:10px}.age-bands-table,.city-summary-table,.data-table,.lsm-group-summary-table,.region-summary-table,.sample-table,.sec-summary-table,.sur-table,.surveys-table,.table-wrapper table,.users-table{font-size:12px}.circle{font-size:14px;height:60px;margin:5px;width:60px}.navbut,.switch-button,button{max-width:none;width:100%}.floating-help-btn{font-size:20px;height:40px;width:40px}.hamburger{font-size:20px}}.dashboard-container,.modal-content,.sample-management-panel,.table-container,.table-wrapper,.tables-container,.users-list-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.age-bands-table,.city-summary-table,.data-table,.lsm-group-summary-table,.modal-content table,.region-summary-table,.sample-table,.sec-summary-table,.sur-table,.surveys-table,.table-wrapper table,.users-table,table{border-collapse:collapse;min-width:800px;table-layout:auto;width:100%}td,th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.age-bands-table,.city-summary-table,.data-table,.lsm-group-summary-table,.modal-content table,.region-summary-table,.sample-table,.sec-summary-table,.sur-table,.surveys-table,.table-wrapper table,.users-table,table{min-width:1000px}.dashboard-container,.modal-content,.sample-management-panel,.table-container,.table-wrapper,.tables-container,.users-list-container{max-width:100%;overflow-x:auto;scrollbar-width:thin}.dashboard-container::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.sample-management-panel::-webkit-scrollbar,.table-container::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar,.tables-container::-webkit-scrollbar,.users-list-container::-webkit-scrollbar{height:8px}.dashboard-container::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.sample-management-panel::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb,.tables-container::-webkit-scrollbar-thumb,.users-list-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.dashboard-container::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.sample-management-panel::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track,.tables-container::-webkit-scrollbar-track,.users-list-container::-webkit-scrollbar-track{background:#f1f1f1}}.App{min-height:100vh;padding-bottom:50px;position:relative}.app-footer{background-color:#f8f9fa;border-top:1px solid #eee;bottom:0;color:#000;font-size:12px;left:0;padding:10px;position:fixed;text-align:center;width:100%;z-index:1000}.loading-overlay{align-items:center;background-color:#ffffffb3;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;pointer-events:auto;position:fixed;top:0;width:100vw;z-index:9999}.spinner{background:conic-gradient(red,orange,#ff0,green,blue,indigo,violet,red);height:40px;mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));width:40px}.loading-overlay p{color:#333;font-size:16px;margin-top:10px}.alert-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.custom-alert{align-items:flex-start;border-radius:8px;box-shadow:0 6px 12px #0000004d;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:16px;justify-content:space-between;max-width:450px;padding:20px;width:90%}.custom-alert--error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.custom-alert--success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.custom-alert--warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.alert-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:15px;width:100%}.alert-confirm-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.alert-confirm-button:hover{background-color:#c82333}.alert-close-button{background-color:#6b7280;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s ease}.alert-close-button:hover{background-color:#4b5563}.custom-alert--confirm{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.dashboard{background:linear-gradient(135deg,#00c4cc,#007a8e);border-radius:12px;color:#fff;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;overflow:hidden;padding:20px;position:relative}.dashboard:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%2300b4d8" fill-opacity="0.2" d="M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,245.3C960,256,1056,224,1152,197.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom;background-size:cover;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}.dashboard h2{color:#fff;font-size:2.2rem;letter-spacing:.5px;margin-bottom:30px;text-align:center;text-shadow:0 2px 4px #0003}.card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card{background-color:#ffffffe6;border:1px solid #00b4d880;border-radius:12px;box-shadow:0 4px 12px #0003;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 20px #00000040;transform:translateY(-5px)}.card-header{border-bottom:2px solid #00b4d84d;color:#0077be;font-size:1.4rem;font-weight:700;margin-bottom:15px;padding-bottom:10px}.sub-card-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sub-card{align-items:center;background-color:#fffffff2;border-left:4px solid #00b4d8;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#333;display:flex;flex-wrap:wrap;font-size:1rem;gap:10px;justify-content:space-between;justify-content:flex-start;padding:10px 15px;transition:transform .2s ease,box-shadow .2s ease}.sub-card:hover{box-shadow:0 4px 10px #00000026;transform:scale(1.02)}.sub-card strong{color:#005f9e;font-weight:700;white-space:normal}.progress-container{background-color:#0000001a;border-radius:20px;box-shadow:inset 0 1px 3px #0003;height:20px;margin-top:10px}.progress-bar2{background:linear-gradient(135deg,#ff8a80,#ffd54f);border-radius:20px;height:100%;transition:width .6s ease}.personal-info{border-top:4px solid #0077be}.points-info{border-top:4px solid #00b4d8}.surveys-info{border-top:4px solid #48cae4}.profile-completion{border-top:4px solid #90e0ef}.alert{background-color:#fffc;border-radius:8px;font-size:.9rem;margin-top:20px;padding:15px;transition:opacity .3s ease}.alert,.alert.error{border:1px solid #f5c6cb;color:#721c24}.alert.error{background-color:#f8d7da}@media (max-width:768px){.card-container{grid-template-columns:1fr}.dashboard h2{font-size:1.8rem}.sub-card-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.sub-card{font-size:.95rem;padding:8px 12px}}.card{animation:fadeInWave .8s ease-in-out}@keyframes fadeInWave{0%{opacity:0;transform:translateY(20px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}.survey-list-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.survey-list-container h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.error-message{color:#d32f2f;font-size:16px;margin-bottom:15px;text-align:center}.survey-table{background-color:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;width:100%}.survey-table thead{background-color:#1976d2;color:#fff}.survey-table th{font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.survey-table tbody tr{border-bottom:1px solid #e0e0e0}.survey-table td{color:#555;font-size:14px;padding:12px 15px;vertical-align:middle}.survey-table td a{color:#1976d2;text-decoration:none}.survey-table td a:hover{text-decoration:underline}.survey-table tbody tr:hover{background-color:#f5f5f5}.complete-survey-button{background-color:#388e3c;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease;width:100%}.complete-survey-button:hover{background-color:#2e7d32}.complete-survey-button:disabled{background-color:#ccc;cursor:not-allowed}.close-survey-button{background-color:#f57c00;margin-right:8px}.close-survey-button,.delete-button{border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease}.delete-button{background-color:#d32f2f}.close-survey-button:hover{background-color:#e65100}.delete-button:hover{background-color:#b71c1c}.actions-cell{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}@media (max-width:768px){.survey-table{display:block;overflow-x:auto}.survey-table td,.survey-table th{min-width:130px}.survey-list-container h2{font-size:20px}.actions-cell{flex-direction:column;gap:8px}.close-survey-button{margin-right:0}}.reopen-survey-button{background-color:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px}.reopen-survey-button:hover{background-color:#218838}.redemption-container{background-color:#fff8dc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:2500px;padding:1.5rem}.redemption-title{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.section-title{border-bottom:2px solid #e0e6ed;color:#2c3e50;font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.points-balance{background-color:#40e0d0;border-radius:8px;box-shadow:0 2px 8px #0000000d;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;max-width:200px;padding:1rem;text-align:center}.points-balance strong{color:#e67e22}.rewards-section h3{color:#2c3e50;margin-bottom:1rem}.reward-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.reward-card{background-color:#fff;border:none;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.reward-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.reward-card.disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.7}.reward-card h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 .75rem}.reward-card p{color:#e67e22;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.reward-card button{background-color:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background .3s ease,transform .2s ease;width:100%}.reward-card button:hover:not(:disabled){background-color:#219653;transform:translateY(-2px)}.reward-card button:disabled{background-color:#bdc3c7;cursor:not-allowed}.airtime-section .reward-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7}.mobile-section .reward-card{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border:1px solid #f48fb1}.reward-card h4[data-provider=Safaricom]{border-left:4px solid #27ae60;padding-left:.75rem}.reward-card h4[data-provider=Airtel]{border-left:4px solid #e74c3c;padding-left:.75rem}.reward-card h4[data-provider=MTN]{border-left:4px solid #f1c40f;padding-left:.75rem}.table-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;overflow-x:auto;transition:box-shadow .3s ease}.table-container:hover{box-shadow:0 8px 24px #0000001f}.table-container table{border-collapse:initial;border-radius:12px;border-spacing:0;min-width:500px;overflow:hidden;width:100%}.table-container th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;border-right:1px solid #dee2e6;color:#495057;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.table-container th:last-child{border-right:none}.table-container td{border-bottom:1px solid #eee;border-right:1px solid #eee;color:#2c3e50;padding:1rem 1.25rem;transition:background-color .2s ease}.table-container td:last-child{border-right:none}.table-container tr:nth-child(2n){background-color:#f9f9f9}.table-container tr:hover{background-color:#f1f1f1}.table-container .view-breakdown-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s ease,transform .2s ease}.table-container .view-breakdown-btn:hover{background:#2980b9;transform:translateY(-1px)}.history-table{min-width:300px;width:auto}.history-table th:first-child{width:40%}.history-table th:last-child{width:60%}.history-table td:first-child,.history-table th:first-child{color:#27ae60;font-weight:700;text-align:center}.history-table td:last-child,.history-table th:last-child{color:#555;font-style:italic;text-align:right}.history-table td:first-child:before{content:"⭐ ";font-size:1rem}.history-table tr{transition:transform .2s ease}.history-table tr:hover{transform:scale(1.02)}.users-table td,.users-table th{text-align:center}.users-table td:nth-child(2),.users-table th:nth-child(2){color:#3498db}.users-table td:nth-child(3),.users-table th:nth-child(3){color:#9b59b6}.users-table td:nth-child(4),.users-table th:nth-child(4){color:#16a085;font-weight:700}.users-table td:nth-child(5),.users-table th:nth-child(5){color:#e74c3c}.users-table td:nth-child(6),.users-table th:nth-child(6){color:#27ae60;font-weight:700}.users-table td:last-child,.users-table th:last-child{text-align:center}.users-table td:first-child{color:#2c3e50;font-weight:600;text-align:left}.users-table tr{transition:transform .2s ease}.users-table tr:hover{transform:scale(1.02)}.no-data{color:#7f8c8d;font-style:italic;padding:1rem;text-align:center}.breakdown-modal-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.breakdown-modal-content{background-color:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px #00000026;left:50%;max-width:500px;padding:1.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease;width:90%}.confirm-modal{padding:1.5rem;text-align:center}.confirm-modal h3{color:#2c3e50;margin:0 0 1rem}.confirm-modal p{margin:.5rem 0}.confirm-modal .price{color:#e67e22;font-weight:700}.confirm-modal .phone{color:#555;font-size:.95rem}.confirm-modal .btn-group{display:flex;gap:.75rem;margin-top:1.5rem}.confirm-modal .btn-confirm{background-color:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:background .2s ease}.confirm-modal .btn-confirm:hover{background-color:#219653}.confirm-modal .btn-cancel{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:background .2s ease}.confirm-modal .btn-cancel:hover{background-color:#c0392b}.breakdown-modal-content .close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.breakdown-modal-content .close-btn:hover{color:#333}.breakdown-modal-content h2{color:#333;font-size:1.5rem;margin:0 0 .5rem;text-align:center}.breakdown-modal-content .user-name{color:#007bff;display:block;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.breakdown-modal .table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e0e6ed;border-radius:8px;margin-bottom:1rem;max-height:400px;overflow-x:auto;overflow-y:auto}.breakdown-modal .table-wrapper table{border-collapse:initial;border-spacing:0;min-width:100%;table-layout:auto;width:auto}.breakdown-modal .table-wrapper td,.breakdown-modal .table-wrapper th{box-sizing:border-box;min-width:100px;padding:.75rem 1rem;white-space:nowrap}.breakdown-modal .table-wrapper th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);letter-spacing:.05em;text-transform:uppercase}.breakdown-modal .table-wrapper td{background-color:#fff}.breakdown-modal .table-wrapper thead th{box-shadow:0 1px 0 #ddd;position:-webkit-sticky;position:sticky;top:0;z-index:1}.breakdown-modal-content table{border-collapse:collapse;width:100%}.breakdown-modal-content th{background-color:#f2f2f2;font-weight:600;padding:.75rem;text-align:left}.breakdown-modal-content td{border-bottom:1px solid #eee;padding:.75rem}.breakdown-modal-content .points-cell{color:#007bff;font-weight:600}.breakdown-modal-content .date-cell{color:#555;font-style:italic}.breakdown-modal-content .btn-group{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.breakdown-modal-content .btn-close{background-color:#6c757d;border:none;border-radius:6px;color:#fff;flex:1 1;max-width:200px;padding:.75rem;transition:background .2s ease}.breakdown-modal-content .btn-close:hover{background-color:#5a6268}.breakdown-modal-content .btn-download{background-color:#17a2b8;border:none;border-radius:6px;color:#fff;flex:1 1;max-width:270px;padding:.75rem;transition:background .2s ease}.breakdown-modal-content .btn-download:hover{background-color:#138496}.tabs{border-bottom:2px solid #eee;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.tab{background:none;border:none;color:#666;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:color .2s ease}.tab:hover{color:#333}.tab.active{border-bottom:3px solid #27ae60;color:#27ae60}.cash-tab{padding:1rem 0}.cash-form{display:flex;flex-direction:column;gap:1rem;margin:1rem auto;max-width:300px}.cash-input,.cash-select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.cash-input:focus,.cash-select:focus{border-color:#27ae60;outline:none}.cash-btn{background:#f39c12;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem;transition:background .2s ease}.cash-btn:hover{background:#e08e0b}.cash-note{color:red;font-size:.85rem;margin-top:.5rem;text-align:center}.coral-btn{background-color:green;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;margin-bottom:1rem;max-width:200px;padding:.75rem 1.5rem;transition:background .2s ease,transform .2s ease}.coral-btn:hover{background-color:coral;transform:translateY(-2px)}@media (max-width:768px){.redemption-title{font-size:1.5rem}.section-title{font-size:1.2rem}.reward-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-container table{min-width:700px}}.education-form{align-items:flex-start;display:flex;flex-direction:column;max-width:600px;padding:20px}fieldset{border:none;padding:0}.legend{font-size:1.2em;margin-bottom:20px}.radio-option{margin-bottom:2px;margin-left:20px}.radio-option label{flex-grow:1;white-space:nowrap}.radio-option input[type=checkbox],.radio-option input[type=radio]{border:0;height:auto;margin-right:5px;padding:0;vertical-align:middle;width:auto}button{cursor:pointer;margin-top:20px;padding:8px 16px}.icon-button{font-size:16px;padding:8px;white-space:nowrap}.icon-button span{margin-left:10px}.radio-option input[type=text]{border:1px solid #ddd;border-radius:4px;flex-grow:1;margin-left:20px;margin-top:5px;padding:5px}.registration-form input,.registration-form select{border:1px solid #ccc;box-sizing:border-box;margin-bottom:10px;width:100%}.registration-form input[type=date],.registration-form input[type=email],.registration-form input[type=password],.registration-form input[type=tel],.registration-form input[type=text],.registration-form select{border:1px solid #ccc;box-sizing:border-box;margin-bottom:10px;padding:8px 12px;width:100%}.registration-form input,.registration-form select{margin:0;padding:8px 12px}::placeholder{text-align:left;vertical-align:middle}.education-form fieldset input[type=number]{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;padding:8px 12px;width:120px}.education-form fieldset input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.user-profile-form{align-items:flex-start;flex-direction:column}.user-profile-form h2{margin-bottom:5px}.user-profile-form form{width:100%}.form-section{margin-bottom:auto}.icon-button{align-items:center;background:none;border:none;color:#007bff;cursor:pointer;display:flex;font-size:20px;margin-top:auto}.icon-button:hover{color:#0056b3}.radio-option{align-items:center;display:flex;margin-bottom:5px;margin-left:10px}.radio-option label{align-items:center;display:flex;margin:0;padding:0}.radio-option input[type=checkbox],.radio-option input[type=radio]{margin-right:10px}.education-form fieldset{margin-bottom:10px}.education-form legend{font-size:1.2em;margin-bottom:5px}.user-profile-form{display:flex;justify-content:space-between}.form-section-container{flex:1 1}.form-section{margin-bottom:10px}.fetched-data-section{border-left:1px solid #ccc;flex:1 1;margin-left:20px;padding:10px}.fetched-data-section div{margin-bottom:10px}.progress-container{background-color:#e0e0e0;border-radius:25px;margin-bottom:20px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#8a2be2,skyblue);border-radius:25px;color:#fff;height:20px;text-align:center;transition:width .5s;width:0}.action-buttons{display:flex;gap:1rem}.profile-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px}.save-button{background:#007bff}.unsubscribe-button{background:#dc3545}.add-survey-form{background:cyan;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:560px;padding:2rem}.add-survey-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.add-survey-form h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.source-selector{margin-bottom:1.5rem}.source-selector label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.source-options{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.source-options label{align-items:center;cursor:pointer;display:flex;position:relative;transition:color .2s ease}.source-options label:hover{color:#2563eb}.source-options input[type=radio]{height:0;opacity:0;position:absolute;width:0}.source-options label:before{background-color:#fff;border:2px solid #d1d5db;border-radius:50%;content:"";flex-shrink:0;height:16px;margin-right:.5rem;transition:background-color .2s,border-color .2s;width:16px}.source-options label:has(>input[type=radio]:checked):before{background-color:#2563eb;border-color:#2563eb;box-shadow:inset 0 0 0 3px #fff}.source-options label:has(>input[type=radio]:disabled):before{background-color:#e5e7eb;border-color:#d1d5db;cursor:not-allowed}.source-options label span{color:#1f2937;font-weight:500}.form-control,.form-control-select,.form-control-textarea{-webkit-appearance:none;appearance:none;background-color:#fafafa;border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.95rem;line-height:normal;margin-bottom:1rem;padding:.75rem 1rem;text-indent:0;transition:border-color .2s,box-shadow .2s;width:100%}.form-control::-webkit-inner-spin-button,.form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-control-select:focus,.form-control-textarea:focus,.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.form-control-select::placeholder,.form-control-textarea::placeholder,.form-control::placeholder{color:#9ca3af}.form-control-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.5rem}.form-control-textarea{min-height:100px;resize:vertical}.submit-btn{background:coral;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-weight:600;margin:.5rem auto 0;max-width:100%;padding:.85rem 1rem;transition:background .2s,transform .1s;width:180px}.submit-btn:hover:not(:disabled){background:#1d4ed8}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{background:#93c5fd;cursor:not-allowed}.alert-wrapper{margin-top:1rem}.notes-section{background:#f9fafb;border-radius:8px;box-shadow:0 2px 10px #0000000d}.notes-section h3,.notes-section h4{color:#1f2937;margin-bottom:.75rem}.notes-section p{color:#4b5563;font-size:.95rem;line-height:1.5;margin-bottom:1rem}@media (max-width:480px){.add-survey-form{margin:1rem;padding:1.5rem}.source-options{align-items:flex-start;flex-direction:column;gap:.75rem}}@media (max-width:768px){.add-survey-container{flex-direction:column;gap:20px}.notes-section{border-left:none;border-top:1px solid #ccc;max-width:100%}}.survey-invitations{padding:20px}.survey-selector-container{align-items:center;display:flex;margin-bottom:20px;margin-top:20px}.survey-selector-container label{margin-right:20px}.survey{font-size:16px;padding:5px}.sample-table{border-collapse:collapse;margin-top:20px;width:100%}.sample-table td,.sample-table th{border:1px solid #ddd;padding:8px;text-align:left}.sample-table th{background-color:#f2f2f2}.progress-container{margin-top:20px}progress{border-radius:5px;height:20px;width:100%}progress::-webkit-progress-bar{background-color:#f0f0f0;border-radius:5px}progress::-webkit-progress-value{background-color:#0073aa;border-radius:5px}.sample-table .action-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:4px 10px 4px 0;padding:10px 16px;transition:background-color .3s ease;width:160px}.sample-table .action-btn.view{background-color:#fd7e14}.sample-table .action-btn.delete{background-color:#dc3545}.sample-table .action-btn:disabled{background-color:#6c757d;cursor:not-allowed}.sample-table .action-btn:hover:not(:disabled){opacity:.9}.navbut{background:#0073aa;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;max-width:100px;padding:8px 16px;transition:background .2s,transform .1s}.navbut:hover:not(:disabled){background:#1d4ed8}.navbut:active:not(:disabled){transform:translateY(1px)}.navbut:disabled{background:#93c5fd;cursor:not-allowed}.invitees-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invitees-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;overflow-y:auto;padding:20px;position:relative;width:1000px}.close-btn{align-items:center;background:none;border:none;color:#aaa;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:10px;width:30px}.close-btn:hover{color:#000}.modal-table{border-collapse:collapse;font-size:14px;margin-bottom:20px;width:100%}.modal-table td,.modal-table th{border:1px solid #ddd;padding:10px;text-align:left}.modal-table th{background-color:#f2f2f2;color:#333}.modal-table tbody tr:nth-child(2n){background-color:#f9f9f9}.close-btn-text,.download-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;margin:8px 8px 0 0;padding:10px 16px}.download-btn{background-color:#28a745;color:#fff}.close-btn-text{background-color:#6c757d;color:#fff}@media (max-width:768px){.sample-table .action-btn{margin:6px 0;width:100%}}.cost-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cost-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;overflow-y:auto;padding:20px;position:relative;width:800px}.cost-modal-content h2,.cost-modal-content h3{margin-bottom:20px;text-align:center}.cost-table{border-collapse:collapse;font-size:14px;margin-bottom:20px;width:100%}.cost-table td,.cost-table th{border:1px solid #ddd;padding:10px;text-align:left}.cost-table td:first-child{background-color:#f2f2f2;font-weight:700}.cost-table tbody tr:nth-child(2n){background-color:#f9f9f9}.cost-modal-content button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;margin:8px 8px 0 0;padding:10px 16px}.cost-modal-content button:first-of-type{background-color:#6c757d;color:#fff}.cost-modal-content button:last-of-type{background-color:#28a745;color:#fff}.summary-table{border-collapse:collapse;margin-top:10px;width:100%}.summary-table td,.summary-table th{border:1px solid #ddd;padding:8px;text-align:left}.summary-table th{background-color:#f2f2f2}.dashboard-layout{align-items:flex-start;display:flex;flex-wrap:wrap;gap:200px;margin-bottom:30px}.cost-estimate-section,.wallet-history-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;flex:1 1;min-width:300px;padding:20px}.cost-estimate-section{background-color:#cfc;max-height:650px;max-width:600px;overflow-y:auto}.wallet-history-section{background-color:#ffffe8}.wallet-history-section button:hover{background-color:#218838;transform:translateY(-1px);transition:all .2s ease}.wallet-table{font-size:14px}.wallet-table td,.wallet-table th{border:1px solid #ddd;padding:10px;text-align:left}.wallet-table th{background-color:#f9c;font-weight:700}@media (max-width:900px){.dashboard-layout{flex-direction:column;gap:25px}.cost-estimate-section{max-height:none}}.flag-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:left}.flag-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-top:20px}.flag-image{border-radius:50%;height:auto;margin-bottom:5px;width:100%}.flag-label{font-size:20px;margin-top:5px;text-align:center}.download-buttons{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.download-buttons button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.download-buttons button:hover{background-color:#0056b3}.data-table{border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f;font-family:Arial,sans-serif;margin-bottom:30px;margin-left:50px;overflow:hidden;table-layout:fixed;width:40%}.data-table td,.data-table th{word-wrap:break-word;border-bottom:1px solid #e0e0e0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;padding:12px 15px;text-align:left;vertical-align:top}.data-table th{background:linear-gradient(135deg,#ffd194,#70e1f5);color:#000;font-size:14px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 2px #0003;text-transform:uppercase}.data-table tbody tr{transition:background-color .2s ease}data-table tbody tr:nth-child(2n){background-color:#f3f6f9}.data-table tbody tr:hover{background-color:#e0e7ff;transform:scale(1.01);transition:all .2s ease}data-table td{color:#333;padding:14px 16px;transition:background-color .2s ease,color .2s ease}.data-table td:first-child,.data-table th:first-child{-webkit-hyphens:auto;hyphens:auto;max-width:420px;overflow-wrap:break-word;white-space:normal;width:auto;word-break:break-word}.data-table td:nth-child(2),.data-table th:nth-child(2){text-align:right;white-space:nowrap;width:50px}.data-table td:nth-child(3),.data-table th:nth-child(3){text-align:right;white-space:nowrap;width:100px}.five-column-table td:first-child,.five-column-table th:first-child{max-width:300px;overflow-wrap:break-word;word-break:break-word}.five-column-table td:nth-child(2),.five-column-table td:nth-child(3),.five-column-table td:nth-child(4),.five-column-table td:nth-child(5),.five-column-table th:nth-child(2),.five-column-table th:nth-child(3),.five-column-table th:nth-child(4),.five-column-table th:nth-child(5){min-width:80px;text-align:right}.progress-text{color:red;display:block;font-size:.875rem;font-weight:500;text-align:right}@media (max-width:768px){.data-table td:first-child,.data-table th:first-child{max-width:220px}.data-table td:nth-child(2),.data-table td:nth-child(3),.data-table th:nth-child(2),.data-table th:nth-child(3){width:90px}}.help-page{background-color:#fff9e3;border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#2c3e50;font-family:Inter,system-ui,sans-serif;line-height:1.7;margin:3rem auto;max-width:900px;padding:1.5rem}.help-search{border:1px solid #e0e0e0;border-radius:12px;box-shadow:inset 0 2px 4px #0000000d;font-size:1rem;margin-bottom:2rem;padding:1rem 1.5rem;transition:all .3s ease;width:30%}.help-search:focus{border-color:#3498db;box-shadow:0 0 0 4px #3498db26;outline:none}.help-section{background-color:#f9fbfc;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;overflow:hidden;transition:box-shadow .3s ease}.help-section:hover{box-shadow:0 6px 16px #00000014}.help-section h2{background-color:#fff;color:blue;font-size:1.4rem;font-weight:600;margin:0;padding:1.25rem 1.5rem}.help-section ul{list-style:disc;margin:.75rem 0 1rem;padding-left:2rem}.help-section li{color:#34495e;line-height:1.7;margin:.6rem 0}.help-qa{margin-bottom:1.25rem;padding:0 1.5rem}.help-question{color:#1a5276;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.help-answer{color:#2c3e50;font-size:1rem;line-height:1.7;margin:0}.help-answer h3{color:#21618c;font-size:1.15rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.help-answer ol,.help-answer ul{margin:.5rem 0 1rem 2rem}.help-answer table{border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 2px 8px #0000000d;font-size:.95rem;margin:1rem 0;overflow:hidden;width:100%}.help-answer td,.help-answer th{border:1px solid #e0e0e0;padding:10px 12px;text-align:left}.help-answer th{background-color:#f4f9fd;color:#34495e;font-weight:600}.help-answer blockquote{background:#f4f9fd;border-left:4px solid #3498db;border-radius:4px;color:#34495e;font-style:italic;margin:1rem 0;padding-left:1.25rem}@media (max-width:600px){.help-page{margin:2rem 1rem;padding:1rem}.help-section h2{font-size:1.3rem}}@media (prefers-color-scheme:dark){.help-page{background-color:#1c1e22;color:#e0e0e0}.help-search{background-color:#2a2d35;border-color:#3a3f48;color:#f0f0f0}.help-section{background-color:#23262d}.help-section h2{background-color:#1c1e22;color:#5dade2}.help-answer blockquote{background:#2a2d35;border-left-color:#5dade2;color:#bdc3c7}.help-answer td,.help-answer th{border-color:#3a3f48}.help-answer th{background-color:#2a2d35;color:#bdc3c7}}.help-section h2:hover{color:#21618c}.help-articles{transition:all .3s ease}.help-article-item{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.help-section-title{align-items:center;color:#222;cursor:pointer;display:flex;font-size:1.3rem;justify-content:space-between;margin:0;padding:1.25rem 1.5rem;transition:color .25s ease;-webkit-user-select:none;user-select:none}.help-section-title:hover{color:#007bff}.help-arrow{color:#e67e22;margin-left:8px;transition:transform .3s ease,color .25s ease}.help-arrow.rotated{color:#3498db;transform:rotate(180deg)}.help-articles-wrapper{transform-origin:top;transition:opacity .35s ease,transform .35s ease}.help-articles-wrapper.closed{height:0;opacity:0;overflow:hidden;transform:scaleY(.97)}.help-articles-wrapper.open{height:auto;opacity:1;overflow:visible;transform:scaleY(1)}.internal-link{color:#3498db;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s ease}.internal-link:hover{color:#2980b9;text-decoration:none}.help-answer a:not(.internal-link){color:#3498db}.help-answer a:not(.internal-link):hover{text-decoration:none}.help-answer a span[aria-hidden]{font-size:.8em;margin-left:2px;opacity:.7}.help-article-item{scroll-margin-top:100px}.help-no-results{color:#7f8c8d;font-size:1.1rem;font-style:italic;margin:2rem 0;text-align:center}.help-section-title[role=button]{cursor:pointer}.help-section-title:focus-visible{outline:2px solid #3498db;outline-offset:2px}.policy-content{color:#1f2937;font-size:1.05rem;line-height:1.7;margin:0 auto;max-width:800px}.policy-content h1,.policy-content h2,.policy-content h3{color:#111827;font-weight:700;line-height:1.3;margin-bottom:1rem;margin-top:2.5rem}.policy-content h1{font-size:2.25rem}.policy-content h2{font-size:1.75rem}.policy-content h3{font-size:1.4rem}.policy-content p{margin-bottom:1.25rem}.policy-content ol,.policy-content ul{margin:1.25rem 0;padding-left:1.5rem}.policy-content li{margin-bottom:.75rem}.policy-content strong{color:#111827}.policies-page{background:linear-gradient(135deg,#e0a569,#f4a460);border-radius:12px;box-shadow:0 4px 20px #0000001a;color:#333;margin:0 auto;max-width:1000px;padding:2.5rem 1.5rem}.policies-page h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.policy-tab-content>div>div:first-child{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem}.policy-content ol{counter-reset:item;list-style:none;padding-left:2.2rem}.policy-content ol>li{margin-bottom:1.5rem;position:relative}.policy-content ol>li:before{color:#2563eb;content:counter(item) ".";counter-increment:item;font-size:1.1rem;font-weight:600;left:-2.2rem;position:absolute}.loading-container{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:1.5rem;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.collapsible-sections{counter-reset:policy-item}.policy-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;overflow:hidden}.policy-item .policy-summary{align-items:center;background:#f9fafb;color:#2563eb;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;list-style:none;padding:1rem 1.5rem 1rem 4.5rem;position:relative}.policy-item .policy-summary.open{background:#eff6ff;color:#1d4ed8}.policy-arrow{color:coral;font-size:.95rem;left:1.25rem;position:absolute;text-align:center;transition:transform .25s ease;width:1em}.policy-summary.open .policy-arrow{transform:rotate(90deg)}.policy-item summary::-webkit-details-marker{display:none}.policy-number{color:#2563eb;font-weight:700;margin-right:.75rem;min-width:2.2rem;text-align:right}.policy-content-inside{background:#fff;padding:.25rem 1.5rem 1.5rem 4.5rem}.nested-bullets{list-style:disc;margin:1rem 0 .5rem;padding-left:1.8rem}.nested-bullets li{color:#374151;margin-bottom:.6rem}.policy-intro{background-color:#ffffffe6;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center}.policy-intro h1,.policy-intro h2{color:#007bff;font-size:2rem;font-weight:700;margin-bottom:1rem}.policy-intro p{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.policy-intro strong{color:#0056b3}.policy-tabs{display:flex;justify-content:center;margin-bottom:2rem}.tab-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin:0 5px;padding:10px 20px;transition:background-color .3s ease}.tab-button.active{opacity:.8}.policy-tab-content{margin:0 auto;max-width:800px}.policy-tab-content h2{color:#fff;font-size:1.75rem;margin-bottom:1.5rem;text-align:center}