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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#262626;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary:#f81;--secondary:#23272f;--background:#17191c;--text:#f8fafc;--accent:#8b5cf6}body{background:#17191c;background:var(--background);color:#f8fafc;color:var(--text);font-family:Inter,Arial,sans-serif;margin:0;padding:0}a{color:#f81;color:var(--primary)}.hero{align-items:center;background:radial-gradient(circle at 60% 20%,#23272f 70%,#17191c 100%);display:flex;flex-direction:column;justify-content:center;min-height:470px;overflow:hidden;padding:64px 16px 32px;position:relative}.hero-bg-img{border-radius:0;box-shadow:none;display:block;object-fit:cover;opacity:.19;z-index:0}.hero-bg-img,.hero-bg-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hero-bg-overlay{background:#19191b7a;z-index:1}.app-logo{background:#222;border-radius:20px;box-shadow:0 4px 18px #0007;margin-bottom:18px;padding:8px;width:92px}.app-logo,.hero-content{position:relative;z-index:2}.hero-content{max-width:520px;text-align:center}.hero-title{color:#f81;color:var(--primary);font-size:2.9rem;font-weight:800;letter-spacing:1.5px;margin-bottom:12px}.hero-sub{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:20px}.hero-desc{color:#ffd7b2;font-size:1.1rem;margin-bottom:36px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:26px}.cta-btn{background:#f81;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:1.05rem;font-weight:700;padding:15px 32px;text-decoration:none;transition:all .3s}.cta-btn:hover{background:#ffb861;color:#23272f;transform:translateY(-2px)}.cta-btn.secondary{background:#0000;border:2px solid #f81;border:2px solid var(--primary);color:#f81;color:var(--primary)}.cta-btn.secondary:hover{background:#f81;background:var(--primary);color:#fff}.auth-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.logout-btn-home{background:#0000;border:2px solid #ff4757;border-radius:12px;color:#ff4757;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s}.logout-btn-home:hover{background:#ff4757;color:#fff}.section{margin:0 auto;max-width:1120px;padding:0 18px}.features-row{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:60px}.feature-card{background:linear-gradient(132deg,#1e1f25 80%,#23272f);border-radius:18px;box-shadow:0 2px 24px #0002;flex:1 1 330px;max-width:350px;min-width:320px;overflow:hidden;padding:26px 22px 24px;position:relative;text-align:center;transition:transform .32s cubic-bezier(.28,.84,.42,1)}.feature-card:hover{box-shadow:0 6px 34px #0005;transform:translateY(-4px) scale(1);z-index:2}.feature-img{border-radius:16px;box-shadow:0 2px 12px #0003;cursor:zoom-in;margin-bottom:18px;max-width:260px;transition:transform .33s cubic-bezier(.28,.84,.42,1);width:92%}.feature-card:hover .feature-img{box-shadow:0 8px 32px #0003;transform:scale(1.05);z-index:2}.feature-title{color:#f81;color:var(--primary);font-size:1.18rem;font-weight:700;margin-bottom:10px}.feature-desc{color:#ccc;font-size:1rem;line-height:1.5;margin-bottom:0}.contact-card{background:#23272f;border-radius:18px;box-shadow:0 6px 24px #0003;margin:80px auto 24px;max-width:420px;padding:30px 24px 22px}.contact-card h2{color:#f81;color:var(--primary);margin-bottom:16px;margin-top:0;text-align:center}.contact-card label{color:#fff;display:block;font-size:1rem;font-weight:500;margin-bottom:4px;margin-top:11px}.contact-card input,.contact-card textarea{background:#191b1c;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;margin-bottom:11px;padding:9px 7px;width:100%}.contact-card textarea{min-height:54px;resize:vertical}.contact-card button{background:#f81;background:var(--primary);border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:1.11rem;font-weight:700;padding:13px 0;transition:background .15s;width:100%}.contact-card button:hover{background:#ffb861;color:#23272f}.links{display:flex;gap:32px;justify-content:center;margin:40px 0 0}.links a{color:#f81;color:var(--primary);font-size:1.08rem;font-weight:600;text-decoration:none;transition:color .2s}.links a:hover{color:#8b5cf6;color:var(--accent)}footer{color:#888;font-size:1rem;letter-spacing:1px;margin:36px 0 10px;text-align:center}@media (max-width:700px){.features-row{flex-direction:column;gap:28px}.feature-card{margin:0 auto}.section{padding:0 4vw}.hero-title{font-size:2.2rem}.hero{min-height:370px}}.dashboard{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;display:block;font-family:Inter,Arial,sans-serif;min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;padding:1rem 0}.dashboard-nav{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-logo,.dashboard-nav{align-items:center;display:flex}.dashboard-logo{font-size:1.5rem;font-weight:700;gap:1rem}.nav-logo{border-radius:50%;height:40px;width:40px}.logout-btn{background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:8px;color:#ff6b6b;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#ff6b6b4d;border-color:#ff6b6b}.date-inputs,.date-range-selector{align-items:center;display:flex}.date-inputs{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;gap:.75rem;padding:.5rem 1rem}.date-input{background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:.9rem;min-width:140px;padding:.5rem}.date-input:focus{background:#fff3;border-color:#4ade80;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.date-separator{color:#b8d4ff;font-size:.9rem;font-weight:500}.apply-date-btn{background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.apply-date-btn:hover{box-shadow:0 4px 12px #4ade804d;transform:translateY(-1px)}.dashboard-content{display:block;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:10px;border-right:1px solid #ffffff1a;padding:2rem 1rem;width:250px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:1rem}.sidebar a{border-radius:8px;color:#b8d4ff;display:block;font-size:1.1rem;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.sidebar a.active,.sidebar a:hover{background:#ffffff1a;color:#4ade80}.sidebar .icon{font-size:1.2rem;margin-right:.75rem}.main-content{flex-grow:1;padding:2rem 0}.welcome-section{margin-bottom:3rem;text-align:center}.welcome-section h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#a8d8ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.welcome-section p{color:#b8d4ff;font-size:1.2rem;opacity:.9}.total-cost-display{margin-top:0}.total-cost-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#4ade8026;border:2px solid #4ade804d;border-radius:20px;box-shadow:0 8px 32px #4ade8033;margin:0 auto;max-width:500px;min-height:150px;padding:2rem;text-align:center;transition:all .3s ease}.total-cost-card:hover{box-shadow:0 12px 40px #4ade804d;transform:translateY(-3px)}.total-cost-card h2{color:#4ade80;font-size:1.4rem;font-weight:600;margin:0 0 1rem}.total-cost-amount{color:#fff;font-size:3.5rem;font-weight:900;letter-spacing:-1px;margin:1rem 0;text-shadow:0 0 20px #4ade8080}.total-cost-card p{color:#b8d4ff;font-size:1rem;margin:0;opacity:.9}.duration-section{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem}.duration-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-left:4px solid #10b981;border-radius:16px;margin-left:50px;max-width:400px;min-width:300px;padding:1rem;text-align:center}.duration-card h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.duration-info{display:flex;flex-direction:column;gap:.75rem}.date-range{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.date-range:last-child{border-bottom:none}.date-label{color:#b8d4ff;font-size:.9rem;font-weight:500}.date-value{color:#fff;font-weight:600}.duration-summary{background:#10b98133;border:1px solid #10b9814d;border-radius:8px;margin-top:.5rem;padding:.75rem}.duration-days{color:#10b981;font-size:1.1rem;font-weight:700}.section-header{margin-bottom:2rem}.section-header h2{color:#fff;font-size:1.8rem;margin-bottom:.5rem}.section-header p{color:#b8d4ff;font-size:1rem;margin:0}.charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.chart-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .3s ease}.chart-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.chart-card h3{color:#fff;font-size:1.3rem;margin:0 0 .5rem;text-align:center}.chart-subtitle{color:#b8d4ff;font-size:.9rem;margin-bottom:1rem;opacity:.8;text-align:center}.chart-container{height:300px;position:relative}.operations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.operation-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.operation-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.operation-card.reads{border-left:4px solid #4ade80}.operation-card.writes{border-left:4px solid #f59e0b}.operation-card.deletes{border-left:4px solid #ef4444}.operation-card.requests{border-left:4px solid #8b5cf6}.operation-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.operation-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:2rem;height:48px;justify-content:center;width:48px}.operation-header h3{font-size:1.2rem;font-weight:600;margin:0}.operation-stats{margin-bottom:1.5rem;text-align:center}.stat-number{color:#fff;display:block;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#b8d4ff;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.operation-cost{background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem;text-align:center}.operation-cost span{color:#a8d8ff;font-weight:600}.cost-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.cost-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.cost-card h3{font-size:1.3rem;margin:0 0 1.5rem;text-align:center}.cost-amount{color:#4ade80;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.breakdown-item,.efficiency-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.breakdown-item:last-child,.efficiency-item:last-child{border-bottom:none}.efficiency-stats{display:flex;flex-direction:column;gap:.75rem}.raw-data-section{margin-top:3rem}.raw-data-details{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.raw-data-details summary{background:#ffffff1a;cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:background .3s ease}.raw-data-details summary:hover{background:#ffffff26}.api-data{background:#0000004d;max-height:400px;overflow-y:auto;padding:1.5rem}.api-data pre{word-wrap:break-word;color:#e8e8e8;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-wrap}.loading-state{align-items:center;display:flex;justify-content:center;min-height:300px}.loading-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:3rem;text-align:center}.dashboard-loading{align-items:center;color:#a8d8ff;display:flex;font-size:1.5rem;height:100vh;justify-content:center}.error-message{background:#ff6b6b33;border:1px solid #ff6b6b80;border-radius:12px;margin-bottom:2rem}.error-message p{color:#ff6b6b;margin:0}@media (max-width:768px){.dashboard-nav{flex-direction:column;gap:1rem;padding:0 1rem}.date-inputs{gap:.5rem;padding:.4rem .8rem}.date-input{font-size:.8rem;min-width:120px;padding:.4rem}.apply-date-btn{font-size:.8rem;padding:.4rem .8rem}.dashboard-content{flex-direction:column;padding:1rem}.sidebar{margin-bottom:1.5rem;padding:1rem .75rem;width:100%}.sidebar ul{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.sidebar li{margin-bottom:0}.sidebar a{font-size:1rem;padding:.5rem .75rem;white-space:nowrap}.main-content{padding:1rem 0}.welcome-section h1{font-size:2rem}.charts-grid{gap:1rem;grid-template-columns:1fr}.chart-container{height:250px}.cost-grid,.operations-grid{gap:1rem;grid-template-columns:1fr}.cost-card,.operation-card{padding:1.5rem}.stat-number{font-size:2rem}}@media (max-width:480px){.dashboard-logo span{display:none}.date-inputs{flex-direction:column;gap:.5rem;padding:.8rem}.date-input{min-width:100%}.operation-header{flex-direction:column;gap:.5rem;text-align:center}.breakdown-item,.efficiency-item{font-size:.9rem}.charts-grid{grid-template-columns:1fr}.chart-container{height:200px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{border-radius:50%;height:60px;margin-bottom:1rem;width:60px}.login-header h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#666;font-size:1rem;margin:0}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.9rem;font-weight:600}.form-group input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#ffe6e6;border:1px solid #fab1a0;border-radius:8px;color:#d63031;font-size:.9rem;padding:1rem;text-align:center}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{border-top:1px solid #e1e5e9;margin-top:2rem;padding-top:1rem;text-align:center}.back-home-btn{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.back-home-btn:hover{background:#667eea1a}@media (max-width:480px){.login-card{margin:1rem;padding:2rem}.login-header h1{font-size:1.5rem}}.left-navbar{background:linear-gradient(135deg,#1e3c72,#2a5298);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:200px;z-index:1000}.navbar-content{flex:1 1;padding:20px 0}.nav-item{align-items:center;border-bottom:.5px solid #e8e8e8;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.nav-item:hover{background:#f0f0f0;color:#333}.nav-item.active{background:#e3f2fd;border-right:3px solid #1976d2;color:#1976d2}.nav-icon{font-size:16px;margin-right:12px}.nav-label{flex:1 1}@media (max-width:768px){.left-navbar{width:60px}.nav-label{display:none}.nav-item{justify-content:center;padding:12px 10px}.nav-icon{margin-right:0}}.promoters-page{background:linear-gradient(135deg,#1e3c72,#2a5298);min-height:100vh}.page-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:30px;padding:20px 20px 15px}.header-controls,.page-header{align-items:center;display:flex}.header-controls{gap:15px}.search-container{position:relative}.search-input{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:200px}.search-input:focus{border-color:#4285f4;outline:none}.status-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.status-select:focus{border-color:#4285f4;outline:none}.page-header h1{color:#fff;font-size:24px;font-weight:600;margin:0}.add-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s ease}.add-btn:hover{background:#3367d6}.promoters-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:20px;overflow:hidden}.promoters-table{border-collapse:collapse;font-size:14px;width:100%}.promoters-table th{background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#666;font-weight:600;padding:15px 12px;text-align:left}.promoters-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:15px 12px;text-align:left}.promoters-table tbody tr:hover{background:#f8f9fa}.no-data{color:#666;font-style:italic;padding:40px 12px!important;text-align:center}.action-btn{background:#0000;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:12px;margin-right:5px;padding:4px 8px;transition:all .2s ease}.action-btn:hover{background:#f0f0f0}.action-btn.delete{border-color:#d32f2f;color:#d32f2f}.action-btn.delete:hover{background:#d32f2f;color:#fff}.promo-link-cell{max-width:250px}.promo-link-container{align-items:center;display:flex;gap:8px}.promo-link{color:#4285f4;display:block;max-width:200px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.promo-link:hover{color:#3367d6;text-decoration:underline}.copy-btn{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;min-width:28px;padding:4px 6px;transition:all .2s ease}.copy-btn:hover{background:#e8f0fe;border-color:#4285f4}.copy-btn:active{background:#d2e3fc}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.back-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:5px;padding:0}.back-btn:hover{color:#333}.modal-content{padding:20px 20px 20px 100px}.promotor-form-group{display:flex;margin-bottom:20px}.promotor-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-top:10px}.promotor-form-group input[type=email],.promotor-form-group input[type=text]{border:2px solid #ddd;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;margin-left:37px;padding:10px 12px;width:50%}.promotor-form-group input[type=email]:focus,.promotor-form-group input[type=text]:focus{border-color:#4285f4;outline:none}.platform-checkboxes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-left:20px;margin-top:5px}.checkbox-item{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;text-align:left;width:200px}.checkbox-item input[type=checkbox]{cursor:pointer;margin:0 5px 0 0}.code-group{margin-bottom:30px}.code-input-container{display:flex;gap:10px}.code-input-container input{background:#f5f5f5;flex:1 1;width:200px!important}.generate-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;white-space:nowrap}.generate-btn:hover{background:#3367d6}.add-user-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 24px;transition:background .2s ease;width:100%}.add-user-btn:hover:not(:disabled){background:#3367d6}.add-user-btn:disabled{background:#6c757d;cursor:not-allowed}.loading-container{align-items:center;display:flex;gap:10px;justify-content:center}.loading-container span{font-size:14px}.pagination-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin:20px 20px 0;padding:20px}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:15px}.pagination-btn{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.pagination-btn:hover:not(:disabled){background:#3367d6}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#666;font-size:14px;font-weight:500}.delete-modal .modal-container{max-width:500px}.delete-confirmation{padding:20px 0;text-align:center}.delete-confirmation h3{color:#d32f2f;font-size:18px;margin-bottom:15px}.delete-confirmation p{color:#666;font-size:14px;margin-bottom:10px}.delete-confirmation .warning{color:#d32f2f;font-weight:500;margin-bottom:30px}.delete-actions{display:flex;gap:15px;justify-content:center}.cancel-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-delete-btn{background:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.confirm-delete-btn:hover:not(:disabled){background:#b71c1c}.confirm-delete-btn:disabled{background:#ef5350;cursor:not-allowed}
/*# sourceMappingURL=main.3d0ce0e9.css.map*/