*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #333333;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-red: #ef4444;--hover-bg: #2a2a2a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}.loading-screen,.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.loading-spinner,.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p,.page-loading p{margin-top:20px;color:var(--text-secondary)}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e)}.login-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #00000080}.login-header{text-align:center;margin-bottom:32px}.login-icon{color:var(--accent-blue);margin-bottom:16px}.login-header h1{font-size:24px;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.error-message{padding:12px;background:#ef44441a;border:1px solid var(--accent-red);border-radius:8px;color:var(--accent-red);font-size:14px}.btn-login{padding:12px;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-login:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.warning-text{color:var(--accent-orange);font-size:12px}.unauthorized-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.unauthorized-content{text-align:center;max-width:500px;padding:40px}.unauthorized-content h1{font-size:48px;margin-bottom:16px}.unauthorized-content p{color:var(--text-secondary);margin-bottom:12px}.email-display{color:var(--accent-blue);font-family:monospace}.btn-logout{margin-top:24px;padding:12px 24px;background:var(--accent-red);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#dc2626}.layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s;position:sticky;top:0;height:100vh}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-header h1{font-size:20px;white-space:nowrap;overflow:hidden}.sidebar.closed .sidebar-header h1{display:none}.sidebar-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;transition:all .2s}.sidebar-toggle:hover{background:var(--hover-bg)}.sidebar-nav{flex:1;padding:16px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s;white-space:nowrap}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue);color:#fff}.sidebar.closed .nav-item span{display:none}.sidebar.closed .nav-item{justify-content:center;padding:12px}.sidebar-footer{padding:16px;border-top:1px solid var(--border-color)}.user-info{margin-bottom:12px}.user-email{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.user-role{font-size:10px;color:var(--accent-blue);text-transform:uppercase;font-weight:600}.btn-logout-sidebar{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-logout-sidebar:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.sidebar.closed .btn-logout-sidebar span{display:none}.sidebar.closed .btn-logout-sidebar{justify-content:center;padding:10px}.main-content{flex:1;padding:32px;overflow-y:auto;max-width:1400px;margin:0 auto;width:100%}.page-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start}.page-header h1{font-size:32px;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:14px}.header-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.icon-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;transition:all .2s}.icon-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;gap:16px}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.blue{background:#3b82f61a;color:var(--accent-blue)}.metric-icon.green{background:#10b9811a;color:var(--accent-green)}.metric-icon.purple{background:#8b5cf61a;color:var(--accent-purple)}.metric-icon.orange{background:#f59e0b1a;color:var(--accent-orange)}.metric-content{flex:1}.metric-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;font-weight:600}.metric-value{font-size:28px;font-weight:700;margin-bottom:4px}.metric-subtext{font-size:12px;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:32px}.chart-card,.activity-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.chart-card.full-width{grid-column:1 / -1}.card-header{margin-bottom:20px}.card-header h3{font-size:18px;margin-bottom:4px}.card-header p{font-size:12px;color:var(--text-secondary)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.activity-icon{color:var(--accent-blue);flex-shrink:0;margin-top:2px}.activity-content{flex:1}.activity-action{font-size:14px;margin-bottom:4px}.activity-meta{font-size:12px;color:var(--text-secondary)}.search-bar{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;margin-bottom:24px}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:14px}.search-bar input:focus{outline:none}.search-bar svg{color:var(--text-secondary)}.courier-list{display:flex;flex-direction:column;gap:16px}.courier-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.courier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.courier-info{display:flex;gap:16px;align-items:center}.courier-icon{color:var(--accent-blue)}.courier-info h3{font-size:18px;margin-bottom:4px}.courier-id{font-size:12px;color:var(--text-secondary);font-family:monospace}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;text-transform:capitalize}.status-badge.active{background:#10b9811a;color:var(--accent-green)}.status-badge.suspended,.status-badge.unknown{background:#ef44441a;color:var(--accent-red)}.courier-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary);font-weight:500}.detail-value{font-size:14px;color:var(--text-primary)}.courier-actions{display:flex;gap:12px;flex-wrap:wrap}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;opacity:.3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:24px;font-size:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.api-key-list{display:flex;flex-direction:column;gap:20px}.api-key-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.api-key-header{margin-bottom:20px}.api-key-header h3{font-size:18px;margin-bottom:4px}.api-key-section{margin-bottom:20px}.api-key-section label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.api-key-display{display:flex;gap:8px;align-items:center}.api-key-value{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;font-family:monospace;font-size:13px;color:var(--text-primary)}.api-key-actions{display:flex;gap:8px}.api-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border-radius:8px}.stat-label{font-size:12px;color:var(--text-secondary)}.stat-value{font-size:14px;font-weight:600}.rate-limits{padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:20px}.rate-limits h4{font-size:14px;margin-bottom:12px}.rate-limit-values{display:flex;gap:16px;margin-bottom:12px}.rate-limit-values span{font-size:12px;color:var(--text-secondary);font-family:monospace}.card-actions{display:flex;gap:12px}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.summary-icon{flex-shrink:0}.summary-icon.blue{color:var(--accent-blue)}.summary-icon.green{color:var(--accent-green)}.summary-icon.purple{color:var(--accent-purple)}.summary-icon.orange{color:var(--accent-orange)}.summary-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.summary-card h2{font-size:24px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:32px}.insights-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.insights-section h3{font-size:18px;margin-bottom:20px}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.insight-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.insight-bullet.green{background:var(--accent-green)}.insight-bullet.blue{background:var(--accent-blue)}.insight-bullet.purple{background:var(--accent-purple)}.insight-bullet.orange{background:var(--accent-orange)}.billing-summary{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin-bottom:32px}.summary-card-large{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border-radius:12px;padding:32px;display:flex;gap:20px;align-items:center}.summary-icon-large{color:#fff}.summary-label-large{font-size:14px;color:#fffc;margin-bottom:8px}.summary-value-large{font-size:40px;color:#fff;margin-bottom:8px}.summary-subtext{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffe6}.billing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px}.stat-box .stat-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.stat-box .stat-value{font-size:24px;font-weight:700}.stat-value.error{color:var(--accent-red)}.billing-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:32px;overflow-x:auto}.billing-table-container h3{font-size:18px;margin-bottom:20px}.billing-table{width:100%;border-collapse:collapse}.billing-table thead{border-bottom:2px solid var(--border-color)}.billing-table th{text-align:left;padding:12px;font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.billing-table td{padding:16px 12px;border-bottom:1px solid var(--border-color)}.courier-cell{display:flex;flex-direction:column;gap:4px}.courier-id-small{font-size:12px;color:var(--text-secondary);font-family:monospace}.tier-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;display:inline-block}.amount-cell{font-family:monospace;font-weight:600}.status-cell{display:flex;align-items:center;gap:8px}.status-icon{flex-shrink:0}.status-icon.success{color:var(--accent-green)}.status-icon.error{color:var(--accent-red)}.status-icon.warning{color:var(--accent-orange)}.status-text{text-transform:capitalize}.status-text.active{color:var(--accent-green)}.status-text.failed{color:var(--accent-red)}.btn-table-action{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;font-size:12px;cursor:pointer;color:var(--text-primary);transition:all .2s}.btn-table-action:hover{background:var(--hover-bg)}.revenue-breakdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.revenue-breakdown h3{font-size:18px;margin-bottom:20px}.tier-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tier-card{background:var(--bg-tertiary);border-radius:8px;padding:20px;display:flex;gap:16px}.tier-indicator{width:4px;border-radius:2px;flex-shrink:0}.tier-info h4{font-size:16px;margin-bottom:4px}.tier-count{font-size:12px;color:var(--text-secondary)}.tier-revenue{margin-left:auto;text-align:right}.tier-amount{font-size:18px;font-weight:700;margin-bottom:4px}.tier-percentage{font-size:12px;color:var(--text-secondary)}.config-sections{display:flex;flex-direction:column;gap:24px}.config-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.section-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.section-header svg{color:var(--accent-blue);flex-shrink:0}.section-header h3{font-size:18px;margin-bottom:4px}.section-header p{font-size:12px;color:var(--text-secondary)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.config-item{display:flex;flex-direction:column;gap:8px}.config-item label{font-size:14px;font-weight:500;color:var(--text-secondary)}.config-item input[type=number]{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px}.config-hint{font-size:12px;color:var(--text-secondary)}.feature-toggles{display:flex;flex-direction:column;gap:16px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-tertiary);border-radius:8px}.toggle-info h4{font-size:14px;margin-bottom:4px}.toggle-info p{font-size:12px;color:var(--text-secondary)}.toggle-switch{position:relative;width:50px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent-blue)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.maintenance-controls{display:flex;flex-direction:column;gap:20px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.alert-success{background:#10b9811a;border:1px solid var(--accent-green);color:var(--accent-green)}.alert-error{background:#ef44441a;border:1px solid var(--accent-red);color:var(--accent-red)}@media (max-width: 768px){.sidebar.open{position:fixed;z-index:100}.main-content{padding:20px}.metrics-grid,.dashboard-grid,.charts-grid,.billing-summary,.config-grid{grid-template-columns:1fr}}