@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap";:root,[data-theme=brutalist]{--primary-color:#facc15;--primary-hover:#eab308;--accent-color:#fb923c;--bg-color:#fef9ef;--text-color:#1a1a1a;--panel-bg:#fff;--border-color:#1a1a1a;--hover-bg:#fef3c7;--shadow:4px 4px 0px #1a1a1a;--shadow-sm:2px 2px 0px #1a1a1a;--shadow-pressed:1px 1px 0px #1a1a1a;--danger:#ef4444;--success:#22c55e;--info-bg:#dbeafe;--border-radius:4px;--border-width:2.5px;--btn-transform-hover:translate(1px, 1px);--btn-transform-active:translate(2px, 2px);--btn-text:#1a1a1a}[data-theme=dark],[data-theme=brutalist-dark]{--primary-color:#facc15;--primary-hover:#fde047;--accent-color:#fb923c;--bg-color:#111;--text-color:#f5f5f5;--panel-bg:#1e1e1e;--border-color:#555;--hover-bg:#2a2a2a;--shadow:4px 4px 0px #000;--shadow-sm:2px 2px 0px #000;--shadow-pressed:1px 1px 0px #000;--danger:#f87171;--success:#4ade80;--info-bg:#1e293b;--border-radius:4px;--border-width:2.5px;--btn-transform-hover:translate(1px, 1px);--btn-transform-active:translate(2px, 2px);--btn-text:#1a1a1a}[data-theme=trakteer]{--primary-color:#e50027;--primary-hover:#c70021;--accent-color:#3cd278;--bg-color:#fff5f5;--text-color:#272727;--panel-bg:#fff;--border-color:#e2e8f0;--hover-bg:#ffe4e6;--shadow:0 4px 20px #0000000f;--shadow-sm:0 2px 10px #0000000a;--shadow-pressed:0 8px 25px #0000001a;--danger:#dc2626;--success:#3cd278;--info-bg:#fee2e2;--border-radius:16px;--border-width:1px;--btn-transform-hover:translateY(-2px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=trakteer-dark]{--primary-color:#e50027;--primary-hover:#ff1a45;--accent-color:#3cd278;--bg-color:#1a0a0a;--text-color:#f5e6e6;--panel-bg:#2a1515;--border-color:#3a1f1f;--hover-bg:#3a1f1f;--shadow:0 4px 20px #0000004d;--shadow-sm:0 2px 10px #0003;--shadow-pressed:0 8px 25px #0006;--danger:#f87171;--success:#4ade80;--info-bg:#2d1b1b;--border-radius:16px;--border-width:1px;--btn-transform-hover:translateY(-2px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=ocean]{--primary-color:#3b82f6;--primary-hover:#2563eb;--accent-color:#06b6d4;--bg-color:#f0f7ff;--text-color:#0f172a;--panel-bg:#fff;--border-color:#e2e8f0;--hover-bg:#dbeafe;--shadow:0 4px 12px #0000000d;--shadow-sm:0 1px 4px #00000008;--shadow-pressed:0 4px 8px #00000014;--danger:#ef4444;--success:#22c55e;--info-bg:#dbeafe;--border-radius:12px;--border-width:1px;--btn-transform-hover:translateY(-1px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=ocean-dark]{--primary-color:#3b82f6;--primary-hover:#60a5fa;--accent-color:#22d3ee;--bg-color:#0b1120;--text-color:#e2e8f0;--panel-bg:#1e293b;--border-color:#334155;--hover-bg:#334155;--shadow:0 4px 12px #0000004d;--shadow-sm:0 1px 4px #0003;--shadow-pressed:0 4px 8px #0006;--danger:#f87171;--success:#4ade80;--info-bg:#1e293b;--border-radius:12px;--border-width:1px;--btn-transform-hover:translateY(-1px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=cyberpunk]{--primary-color:#ec4899;--primary-hover:#db2777;--accent-color:#8b5cf6;--bg-color:#0f0f1a;--text-color:#e8e8ff;--panel-bg:#1a1a2e;--border-color:#2a1a3e;--hover-bg:#2a1a3e;--shadow:0 0 15px #ec489966;--shadow-sm:0 0 8px #8b5cf666;--shadow-pressed:0 0 25px #ec489999;--danger:#ff6b6b;--success:#0f8;--info-bg:#1e1038;--border-radius:8px;--border-width:1px;--btn-transform-hover:translateY(-1px) scale(1.02);--btn-transform-active:scale(.98);--btn-text:#fff}[data-theme=cyberpunk-dark]{--primary-color:#f472b6;--primary-hover:#ec4899;--accent-color:#a78bfa;--bg-color:#050510;--text-color:#e0e0ff;--panel-bg:#12121f;--border-color:#1f1530;--hover-bg:#1f1530;--shadow:0 0 15px #f472b666;--shadow-sm:0 0 8px #a78bfa66;--shadow-pressed:0 0 25px #f472b699;--danger:#f88;--success:#3fa;--info-bg:#150d25;--border-radius:8px;--border-width:1px;--btn-transform-hover:translateY(-1px) scale(1.02);--btn-transform-active:scale(.98);--btn-text:#fff}[data-theme=forest]{--primary-color:#10b981;--primary-hover:#059669;--accent-color:#f59e0b;--bg-color:#f0fdf4;--text-color:#14532d;--panel-bg:#fff;--border-color:#dcfce7;--hover-bg:#dcfce7;--shadow:0 4px 12px #0000000d;--shadow-sm:0 1px 4px #00000008;--shadow-pressed:0 4px 8px #00000014;--danger:#ef4444;--success:#22c55e;--info-bg:#d1fae5;--border-radius:12px;--border-width:1px;--btn-transform-hover:translateY(-1px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=forest-dark]{--primary-color:#10b981;--primary-hover:#34d399;--accent-color:#fbbf24;--bg-color:#0a1f0f;--text-color:#d1fae5;--panel-bg:#14301c;--border-color:#1a3d22;--hover-bg:#1a3d22;--shadow:0 4px 12px #0000004d;--shadow-sm:0 1px 4px #0003;--shadow-pressed:0 4px 8px #0006;--danger:#f87171;--success:#4ade80;--info-bg:#14301c;--border-radius:12px;--border-width:1px;--btn-transform-hover:translateY(-1px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=sakura]{--primary-color:#f472b6;--primary-hover:#ec4899;--accent-color:#fb7185;--bg-color:#fff1f5;--text-color:#4a1942;--panel-bg:#fff;--border-color:#fce7f3;--hover-bg:#fce7f3;--shadow:0 4px 20px #0000000f;--shadow-sm:0 2px 10px #0000000a;--shadow-pressed:0 8px 25px #0000001a;--danger:#e11d48;--success:#22c55e;--info-bg:#fce7f3;--border-radius:16px;--border-width:1px;--btn-transform-hover:translateY(-2px);--btn-transform-active:translateY(1px);--btn-text:#fff}[data-theme=sakura-dark]{--primary-color:#f472b6;--primary-hover:#f9a8d4;--accent-color:#fda4af;--bg-color:#1a0a14;--text-color:#fde2ef;--panel-bg:#2a1520;--border-color:#3a1f2e;--hover-bg:#3a1f2e;--shadow:0 4px 20px #0000004d;--shadow-sm:0 2px 10px #0003;--shadow-pressed:0 8px 25px #0006;--danger:#fb7185;--success:#4ade80;--info-bg:#2a1520;--border-radius:16px;--border-width:1px;--btn-transform-hover:translateY(-2px);--btn-transform-active:translateY(1px);--btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.container{max-width:1200px;margin:0 auto;padding:2rem}.brutal-panel,.glass-panel{background-color:var(--panel-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.btn{background-color:var(--primary-color);color:var(--btn-text);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.btn:hover{transform:var(--btn-transform-hover);box-shadow:var(--shadow-pressed);background-color:var(--primary-hover)}.btn:active{transform:var(--btn-transform-active);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{background:var(--panel-bg);border:var(--border-width) solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.4rem .6rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.btn-icon:hover{transform:var(--btn-transform-hover);box-shadow:var(--shadow-pressed);background-color:var(--hover-bg)}.btn-icon:active{transform:var(--btn-transform-active);box-shadow:var(--shadow-sm)}.input-field{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background-color:var(--panel-bg);width:100%;color:var(--text-color);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:box-shadow .2s,border-color .2s}.input-field:focus{box-shadow:var(--shadow-sm)}textarea.input-field{resize:vertical}select.input-field{cursor:pointer}.header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.logo-text{color:var(--text-color);text-transform:uppercase;letter-spacing:1px;font-size:1.6rem;font-weight:800}.logo-text span{background-color:var(--primary-color);border:2px solid var(--border-color);border-radius:var(--border-radius);margin-left:2px;padding:.1rem .4rem}.layout-grid{grid-template-columns:minmax(0,1fr) 300px;gap:2rem;display:grid}@media (width<=768px){.layout-grid{grid-template-columns:minmax(0,1fr)}}.email-list{flex-direction:column;gap:1rem;display:flex}.email-item{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background-color:var(--panel-bg);box-shadow:var(--shadow-sm);padding:1rem;transition:transform .15s,box-shadow .15s}.email-item:hover{transform:var(--btn-transform-hover);box-shadow:var(--shadow-pressed)}.ads-space{text-align:center;color:var(--text-color)}.admin-sidebar{flex-direction:column;gap:.35rem;display:flex}.admin-nav-item{border-radius:var(--border-radius);cursor:pointer;white-space:nowrap;border:2px solid #0000;padding:.75rem 1rem;font-weight:600;transition:all .1s}.admin-nav-item:hover{background-color:var(--hover-bg);border-color:var(--border-color)}.admin-nav-item.active{background-color:var(--primary-color);color:#1a1a1a;box-shadow:var(--shadow-sm);border-color:#1a1a1a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:var(--border-radius);background-color:var(--primary-color);border:var(--border-width) solid var(--border-color);text-align:center;box-shadow:var(--shadow);color:var(--btn-text);padding:1.5rem}.stat-value{color:#1a1a1a;font-size:2.2rem;font-weight:800}.social-links{align-items:center;gap:.75rem;display:flex}.social-icon{color:var(--text-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);width:36px;height:36px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.social-icon:hover{background-color:var(--primary-color);color:var(--btn-text);transform:var(--btn-transform-hover);box-shadow:var(--shadow-pressed)}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--hover-bg);border-radius:var(--border-radius);border:2px solid var(--border-color);transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-color);border-radius:2px;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-color)}input:checked+.slider:before{background-color:#1a1a1a;transform:translate(24px)}.setting-desc{opacity:.65;margin-bottom:.5rem;font-size:.85rem;font-style:italic;display:block}.setting-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem;font-size:.85rem;font-weight:700;display:block}.marquee-container{white-space:nowrap;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);align-items:center;margin-bottom:2rem;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.marquee-content{animation:marquee var(--marquee-speed,10s) linear infinite;text-transform:uppercase;letter-spacing:1px;padding-left:100%;font-weight:700;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.pulse-circle{background-color:var(--success);border-radius:50%;display:inline-block;position:relative}.pulse-circle:before{content:"";background-color:var(--success);z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.toast{background-color:var(--border-color);color:var(--bg-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem;font-weight:700;animation:.3s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{z-index:100;background-color:#0000008c;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--panel-bg);border-radius:var(--border-radius);width:90%;max-width:420px;box-shadow:var(--shadow);border:var(--border-width) solid var(--border-color);padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:1px;background-color:var(--info-bg);align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.email-display-box{background-color:var(--primary-color);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--btn-text);text-align:center;word-break:break-all;letter-spacing:.3px;padding:1rem 1.5rem;font-size:1.15rem;font-weight:800}.action-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=768px){.container{padding:1rem}.admin-layout-grid{grid-template-columns:1fr!important}.admin-sidebar-container{z-index:999;background-color:var(--bg-color);border-right:2.5px solid var(--border-color);width:260px;box-shadow:none;border-radius:0;margin:0;transition:left .3s;left:-100%;height:100vh!important;padding:1rem!important;position:fixed!important;top:0!important}.admin-sidebar-container.open{left:0}.admin-sidebar{flex-direction:column!important;overflow-x:visible!important}.admin-logout-btn{margin-top:auto!important}.brutal-panel{padding:1.25rem}}.mobile-overlay{z-index:998;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-overlay.open{opacity:1;display:block}.mobile-menu-btn{display:none!important}@media (width<=768px){.mobile-menu-btn{display:inline-flex!important}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-title{text-transform:uppercase;letter-spacing:1px;border-bottom:2.5px solid var(--border-color);margin-bottom:1rem;padding-bottom:.5rem;font-size:1rem;font-weight:800}
