:root{--cpx-primary:#2c7a2c;--cpx-primary-d:#1e5a1e;--cpx-accent:#f5a623;--cpx-danger:#c62828;--cpx-bg:#f4f6f4;--cpx-card:#ffffff;--cpx-border:#e0e0e0;--cpx-text:#222222;--cpx-muted:#666666;--cpx-radius:8px;--cpx-shadow:0 2px 8px rgba(0,0,0,.08)}.creapix-dashboard{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--cpx-text);max-width:900px;margin:0 auto;padding:0 16px 48px}.cpx-header{background:linear-gradient(135deg,var(--cpx-primary) 0%,#3d9e3d 100%);border-radius:var(--cpx-radius);padding:28px 32px;color:#fff;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.cpx-header-title{font-size:1.5em;font-weight:700;margin:0 0 4px}.cpx-header-sub{opacity:.85;font-size:.95em}.cpx-header-logo{font-size:2.4em}.cpx-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.cpx-stat-card{background:var(--cpx-card);border:1px solid var(--cpx-border);border-radius:var(--cpx-radius);box-shadow:var(--cpx-shadow);padding:20px 24px;text-align:center}.cpx-stat-value{font-size:2.2em;font-weight:700;color:var(--cpx-primary);line-height:1;margin-bottom:6px}.cpx-stat-value.danger{color:var(--cpx-danger)}.cpx-stat-value.accent{color:var(--cpx-accent)}.cpx-stat-label{color:var(--cpx-muted);font-size:.88em}.cpx-section{background:var(--cpx-card);border:1px solid var(--cpx-border);border-radius:var(--cpx-radius);box-shadow:var(--cpx-shadow);padding:24px;margin-bottom:20px}.cpx-section-title{font-size:1.05em;font-weight:700;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--cpx-bg);display:flex;align-items:center;gap:8px}.cpx-progress-wrap{margin:16px 0}.cpx-progress-label{display:flex;justify-content:space-between;font-size:.9em;margin-bottom:6px}.cpx-progress-label span:last-child{color:var(--cpx-muted)}.cpx-progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.cpx-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--cpx-primary),#5cb85c);transition:width .5s ease}.cpx-progress-fill.low{background:linear-gradient(90deg,#ff9800,#ffb74d)}.cpx-progress-fill.danger{background:linear-gradient(90deg,var(--cpx-danger),#ef9a9a)}.cpx-pack-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:16px}.cpx-info-item{display:flex;flex-direction:column;gap:2px}.cpx-info-label{font-size:.8em;color:var(--cpx-muted);text-transform:uppercase;letter-spacing:.04em}.cpx-info-value{font-weight:600;font-size:.97em}.cpx-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.78em;font-weight:600}.cpx-badge-active{background:#e8f5e9;color:#2e7d32}.cpx-badge-expired{background:#ffebee;color:#c62828}.cpx-badge-pending{background:#fff8e1;color:#e65100}.cpx-alert{padding:14px 18px;border-radius:var(--cpx-radius);margin-bottom:20px;font-size:.95em;display:flex;align-items:flex-start;gap:10px}.cpx-alert-icon{font-size:1.3em;flex-shrink:0;margin-top:1px}.cpx-alert-warn{background:#fff8e1;border:1px solid #ffe082;color:#6d4c00}.cpx-alert-info{background:#e3f2fd;border:1px solid #90caf9;color:#1a237e}.cpx-visuals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:4px}.cpx-visual-card{border:1px solid var(--cpx-border);border-radius:var(--cpx-radius);padding:16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s}.cpx-visual-card:hover{box-shadow:0 4px 14px rgb(0 0 0 / .1)}.cpx-visual-name{font-weight:600;font-size:.97em}.cpx-visual-date{color:var(--cpx-muted);font-size:.85em}.cpx-visual-badge{align-self:flex-start}.cpx-dl-btn{display:inline-flex;align-items:center;gap:6px;background:var(--cpx-primary);color:#fff;padding:8px 14px;border-radius:4px;text-decoration:none;font-size:.88em;font-weight:600;margin-top:4px;transition:background .2s;border:none;cursor:pointer}.cpx-dl-btn:hover{background:var(--cpx-primary-d);color:#fff}.cpx-empty{text-align:center;color:var(--cpx-muted);padding:32px 0;font-size:.95em}.cpx-empty-icon{font-size:2.5em;margin-bottom:8px}.cpx-history-table{width:100%;border-collapse:collapse;font-size:.9em}.cpx-history-table th{text-align:left;padding:8px 12px;background:var(--cpx-bg);color:var(--cpx-muted);font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.04em}.cpx-history-table td{padding:10px 12px;border-bottom:1px solid var(--cpx-border)}.cpx-history-table tr:last-child td{border-bottom:none}.cpx-renew-btn{display:inline-block;background:var(--cpx-accent);color:#fff;font-weight:700;padding:12px 28px;border-radius:var(--cpx-radius);text-decoration:none;margin-top:12px;transition:opacity .2s}.cpx-renew-btn:hover{opacity:.88;color:#fff}.cpx-no-sub{text-align:center;padding:56px 24px;background:var(--cpx-card);border:1px solid var(--cpx-border);border-radius:var(--cpx-radius)}.cpx-no-sub-icon{font-size:3em;margin-bottom:12px}.cpx-no-sub h2{margin:0 0 8px}.cpx-no-sub p{color:var(--cpx-muted);margin-bottom:20px}.cpx-tabs{display:flex;gap:4px;margin-bottom:0;border-bottom:2px solid var(--cpx-border)}.cpx-tab{padding:10px 20px;cursor:pointer;border:none;background:none;font-size:.95em;color:var(--cpx-muted);border-bottom:2px solid #fff0;margin-bottom:-2px;font-weight:500;transition:color .2s}.cpx-tab:hover{color:var(--cpx-primary)}.cpx-tab.active{color:var(--cpx-primary);border-bottom-color:var(--cpx-primary);font-weight:700}.cpx-tab-pane{display:none;padding-top:20px}.cpx-tab-pane.active{display:block}@media (max-width:600px){.cpx-header{padding:20px}.cpx-header-title{font-size:1.2em}.cpx-stats-grid{grid-template-columns:1fr 1fr}.cpx-visuals-grid{grid-template-columns:1fr}.cpx-history-table{font-size:.82em}}