*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;overflow:hidden}@media(max-width:768px){body{padding:10px}.container{border-radius:8px;box-shadow:0 5px 15px #00000026}}@media(max-width:480px){body{padding:5px}.container{border-radius:6px;margin:0}}.unified-job-management .tab.mobile-tab{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media(max-width:768px){.unified-job-management .tab.mobile-tab{min-height:48px;font-size:14px;padding:12px 8px}.unified-job-management .job-tab-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media(max-width:480px){.unified-job-management .tab.mobile-tab{min-height:44px;font-size:13px;padding:10px 6px}}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;text-align:center}@media(max-width:768px){.header{padding:15px}.header h1{font-size:1.5rem}}@media(max-width:480px){.header{padding:12px}.header h1{font-size:1.3rem}}.header h1{margin:0;font-size:2rem;font-weight:300}.tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tab{flex:1;padding:15px 20px;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#6c757d;transition:all .2s ease;border-bottom:3px solid transparent}.tab.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.tab:hover{background:#e9ecef}.tab-content{padding:20px;min-height:400px}@media(max-width:768px){.tabs{overflow-x:auto;white-space:nowrap}.tab{min-width:fit-content;padding:12px 16px;font-size:.9rem}.tab-content{padding:15px;min-height:300px}}@media(max-width:480px){.tabs{flex-direction:column;overflow-x:visible}.tab{padding:10px 15px;font-size:.85rem;border-bottom:1px solid #e9ecef;border-left:3px solid transparent}.tab.active{border-left-color:#667eea;border-bottom-color:transparent}.tab-content{padding:12px}}.tab-panel{display:none}.tab-panel.active{display:block}.login-form{max-width:400px;margin:0 auto;padding:40px 20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057}input[type=text],input[type=password],input[type=number],select{width:100%;padding:12px 16px;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:6px;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s ease;margin:2px}@media(max-width:768px){.btn{width:100%}}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 2px 4px #6c757d4d}.btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-1px);box-shadow:0 4px 8px #6c757d66}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 4px #28a7454d}.btn-success:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px);box-shadow:0 4px 8px #28a74566}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 4px #dc35454d}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.btn-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529;box-shadow:0 2px 4px #ffc1074d}.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#dc7b00);transform:translateY(-1px);box-shadow:0 4px 8px #ffc10766}.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;box-shadow:0 2px 4px #17a2b84d}.btn-info:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px);box-shadow:0 4px 8px #17a2b866}.btn-sm{padding:8px 16px;font-size:.875rem;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease}.card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;font-size:1.1rem;display:flex;align-items:center;gap:10px}.card-body{padding:25px}@media(max-width:768px){.card{margin-bottom:20px;border-radius:8px}.card-header{padding:15px;font-size:1rem}.card-body{padding:15px}}@media(max-width:480px){.card{margin-bottom:15px}.card-header{padding:12px;font-size:.95rem}.card-body{padding:12px}}.user-list{margin-bottom:20px}.user-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.user-filters .form-control{width:auto}.user-filters>input.form-control{max-width:220px}.user-filters>select.form-control:nth-of-type(1){min-width:120px}.user-filters>select.form-control:nth-of-type(2){min-width:160px}.user-filters>select.form-control:nth-of-type(3){min-width:200px}.user-filters .filter-checkbox{display:flex;align-items:center;gap:6px}.user-filters .filter-buttons{display:flex;gap:8px;margin-left:auto}@media(max-width:768px){.user-filters{flex-direction:column;align-items:stretch}.user-filters .form-control{width:100%;max-width:none!important}.user-filters .filter-buttons{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}}.user-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e9ecef;border-radius:6px;margin-bottom:10px;background:#f8f9fa;transition:all .2s ease}.user-item:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.user-info{flex:1}.user-name{font-weight:600;color:#495057;margin-bottom:5px}.user-meta{font-size:.875rem;color:#6c757d}.user-actions{display:flex;gap:5px;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;border:1px solid #e9ecef;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-number{font-size:2rem;font-weight:700;color:#495057;margin-bottom:5px}.stat-label{font-size:.875rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.stat-total .stat-number{color:#495057}.stat-available .stat-number{color:#28a745}.stat-used .stat-number{color:#ffc107}.stat-pending .stat-number{color:#17a2b8}.stat-stopped .stat-number{color:#6c757d}.stat-failed .stat-number{color:#dc3545}.instances-list{margin-bottom:20px}.instance-item{border:1px solid #e9ecef;border-radius:12px;margin-bottom:20px;padding:20px;background:#fff;transition:all .2s ease;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.instance-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.instance-temporary{border-left:4px solid #ffc107;background:linear-gradient(135deg,#fff3cd,#fff)}.instance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:15px}.instance-arn{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;color:#495057;word-break:break-all;line-height:1.4;flex:1;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef}.status-badge{padding:8px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;min-width:fit-content;box-shadow:0 2px 4px #0000001a}.status-running{background:linear-gradient(135deg,#28a745,#20c997)}.status-stopped{background:linear-gradient(135deg,#6c757d,#495057)}.status-pending{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529}.status-failed{background:linear-gradient(135deg,#dc3545,#c82333)}.status-starting{background:linear-gradient(135deg,#17a2b8,#138496)}.status-stopping{background:linear-gradient(135deg,#fd7e14,#e0a800)}.status-temporary{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.instance-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;padding:12px;background:#f8f9fa;border-radius:8px;border-left:3px solid #007bff;transition:all .2s ease}.detail-item:hover{background:#e9ecef;transform:translate(2px)}.detail-label{font-weight:600;color:#495057;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{color:#212529;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875rem;font-weight:500;word-break:break-word}.instance-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-top:15px;border-top:1px solid #e9ecef}@media(max-width:768px){.instance-item{padding:15px;margin-bottom:15px}.instance-header{flex-direction:column;align-items:stretch;gap:10px}.instance-arn{font-size:.75rem;padding:6px 10px;order:2}.status-badge{align-self:flex-start;order:1;font-size:.7rem;padding:6px 10px}.instance-details{grid-template-columns:1fr;gap:10px}.detail-item{padding:10px;flex-direction:row;justify-content:space-between;align-items:center}.detail-label{margin-bottom:0;flex:1}.detail-value{font-size:.8rem;text-align:right;flex:1}.instance-actions{justify-content:stretch;flex-direction:column}.instance-actions .btn{width:100%;justify-content:center}}@media(max-width:1024px)and (min-width:769px){.instance-details{grid-template-columns:repeat(2,1fr)}.instance-arn{font-size:.8rem}}@media(max-width:480px){.instance-item{padding:12px;border-radius:8px}.instance-arn{font-size:.7rem;padding:5px 8px}.status-badge{font-size:.65rem;padding:4px 8px}.detail-item{padding:8px}.detail-label{font-size:.7rem}.detail-value{font-size:.75rem}}.desired-tasks-controls{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.desired-tasks-controls input{width:80px;padding:8px}.alert{padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid transparent}.alert-info{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}.alert-warning{background:#fff3cd;color:#856404;border-color:#ffeaa7}.alert-error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.alert-success{background:#d4edda;color:#155724;border-color:#c3e6cb}.loading{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;z-index:1000;max-width:600px;width:90%;max-height:80vh;overflow:hidden}.modal.wide{max-width:90%;width:90%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.modal-header{background:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:1.25rem;color:#495057}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.modal-content pre{white-space:pre-wrap;word-wrap:break-word;background:#f8f9fa;padding:15px;border-radius:4px;border:1px solid #e9ecef;max-height:400px;overflow-y:auto;font-family:Courier New,monospace;font-size:.875rem;line-height:1.4}.operation-history{font-family:Courier New,monospace;font-size:.875rem}.footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:20px;text-align:center;color:#6c757d;font-size:.875rem}.footer-content{max-width:1200px;margin:0 auto}.version-info{margin-top:5px}.separator{margin:0 10px}.logout-btn{position:absolute;top:20px;right:20px;z-index:100}.toast{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:6px;color:#fff;font-weight:500;z-index:10000;opacity:0;transform:translate(100%);transition:all .2s ease}.toast.show{opacity:1;transform:translate(0)}.toast-success{background:#28a745}.toast-error{background:#dc3545}.toast-info{background:#17a2b8}.toast i{margin-right:8px}.dialog-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;max-width:500px;width:90%;animation:dialogFadeIn .3s ease}@keyframes dialogFadeIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.dialog-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.dialog-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;align-items:center;font-size:1.1rem}.dialog-header i{font-size:1.5rem;margin-right:12px}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600}.dialog-body{padding:24px;color:#495057;line-height:1.6}.dialog-body p{margin:0;font-size:1rem}.dialog-footer{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:12px}.dialog-footer .btn{min-width:100px;padding:10px 20px;font-weight:500;transition:all .2s ease}.dialog-footer .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dialog-footer .btn i{margin-right:6px}@media(max-width:768px){.dialog-modal{max-width:95%;width:95%}.dialog-header{padding:16px 20px;font-size:1rem}.dialog-header i{font-size:1.3rem;margin-right:10px}.dialog-header h3{font-size:1.1rem}.dialog-body{padding:20px}.dialog-body p{font-size:.95rem}.dialog-footer{flex-direction:column-reverse;padding:12px 20px}.dialog-footer .btn{width:100%;min-width:auto}}@media(max-width:768px){body{padding:10px}.tabs{flex-direction:column}.tab{border-bottom:1px solid #e9ecef;border-right:none}.tab.active{border-bottom-color:#667eea;border-right-color:transparent}.user-item{flex-direction:column;align-items:flex-start}.user-actions{margin-top:10px;width:100%}.instance-details{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.desired-tasks-controls{flex-direction:column;align-items:flex-start}.modal{width:95%;max-width:none}.logout-btn{position:relative;top:auto;right:auto;margin-bottom:15px;width:100%;justify-content:center}.header{text-align:center;margin-bottom:15px}}.job-status-section,.job-controls-section,.renewal-stats-section,.history-filters-section,.job-history-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.job-history-section{border-bottom:none}.status-grid,.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.status-item,.stat-item{display:flex;flex-direction:column;gap:5px}.status-item label,.stat-item label{font-weight:600;color:#495057;font-size:.9rem}.status-item span,.stat-item span{font-size:1rem;color:#212529}.stat-item span.success{color:#28a745;font-weight:600}.stat-item span.failed{color:#dc3545;font-weight:600}.stat-item span.auth-failed{color:#fd7e14;font-weight:600}.stat-item span.success-rate{color:#17a2b8;font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:15px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.running{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.stopped{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.completed,.status-badge.success{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.status-badge.failed{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.attempted{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.controls-grid{display:flex;align-items:end;gap:20px;margin-top:15px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.control-group label{font-weight:600;color:#495057;font-size:.9rem}.control-group input{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.control-buttons{display:flex;gap:10px;flex-wrap:wrap}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:600;color:#495057;font-size:.9rem}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.filter-actions{display:flex;justify-content:center}.history-list{max-height:600px;overflow-y:auto;margin-top:15px}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem;color:#6c757d}.history-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:10px}.history-item.running{border-left:4px solid #28a745}.history-item.completed,.history-item.success{border-left:4px solid #17a2b8}.history-item.failed{border-left:4px solid #dc3545}.history-item.attempted{border-left:4px solid #ffc107}.history-item .history-header{margin-bottom:10px}.log-info{display:flex;gap:15px;align-items:center}.username{font-weight:600;color:#495057}.action-name{font-size:.9rem;color:#6c757d;background:#e9ecef;padding:2px 8px;border-radius:12px}.history-details{font-size:.9rem;color:#6c757d}.detail-row{display:flex;gap:20px;margin-bottom:5px;flex-wrap:wrap}.detail-row span{white-space:nowrap}.error-message{margin-top:10px;padding:8px 12px;background:#f8d7da;color:#721c24;border-radius:4px;font-size:.85rem}.job-executions-list{max-height:600px;overflow-y:auto;margin-top:15px}.job-execution-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.job-execution-item:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 3px 6px #0000001a}.job-execution-item.running{border-left:4px solid #28a745}.job-execution-item.completed{border-left:4px solid #17a2b8}.job-execution-item.failed{border-left:4px solid #dc3545}.job-execution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-info{display:flex;gap:10px;align-items:center}.job-id{font-weight:600;color:#495057;font-family:monospace}.trigger-type{font-size:.85rem;color:#6c757d;background:#e9ecef;padding:2px 6px;border-radius:8px}.job-execution-details{font-size:.9rem;color:#6c757d}.job-execution-details .detail-row{display:flex;gap:15px;margin-bottom:5px;flex-wrap:wrap}.job-execution-details .success{color:#28a745;font-weight:500}.job-execution-details .failed{color:#dc3545;font-weight:500}.job-execution-details .auth-failed{color:#fd7e14;font-weight:500}.job-execution-details-view{margin-top:15px}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.details-header h4{margin:0;color:#495057;font-family:monospace}.pagination-section{text-align:center;margin-top:20px}@media(max-width:768px){.status-grid,.stats-grid{grid-template-columns:1fr}.controls-grid{flex-direction:column;align-items:stretch}.control-buttons{justify-content:center}.filters-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:5px}.log-info{flex-direction:column;align-items:flex-start;gap:5px}}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.badge-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.badge-secondary{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.user-renewal-info{font-size:.9em;color:#666;margin-top:4px}.renewal-error{font-size:.8em;color:#dc3545;margin-top:2px;font-style:italic}.user-item.orphaned-profile,.user-item.loyalty-only{border-left:4px solid #f39c12;background-color:#fef9e7}.user-item.user-only{border-left:4px solid #3498db;background-color:#ebf3fd}.orphaned-label{font-size:.8em;color:#f39c12;font-weight:600;text-transform:uppercase}.unified-job-management{margin-bottom:20px}.job-tabs{border-bottom:1px solid #ddd;margin-bottom:0}.job-tabs .tab{padding:12px 24px;margin-right:5px;border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;font-weight:500;transition:all .2s ease}.job-tabs .tab:hover{background-color:#f8f9fa;color:#007bff}.job-tabs .tab.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.job-tab-content{margin-top:1px}.job-management-section{margin-bottom:30px}.job-title{flex:1}.job-title h3{margin:0 0 5px;color:#333;font-size:1.4em}.job-description{margin:0;color:#666;font-size:.95em}.job-config-section{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.checkbox-group{margin-bottom:15px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:8px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:5px;font-weight:500;color:#555}.input-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.button-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn-icon{margin-right:6px}.status-icon{margin-right:6px;font-weight:700}.status-icon.success{color:#28a745}.status-icon.failed{color:#dc3545}.status-icon.attempted{color:#ffc107}.status-icon.info{color:#6c757d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-item{padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.stat-item.success{background-color:#d4edda;border-color:#c3e6cb}.stat-item.failed{background-color:#f8d7da;border-color:#f5c6cb}.stat-item label{display:block;font-size:.85em;color:#666;margin-bottom:5px;font-weight:500}.stat-item span{font-size:1.2em;font-weight:600;color:#333}.table-container{margin-top:20px;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table th{background-color:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.history-table td{padding:12px;border-bottom:1px solid #dee2e6;vertical-align:top}.history-table tr:last-child td{border-bottom:none}.status-cell{display:flex;align-items:center}.status-text{font-weight:500}.status-text.success{color:#28a745}.status-text.failed{color:#dc3545}.status-text.attempted{color:#ffc107}.details-cell{max-width:200px;word-break:break-word;font-size:.9em;color:#666}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:30px!important}.alert-icon{margin-right:8px;font-weight:700}@media(max-width:768px){.input-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr}.history-table{font-size:.9em}.history-table th,.history-table td{padding:8px}}.account-management{padding:20px}.account-management .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:none;color:#333;padding:0}.account-management .header h2{font-size:24px;font-weight:600;color:#333}.filters{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#555}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.alert{padding:12px 16px;border-radius:6px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:#fee;border-left:4px solid #d32f2f;color:#c62828}.alert-success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.alert button{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.7}.alert button:hover{opacity:1}.table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.accounts-table{width:100%;border-collapse:collapse}.accounts-table thead{background:#f5f5f5}.accounts-table th{padding:12px;text-align:left;font-weight:600;color:#555;border-bottom:2px solid #e0e0e0;-webkit-user-select:none;user-select:none;transition:background-color .2s}.accounts-table th:hover{background-color:#ebebeb}.accounts-table th[style*="cursor: pointer"]{position:relative}.accounts-table th[style*="cursor: pointer"]:active{background-color:#e0e0e0}.accounts-table td{padding:12px;border-bottom:1px solid #f0f0f0}.accounts-table tbody tr:hover{background:#f9f9f9}.accounts-table .text-center{text-align:center;color:#999;padding:30px}.account-info .username{font-weight:600;color:#333}.account-info .user-id{font-size:12px;color:#999;margin-top:2px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.usage-bar{min-width:150px}.usage-text{font-size:12px;color:#666;margin-bottom:4px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease}.progress-fill[style*="100%"]{background:linear-gradient(90deg,#f44336,#ef5350)}.expiry-info{font-size:13px}.days-left{font-size:11px;color:#666;margin-top:2px}.days-left.warning{color:#f57c00;font-weight:600}.actions{display:flex;gap:8px}.btn-icon{background:none;border:none;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.btn-icon:hover{transform:scale(1.2)}.btn-icon.btn-danger:hover{background:#ffebee}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal.modal-small{max-width:400px}.modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#999;line-height:1}.close-btn:hover{color:#333}.modal form,.modal-body{padding:20px}.modal-body .warning-text{color:#f57c00;font-size:14px;margin-top:10px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:500;color:#555;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#d32f2f}@media(max-width:768px){.account-management{padding:10px}.account-management .header{flex-direction:column;align-items:flex-start;gap:10px}.filters{flex-direction:column;gap:10px}.filter-group{width:100%}.filter-group select{flex:1}.table-container{overflow-x:scroll}.accounts-table{min-width:800px}.modal{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.company-management{padding:30px;background:#f9fafb;min-height:100vh}.company-management .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.company-management .section-header .header-actions{display:flex;gap:10px}.company-management .section-header h2{color:#1f2937;font-size:24px;display:flex;align-items:center;gap:10px}.company-management .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.company-management .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease}.company-management .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.company-management .stat-icon{width:50px;height:50px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:24px;color:#6366f1}.company-management .stat-icon.active{background:#dcfce7;color:#10b981}.company-management .stat-icon.warning{background:#fef3c7;color:#f59e0b}.company-management .stat-icon.used{background:#dbeafe;color:#3b82f6}.company-management .stat-details{flex:1}.company-management .stat-value{font-size:28px;font-weight:700;color:#1f2937}.company-management .stat-label{font-size:14px;color:#6b7280;margin-top:4px}.company-management .filters-section{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.company-management .search-box{flex:1;min-width:300px;position:relative}.company-management .search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.company-management .search-box input{width:100%;padding:10px 10px 10px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.company-management .filter-buttons{display:flex;gap:10px}.company-management .filter-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.company-management .filter-btn:hover{background:#f9fafb}.company-management .filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.company-management .companies-table{width:100%;border-collapse:collapse;background:#fff}.company-management .companies-table th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:14px}.company-management .companies-table td{padding:16px 12px;border-bottom:1px solid #e5e7eb;font-size:14px}.company-management .companies-table tbody tr:hover{background:#f9fafb}.company-management .company-info .company-name{font-weight:600;color:#1f2937;margin-bottom:4px}.company-management .company-info .company-email{color:#6b7280;font-size:13px;margin-bottom:4px}.company-management .company-info .contact-info{color:#9ca3af;font-size:12px;display:flex;align-items:center;gap:5px}.company-management .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.company-management .badge-success{background:#dcfce7;color:#15803d}.company-management .badge-warning{background:#fef3c7;color:#a16207}.company-management .badge-secondary{background:#f3f4f6;color:#6b7280}.company-management .badge-info{background:#dbeafe;color:#1e40af}.company-management .badge-primary{background:#e0e7ff;color:#4338ca}.company-management .credits-info{min-width:120px}.company-management .credit-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:6px}.company-management .credit-fill{height:100%;transition:width .3s ease}.company-management .credit-text{font-size:12px;color:#6b7280;text-align:center}.company-management .limits-info{font-size:12px;color:#6b7280;line-height:1.6}.company-management .limits-info i{width:14px;margin-right:4px}.company-management .subscription-info{font-size:12px;color:#6b7280;line-height:1.6}.company-management .action-buttons{display:flex;gap:8px}.company-management .btn-icon{padding:8px;border:none;background:#f3f4f6;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.company-management .btn-icon:hover{background:#e5e7eb;color:#374151}.company-management .btn-icon.danger{background:#fee2e2;color:#dc2626}.company-management .btn-icon.danger:hover{background:#fecaca}.company-management .btn-icon.warning{background:#fef3c7;color:#d97706}.company-management .btn-icon.warning:hover{background:#fde68a}.company-management .btn-icon.success{background:#dcfce7;color:#16a34a}.company-management .btn-icon.success:hover{background:#bbf7d0}.company-management .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.company-management .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.company-management .modal-content.large{max-width:700px}.company-management .modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px 12px 0 0}.company-management .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.company-management .close-btn{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.company-management .close-btn:hover{background:#f3f4f6;color:#374151}.company-management .modal-content form{padding:24px;background:#fff}.company-management .modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff;border-radius:0 0 12px 12px}.company-management .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.company-management .form-group{display:flex;flex-direction:column}.company-management .form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.company-management .form-group input,.company-management .form-group select{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.company-management .custom-limits-section{margin-top:20px;padding:20px;background:#f9fafb;border-radius:6px}.company-management .custom-limits-section h4{margin-bottom:15px;color:#374151}.company-management .credentials-display{padding:20px}.company-management .credential-item{margin-bottom:20px}.company-management .credential-item label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.company-management .credential-value{display:flex;align-items:center;gap:10px;background:#f3f4f6;padding:12px;border-radius:6px}.company-management .credential-value code{flex:1;font-family:Courier New,monospace;font-size:13px;color:#1f2937;word-break:break-all}.company-management .alert{padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:14px}.company-management .alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.company-management .alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;margin-bottom:20px}.company-management .help-content{padding:24px;max-height:70vh;overflow-y:auto}.company-management .help-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.company-management .help-section:last-child{border-bottom:none}.company-management .help-section h4{color:#1f2937;font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.company-management .help-section p{color:#6b7280;line-height:1.6;margin-bottom:12px}.company-management .help-section ul{list-style:none;padding-left:0}.company-management .help-section ul li{padding:8px 0 8px 24px;position:relative;color:#6b7280;line-height:1.6}.company-management .help-section ul li:before{content:"•";position:absolute;left:8px;color:#6366f1;font-weight:700}.company-management .help-section code{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#1f2937}.company-management .code-block{background:#1f2937;padding:12px;border-radius:6px;margin:12px 0}.company-management .code-block code{background:transparent;color:#10b981;font-size:14px}.company-management .action-guide{display:flex;flex-direction:column;gap:16px}.company-management .action-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.company-management .action-item.danger-action{background:#fef2f2;border-color:#fecaca}.company-management .action-icon{width:40px;height:40px;border-radius:8px;background:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.company-management .action-icon.danger{background:#fee2e2;color:#dc2626}.company-management .action-icon.warning{background:#fef3c7;color:#d97706}.company-management .action-icon.success{background:#dcfce7;color:#16a34a}.company-management .action-item strong{color:#1f2937;display:block;margin-bottom:4px}.company-management .action-item p{margin-bottom:4px;font-size:13px}.company-management .alert-info{background:#dbeafe;border:1px solid #93c5fd;padding:16px;border-radius:8px}.company-management .alert-info h4{color:#1e40af}.company-management .alert-info p{color:#1e3a8a}.company-management .text-center{text-align:center}@media(max-width:768px){.company-management .section-header{flex-direction:column;align-items:flex-start;gap:15px}.company-management .stats-grid{grid-template-columns:1fr}.company-management .filters-section{flex-direction:column}.company-management .search-box{min-width:100%}.company-management .filter-buttons{flex-wrap:wrap}.company-management .form-grid{grid-template-columns:1fr}.company-management .companies-table{font-size:12px}.company-management .companies-table th,.company-management .companies-table td{padding:8px}}.user-info-bar{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:15px 20px;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.user-info-content{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}.user-info-item{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.user-info-item i{color:#667eea;font-size:16px}.user-info-label{font-weight:600;color:#555;font-size:14px}.user-info-value{color:#333;font-size:14px;font-weight:500}.user-info-item .badge{margin-left:4px}.api-docs-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;color:#06c;text-decoration:none;border:1px solid #0066cc;border-radius:6px;transition:all .3s ease;background-color:transparent;white-space:nowrap;height:36px}.api-docs-link:hover{background-color:#06c;color:#fff}.api-docs-link i{color:inherit}@media(max-width:768px){.user-info-bar{padding:12px 15px}.user-info-content{gap:12px}.user-info-item{padding:6px 12px;font-size:13px}.user-info-label,.user-info-value{font-size:13px}}@media(max-width:480px){.user-info-bar{padding:10px}.user-info-content{flex-direction:column;gap:8px;align-items:stretch}.user-info-item{padding:8px 12px;justify-content:flex-start}}.custom-tooltip-wrapper{position:relative;display:inline-flex;justify-content:center;width:fit-content}.custom-tooltip-wrapper>*{margin:0!important}.custom-tooltip-content{position:absolute;background-color:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:13px;z-index:1000;min-width:150px;max-width:280px;width:max-content;box-shadow:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));opacity:0;pointer-events:none;font-weight:500;text-align:center;line-height:1.3;white-space:normal}.custom-tooltip-text{max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.custom-tooltip-content.position-top{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);margin-bottom:10px!important;animation:tooltipFadeInTop .2s forwards}@keyframes tooltipFadeInTop{0%{opacity:0;transform:translate(-50%) translateY(-3px)}to{opacity:1;transform:translate(-50%) translateY(-8px)}}.custom-tooltip-content.position-bottom{top:100%;left:50%;transform:translate(-50%) translateY(10px);margin-top:0;animation:tooltipFadeInBottom .2s forwards}@keyframes tooltipFadeInBottom{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(10px)}}.custom-tooltip-content.position-left{right:100%;top:50%;transform:translateY(-50%) translate(-10px);margin-right:0;animation:tooltipFadeInLeft .2s forwards}@keyframes tooltipFadeInLeft{0%{opacity:0;transform:translateY(-50%) translate(-5px)}to{opacity:1;transform:translateY(-50%) translate(-10px)}}.custom-tooltip-content.position-right{left:100%;top:50%;transform:translateY(-50%) translate(10px);margin-left:0;animation:tooltipFadeInRight .2s forwards}@keyframes tooltipFadeInRight{0%{opacity:0;transform:translateY(-50%) translate(5px)}to{opacity:1;transform:translateY(-50%) translate(10px)}}.custom-tooltip-content .tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.custom-tooltip-content.position-top .tooltip-arrow{bottom:-6px;left:50%;margin-left:-7px;border-width:7px 7px 0 7px;border-color:#ffffff transparent transparent transparent;filter:none}.custom-tooltip-content.position-bottom .tooltip-arrow{top:-6px;left:50%;margin-left:-7px;border-width:0 7px 7px 7px;border-color:transparent transparent #ffffff transparent;filter:none}.custom-tooltip-content.position-top-left{bottom:100%;left:220%;transform:translateY(-8px);margin-bottom:10px!important;animation:tooltipFadeInTop .2s forwards;text-align:left;max-width:200px!important}.custom-tooltip-content.position-top-left .tooltip-arrow{bottom:-6px;left:20%;margin-left:0;border-width:7px 7px 0 7px;border-color:#ffffff transparent transparent transparent;filter:none}