/* Toast */
.af-toast{position:fixed;bottom:28px;right:28px;z-index:99999;display:flex;align-items:center;gap:12px;padding:14px 22px;background:rgba(15,15,25,.97);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 40px rgba(0,0,0,.6);backdrop-filter:blur(20px);animation:afSlideIn .3s ease;max-width:360px;}
@keyframes afSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
/* Confirm overlay */
.af-confirm-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;}
.af-confirm-box{background:linear-gradient(135deg,rgba(20,20,40,.98),rgba(10,10,25,.98));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 80px rgba(0,0,0,.7);}
.af-confirm-icon{font-size:40px;margin-bottom:16px;}
.af-confirm-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:8px;}
.af-confirm-text{font-size:14px;color:rgba(255,255,255,.55);margin-bottom:28px;line-height:1.6;}
.af-confirm-btns{display:flex;gap:12px;justify-content:center;}
/* Main page */
.af-page{padding:28px;min-height:100%;background:transparent;}
.af-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px;}
.af-hero-left{display:flex;flex-direction:column;gap:4px;}
.af-hero-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:900;color:#fff;letter-spacing:-.5px;}
.af-hero-title i{font-size:26px;color:#f59e0b;filter:drop-shadow(0 0 12px #f59e0b88);}
.af-hero-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.5px;background:linear-gradient(90deg,#9b6dff,#06b6d4);color:#fff;}
.af-hero-sub{font-size:13px;color:rgba(255,255,255,.4);margin-top:2px;}
.af-hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
/* Buttons */
.af-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.2px;white-space:nowrap;}
.af-btn-xs{padding:5px 12px;font-size:11px;border-radius:8px;}
.af-btn-sm{padding:7px 14px;font-size:12px;border-radius:10px;}
.af-btn-lg{padding:14px 28px;font-size:15px;border-radius:14px;}
.af-btn-primary{background:linear-gradient(135deg,#9b6dff,#7c3aed);color:#fff;box-shadow:0 4px 20px rgba(155,109,255,.35);}
.af-btn-primary:hover{background:linear-gradient(135deg,#a97fff,#8b4cf7);box-shadow:0 6px 28px rgba(155,109,255,.55);transform:translateY(-1px);}
.af-btn-cyan{background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff;box-shadow:0 4px 20px rgba(6,182,212,.25);}
.af-btn-cyan:hover{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 6px 28px rgba(6,182,212,.45);transform:translateY(-1px);}
.af-btn-emerald{background:linear-gradient(135deg,#065f46,#059669);color:#fff;box-shadow:0 4px 20px rgba(52,211,153,.2);}
.af-btn-emerald:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 6px 28px rgba(52,211,153,.4);transform:translateY(-1px);}
.af-btn-amber{background:linear-gradient(135deg,#92400e,#d97706);color:#fff;box-shadow:0 4px 20px rgba(245,158,11,.2);}
.af-btn-amber:hover{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 6px 28px rgba(245,158,11,.4);transform:translateY(-1px);}
.af-btn-rose{background:linear-gradient(135deg,#881337,#e11d48);color:#fff;box-shadow:0 4px 20px rgba(244,63,94,.2);}
.af-btn-rose:hover{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 6px 28px rgba(244,63,94,.4);transform:translateY(-1px);}
.af-btn-secondary{background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.1);}
.af-btn-secondary:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2);transform:translateY(-1px);}
.af-btn-ghost{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08);}
.af-btn-ghost:hover{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.15);}
/* Action buttons in tables */
.af-action-btn{width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;margin:0 2px;}
.af-action-btn.primary{background:rgba(155,109,255,.12);color:#9b6dff;border:1px solid rgba(155,109,255,.2);}
.af-action-btn.primary:hover{background:rgba(155,109,255,.25);box-shadow:0 0 12px rgba(155,109,255,.4);transform:scale(1.1);}
.af-action-btn.cyan{background:rgba(6,182,212,.12);color:#06b6d4;border:1px solid rgba(6,182,212,.2);}
.af-action-btn.cyan:hover{background:rgba(6,182,212,.25);box-shadow:0 0 12px rgba(6,182,212,.4);transform:scale(1.1);}
.af-action-btn.danger{background:rgba(244,63,94,.1);color:#f43f5e;border:1px solid rgba(244,63,94,.2);}
.af-action-btn.danger:hover{background:rgba(244,63,94,.25);box-shadow:0 0 12px rgba(244,63,94,.4);transform:scale(1.1);}
.af-action-btn.amber{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2);}
.af-action-btn.amber:hover{background:rgba(245,158,11,.25);box-shadow:0 0 12px rgba(245,158,11,.4);transform:scale(1.1);}
/* Tabs */
.af-tabs{display:flex;gap:4px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:6px;margin-bottom:24px;overflow-x:auto;}
.af-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;font-size:13px;font-weight:600;color:rgba(255,255,255,.45);cursor:pointer;transition:all .2s;white-space:nowrap;border:none;background:transparent;}
.af-tab:hover{color:rgba(255,255,255,.75);background:rgba(255,255,255,.05);}
.af-tab.active{background:linear-gradient(135deg,rgba(155,109,255,.2),rgba(6,182,212,.15));color:#fff;box-shadow:0 0 20px rgba(155,109,255,.2),inset 0 1px 0 rgba(255,255,255,.1);}
.af-tab-badge{background:rgba(155,109,255,.3);color:#c4b5fd;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:800;}
.af-tab-content{display:none;animation:afFadeIn .25s ease;}
.af-tab-content.active{display:block;}
@keyframes afFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* Cards */
.af-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:22px;margin-bottom:18px;backdrop-filter:blur(10px);}
.af-card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.af-card-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:#fff;}
.af-card-title i{font-size:16px;}
/* Stat cards */
.af-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;}
.af-stat-card{border-radius:18px;padding:22px;position:relative;overflow:hidden;cursor:default;transition:transform .2s,box-shadow .2s;}
.af-stat-card:hover{transform:translateY(-3px);}
.af-stat-card .af-sc-glow{position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.25;filter:blur(30px);}
.af-stat-card .af-sc-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;opacity:.7;}
.af-stat-card .af-sc-value{font-size:28px;font-weight:900;color:#fff;line-height:1;}
.af-stat-card .af-sc-sub{font-size:12px;margin-top:6px;opacity:.55;}
.af-stat-card .af-sc-icon{position:absolute;bottom:16px;right:18px;font-size:28px;opacity:.12;}
/* Tables */
.af-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.07);max-height:280px;overflow-y:auto;}
.af-table-wrap::-webkit-scrollbar{width:6px;height:6px;}
.af-table-wrap::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px;}
.af-table-wrap::-webkit-scrollbar-thumb{background:rgba(155,109,255,.3);border-radius:3px;}
.af-table-wrap::-webkit-scrollbar-thumb:hover{background:rgba(155,109,255,.5);}
.af-table{width:100%;border-collapse:collapse;font-size:13px;}
.af-table th{padding:12px 16px;text-align:left;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.35);background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06);}
.af-table td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:rgba(255,255,255,.8);vertical-align:middle;}
.af-table tr:last-child td{border-bottom:none;}
.af-table tr:hover td{background:rgba(255,255,255,.025);}
/* Badges & pills */
.af-plan-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.3px;}
.af-plan-badge.basic{background:rgba(107,114,128,.2);color:#9ca3af;border:1px solid rgba(107,114,128,.3);}
.af-plan-badge.pro{background:rgba(6,182,212,.15);color:#67e8f9;border:1px solid rgba(6,182,212,.3);box-shadow:0 0 8px rgba(6,182,212,.15);}
.af-plan-badge.premium{background:rgba(155,109,255,.15);color:#c4b5fd;border:1px solid rgba(155,109,255,.3);box-shadow:0 0 8px rgba(155,109,255,.15);}
.af-plan-badge.enterprise{background:rgba(245,158,11,.15);color:#fcd34d;border:1px solid rgba(245,158,11,.3);box-shadow:0 0 8px rgba(245,158,11,.15);}
.af-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;}
.af-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.af-pill.aktiv{background:rgba(52,211,153,.12);color:#34d399;border:1px solid rgba(52,211,153,.25);}
.af-pill.ausstehend{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25);}
.af-pill.gekündigt{background:rgba(244,63,94,.12);color:#f43f5e;border:1px solid rgba(244,63,94,.25);}
.af-pill.unbenutzt{background:rgba(52,211,153,.12);color:#34d399;border:1px solid rgba(52,211,153,.25);}
.af-pill.eingelöst{background:rgba(107,114,128,.12);color:#9ca3af;border:1px solid rgba(107,114,128,.25);}
.af-pill.abgelaufen{background:rgba(244,63,94,.12);color:#f43f5e;border:1px solid rgba(244,63,94,.25);}
/* Form elements */
.af-label{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:6px;display:block;}
.af-input,.af-select,.af-textarea{width:100%;padding:11px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:13px;outline:none;transition:all .2s;box-sizing:border-box;font-family:inherit;}
.af-input:focus,.af-select:focus,.af-textarea:focus{border-color:rgba(155,109,255,.5);background:rgba(155,109,255,.05);box-shadow:0 0 0 3px rgba(155,109,255,.1);}
.af-input.error{border-color:#f43f5e;box-shadow:0 0 0 3px rgba(244,63,94,.15);}
.af-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'8\' viewBox=\'0 0 12 8\'%3E%3Cpath fill=\'rgba(255,255,255,0.4)\' d=\'M1 1l5 5 5-5\'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;}
.af-select option{background:#1a1a2e;color:#fff;}
.af-textarea{resize:vertical;min-height:90px;line-height:1.6;}
/* Toggle */
.af-toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.af-toggle-wrap:last-child{border-bottom:none;}
.af-toggle-info{display:flex;flex-direction:column;gap:2px;}
.af-toggle-label{font-size:13px;font-weight:700;color:#fff;}
.af-toggle-desc{font-size:11px;color:rgba(255,255,255,.4);}
.af-toggle{display:inline-block;position:relative;width:44px;height:24px;flex-shrink:0;}
.af-toggle input{opacity:0;width:0;height:0;}
.af-toggle-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:24px;cursor:pointer;transition:.3s;border:1px solid rgba(255,255,255,.1);}
.af-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 6px rgba(0,0,0,.4);}
.af-toggle input:checked+.af-toggle-slider{background:linear-gradient(135deg,#9b6dff,#7c3aed);border-color:rgba(155,109,255,.4);box-shadow:0 0 12px rgba(155,109,255,.4);}
.af-toggle input:checked+.af-toggle-slider:before{transform:translateX(20px);}
/* Progress */
.af-progress-bar{height:6px;background:rgba(255,255,255,.08);border-radius:6px;overflow:hidden;}
.af-progress-fill{height:100%;border-radius:6px;transition:width .5s ease;}
/* Chart */
.af-chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding:0 4px;}
.af-chart-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;}
.af-chart-val{font-size:10px;font-weight:700;color:rgba(255,255,255,.5);}
.af-chart-bar{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#9b6dffee,#9b6dff22);transition:height .5s ease;cursor:pointer;min-height:4px;}
.af-chart-bar:hover{filter:brightness(1.3);}
.af-chart-label{font-size:10px;color:rgba(255,255,255,.35);font-weight:600;}
/* Misc */
.af-mono{font-family:monospace;font-size:12px;color:rgba(255,255,255,.7);letter-spacing:.5px;}
.af-empty{text-align:center;padding:40px;color:rgba(255,255,255,.25);}
.af-empty i{font-size:32px;margin-bottom:12px;display:block;}
.af-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.af-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;}
@media(max-width:768px){.af-grid-2,.af-grid-3{grid-template-columns:1fr;}}
.af-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(155,109,255,.3),transparent);margin:20px 0;}
.af-section-title{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px;}
/* Code result */
.af-code-result{background:rgba(52,211,153,.04);border:1px solid rgba(52,211,153,.15);border-radius:14px;padding:18px;margin-top:16px;display:none;}
.af-code-result.show{display:block;animation:afFadeIn .3s ease;}
.af-code-result-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.af-code-result-title{font-size:13px;font-weight:800;color:#34d399;}
.af-code-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(255,255,255,.04);border-radius:10px;margin-bottom:6px;border:1px solid rgba(255,255,255,.06);}
.af-code-item:last-child{margin-bottom:0;}
/* License cards */
.af-lic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.af-lic-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:22px;position:relative;overflow:hidden;transition:all .25s;cursor:default;}
.af-lic-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12);}
.af-lic-inactive{opacity:.5;}
.af-lic-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:.15;filter:blur(40px);pointer-events:none;}
.af-lic-top{height:3px;border-radius:3px 3px 0 0;position:absolute;top:0;left:0;right:0;}
.af-lic-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px;}
.af-lic-name{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px;}
.af-lic-desc{font-size:12px;color:rgba(255,255,255,.45);margin-bottom:12px;line-height:1.5;}
.af-lic-price{font-size:26px;font-weight:900;line-height:1;}
.af-lic-interval{font-size:11px;color:rgba(255,255,255,.35);margin-bottom:14px;}
.af-lic-divider{height:1px;background:rgba(255,255,255,.06);margin:14px 0;}
.af-lic-users{font-size:12px;color:rgba(255,255,255,.5);margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.af-lic-features{list-style:none;padding:0;margin:0 0 16px 0;display:flex;flex-direction:column;gap:6px;}
.af-lic-features li{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.65);}
.af-lic-features li i{font-size:10px;flex-shrink:0;}
/* Feature tags */
.af-feature-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(155,109,255,.12);border:1px solid rgba(155,109,255,.25);border-radius:20px;font-size:12px;color:#c4b5fd;margin:3px;}
.af-feature-tag button{background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;font-size:14px;line-height:1;padding:0;transition:color .15s;}
.af-feature-tag button:hover{color:#f43f5e;}
/* Timeline */
.af-timeline{display:flex;flex-direction:column;gap:0;}
.af-tl-item{display:flex;gap:14px;padding-bottom:18px;}
.af-tl-item:last-child{padding-bottom:0;}
.af-tl-line{display:flex;flex-direction:column;align-items:center;flex-shrink:0;}
.af-tl-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.af-tl-connector{flex:1;width:2px;background:rgba(255,255,255,.06);margin-top:4px;}
.af-tl-event{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);}
.af-tl-date{font-size:11px;color:rgba(255,255,255,.35);margin-top:2px;}
/* Stat row */
.af-stat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.af-stat-row:last-child{border-bottom:none;}
.af-stat-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.35);}
.af-stat-val{font-size:13px;font-weight:600;color:rgba(255,255,255,.8);}
/* Color picker */
.af-color-swatches{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;}
.af-color-swatch{width:28px;height:28px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s;position:relative;}
.af-color-swatch:hover{transform:scale(1.15);}
.af-color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2);}
.af-color-swatch.selected::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;font-weight:900;}
.af-color-picker-wrap{display:flex;align-items:center;gap:10px;margin-top:8px;}
.af-color-picker-wrap input[type=color]{width:40px;height:40px;border:2px solid rgba(255,255,255,.15);border-radius:10px;background:none;cursor:pointer;padding:2px;}
/* Coupon type toggle */
.af-type-toggle{display:flex;background:rgba(255,255,255,.05);border-radius:10px;padding:4px;gap:4px;}
.af-type-btn{flex:1;padding:8px;border-radius:8px;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.45);background:transparent;}
.af-type-btn.active{background:linear-gradient(135deg,#9b6dff,#7c3aed);color:#fff;box-shadow:0 2px 12px rgba(155,109,255,.35);}
/* Sub-page */
.af-subpage{padding:28px;min-height:100%;background:transparent;}
.af-back-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.7);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:24px;}
.af-back-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:translateX(-2px);}
.af-subpage-hero{border-radius:22px;padding:28px;margin-bottom:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.af-subpage-hero-bg{position:absolute;inset:0;opacity:.12;pointer-events:none;}
.af-hero-avatar{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex-shrink:0;}
.af-hero-info{display:flex;flex-direction:column;gap:4px;}
.af-hero-name{font-size:22px;font-weight:900;color:#fff;}
.af-hero-meta{font-size:12px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.af-hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;}
.af-hero-amount{text-align:right;}
.af-hero-amount .amount{font-size:32px;font-weight:900;color:#fff;line-height:1;}
.af-hero-amount .amount-sub{font-size:11px;color:rgba(255,255,255,.4);margin-top:4px;}
/* Danger zone */
.af-danger-zone{background:rgba(244,63,94,.04);border:1px solid rgba(244,63,94,.15);border-radius:16px;padding:20px;}
.af-danger-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#f43f5e;margin-bottom:14px;}
/* Glow separator */
.af-glow-sep{height:1px;background:linear-gradient(90deg,transparent,rgba(155,109,255,.4),rgba(6,182,212,.3),transparent);margin:24px 0;}
/* Widerspruch badge */
.af-widerspruch-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);border-radius:20px;font-size:11px;font-weight:700;color:#fbbf24;}
/* --- Premium Stats Dashboard additions --- */
.af-time-btn{background:transparent;border:none;color:rgba(255,255,255,0.45);padding:6px 14px;font-size:12px;font-weight:700;border-radius:8px;cursor:pointer;transition:all 0.2s ease;}
.af-time-btn:hover{color:#fff;background:rgba(255,255,255,0.04);}
.af-time-btn.active{background:linear-gradient(135deg,#9b6dff,#7c3aed);color:#fff;box-shadow:0 4px 12px rgba(155,109,255,0.25);}
.af-stats-grid-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:28px;}
.af-stat-card-glow{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;overflow:hidden;transition:all 0.3s ease;backdrop-filter:blur(16px);}
.af-stat-card-glow:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.4);}
.af-stat-card-glow.purple:hover{border-color:rgba(155,109,255,0.35);box-shadow:0 0 20px rgba(155,109,255,0.15);}
.af-stat-card-glow.amber:hover{border-color:rgba(251,191,36,0.35);box-shadow:0 0 20px rgba(251,191,36,0.15);}
.af-stat-card-glow.cyan:hover{border-color:rgba(34,211,238,0.35);box-shadow:0 0 20px rgba(34,211,238,0.15);}
.af-stat-card-glow.rose:hover{border-color:rgba(244,63,94,0.35);box-shadow:0 0 20px rgba(244,63,94,0.15);}
.af-stat-card-glow.emerald:hover{border-color:rgba(16,185,129,0.35);box-shadow:0 0 20px rgba(16,185,129,0.15);}
.af-stat-card-glow .af-sc-glow{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;opacity:.18;filter:blur(40px);pointer-events:none;}
.af-stat-card-glow .af-sc-icon{position:absolute;bottom:18px;right:20px;font-size:28px;opacity:.15;color:#fff;}
.af-stat-card-glow .af-sc-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;opacity:.75;}
.af-stat-card-glow .af-sc-value{font-size:28px;font-weight:900;color:#fff;line-height:1;}
.af-stat-card-glow .af-sc-sub{font-size:12px;margin-top:8px;opacity:.6;display:flex;align-items:center;gap:4px;}
.af-progress-bar-custom{height:6px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;position:relative;margin-top:6px;}
.af-progress-fill-custom{height:100%;border-radius:4px;position:relative;transition:width 0.8s ease;}
.af-progress-fill-custom::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);animation:afGlowSlide 2s infinite linear;}
@keyframes afGlowSlide{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.af-activity-list{display:flex;flex-direction:column;gap:10px;}
.af-activity-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);border-radius:12px;transition:all .2s ease;}
.af-activity-item:hover{background:rgba(255,255,255,.04);border-color:rgba(155,109,255,.2);}
.af-activity-left{display:flex;align-items:center;gap:12px;}
.af-activity-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.af-activity-title{font-size:13px;font-weight:700;color:#fff;}
.af-activity-desc{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px;}
.af-activity-amount{font-size:13px;font-weight:800;text-align:right;}