:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-text: #111;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-bg: #f5f5f5;--color-bg-card: #fff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--shadow-card: 0 1px 3px rgba(0,0,0,.06);--shadow-hover: 0 4px 12px rgba(0,0,0,.08);--radius: 12px;--radius-sm: 8px;--radius-xs: 4px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.page-header .page-desc{font-size:13px;color:var(--color-text-secondary);margin:4px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--color-bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card)}.stat-label{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase}.stat-value{font-size:24px;font-weight:700;color:var(--color-text)}.stat-value.green{color:var(--color-success)}.stat-value.red{color:var(--color-danger)}.stat-sub{font-size:11px;color:var(--color-text-muted);margin-top:4px}.section{background:var(--color-bg-card);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-card)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin:0;font-size:16px;color:var(--color-text)}.section-desc{font-size:13px;color:var(--color-text-secondary);margin:-8px 0 16px}.table{display:flex;flex-direction:column}.table-header{display:flex;padding:8px 0;font-size:12px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);font-weight:500}.table-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:13px}.table-row:last-child{border-bottom:none}.table-row code{font-size:12px;color:var(--color-text-secondary)}.table-row .col-code{font-family:monospace;font-size:12px}.empty-state{padding:40px;text-align:center;color:var(--color-text-muted);font-size:14px}.loading-state{padding:40px;text-align:center;color:var(--color-text-muted)}.btn{padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 10px;font-size:11px}.btn-lg{padding:12px 32px;font-size:16px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:#f9fafb}.btn-danger{background:var(--color-danger);color:#fff}.btn-text{background:none;border:none;font-size:12px;cursor:pointer;padding:0}.btn-text.primary{color:var(--color-primary)}.btn-text.danger{color:var(--color-danger)}.tag{padding:2px 8px;border-radius:var(--radius-xs);font-size:11px}.tag.free{background:#dcfce7;color:#166534}.tag.paid{background:#f3f4f6;color:var(--color-text-secondary)}.tag.active{background:#dcfce7;color:#166534}.tag.disabled{background:#f3f4f6;color:var(--color-text-secondary)}.tag.success{background:#dcfce7;color:#166534}.tag.warning{background:#fef3c7;color:#92400e}.tag.danger{background:#fef2f2;color:#991b1b}.tag.info{background:#e0f2fe;color:#075985}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--color-success)}.status-dot.disabled{background:var(--color-text-muted)}.status-dot.warning{background:var(--color-warning)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#374151}.form-input,.form-select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;box-sizing:border-box;background:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-row{display:flex;gap:12px}.form-row .half{flex:1}.form-hint{font-size:11px;color:var(--color-text-muted);margin-top:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:var(--radius);padding:28px;width:480px;max-height:80vh;overflow-y:auto}.modal h3{margin:0 0 20px;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.filter-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-bar .search-box{flex:1;min-width:200px}.period-selector{display:flex;gap:4px;background:#f3f4f6;border-radius:var(--radius-sm);padding:2px}.period-btn{padding:6px 14px;border:none;border-radius:6px;font-size:13px;cursor:pointer;background:transparent;color:var(--color-text-secondary)}.period-btn.active{background:#fff;color:var(--color-text);box-shadow:0 1px 2px #0000000f}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h2{font-size:18px}.section{padding:16px}.filter-bar{flex-direction:column}.table{font-size:13px}.modal{width:90%;max-width:600px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-header h2{font-size:16px}.page-desc{font-size:12px}.section{padding:12px;border-radius:8px}.stat-card{padding:14px}.stat-value{font-size:20px}.stat-label{font-size:11px}.stat-sub{font-size:10px}.table{font-size:12px}.table-header,.table-row{padding:8px 10px;gap:6px}.table,.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal{width:95%;max-width:100%;padding:20px}.modal-overlay .modal{width:95%;max-width:100%}.btn{padding:8px 16px;font-size:13px}.btn-sm{padding:5px 10px;font-size:11px}.form-input,.form-select{padding:8px 10px;font-size:13px}.form-group{margin-bottom:12px}.period-selector{flex-wrap:wrap}.period-btn{padding:4px 10px;font-size:12px}.page-header-actions{flex-direction:column;width:100%}.page-header-actions .btn{width:100%}.plans-grid{grid-template-columns:1fr}.calc-row,.calc-result{flex-direction:column}.free-banner{flex-direction:column;align-items:flex-start}.tabs{flex-wrap:wrap}.modal-actions{flex-direction:column;gap:6px}.modal-actions .btn{width:100%}.empty-state{padding:32px 16px;font-size:13px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.section>.table-header{display:none}.table-row{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1923;color:#e0e0e0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3a4a;border-radius:3px}