:root{--bg-color:#f4f0e6;--main-color:#000000;--accent-color:#ff5e5b;--accent-hover:#ff4744;--card-bg:#ffffff;--success-color:#00e676;--border-width:3px;--border-color:var(--text-color,var(--main-color));--border-style:solid;--border-radius:0px;--shadow-base:8px 8px 0px var(--main-color);--shadow-sm:4px 4px 0px var(--main-color);--shadow-xs:2px 2px 0px var(--main-color);--font-weight-bold:800;--btn-transform-active:translate(4px,4px);--btn-shadow-active:0px 0px 0px var(--main-color);--table-header-bg:#e9ecef;--table-hover-bg:#f8f9fa;--display-bg:#f8f9fa;}body.theme-minimalist{--bg-color:#f8f9fa;--main-color:#212529;--border-color:#dee2e6;--border-width:1px;--border-radius:12px;--shadow-base:0 10px 20px rgba(0,0,0,0.05);--shadow-sm:0 4px 6px rgba(0,0,0,0.05);--shadow-xs:0 2px 4px rgba(0,0,0,0.05);--font-weight-bold:600;--btn-transform-active:translateY(2px);--btn-shadow-active:0 2px 4px rgba(0,0,0,0.05);}body.theme-glassmorphism{--bg-color:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);--main-color:#2b2d42;--card-bg:rgba(255,255,255,0.25);--border-color:rgba(255,255,255,0.4);--border-width:1px;--border-radius:16px;--shadow-base:0 8px 32px 0 rgba(31,38,135,0.15);--shadow-sm:0 4px 16px 0 rgba(31,38,135,0.15);--shadow-xs:0 2px 8px 0 rgba(31,38,135,0.15);--font-weight-bold:700;--btn-transform-active:scale(0.98);--btn-shadow-active:0 4px 16px 0 rgba(31,38,135,0.15);}body.theme-neumorphism{--bg-color:#e0e5ec;--main-color:#4a5568;--card-bg:#e0e5ec;--border-color:transparent;--border-width:0px;--border-radius:20px;--shadow-base:9px 9px 16px rgba(163,177,198,0.6),-9px -9px 16px rgba(255,255,255,0.5);--shadow-sm:5px 5px 10px rgba(163,177,198,0.6),-5px -5px 10px rgba(255,255,255,0.5);--shadow-xs:3px 3px 6px rgba(163,177,198,0.6),-3px -3px 6px rgba(255,255,255,0.5);--font-weight-bold:700;--btn-transform-active:none;--btn-shadow-active:inset 5px 5px 10px rgba(163,177,198,0.6),inset -5px -5px 10px rgba(255,255,255,0.5);}body.theme-skeuomorphism{--bg-color:#d1d5db;--main-color:#1f2937;--card-bg:linear-gradient(180deg,#ffffff 0%,#f3f4f6 100%);--border-color:#9ca3af;--border-width:1px;--border-radius:8px;--shadow-base:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,1);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,1);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--font-weight-bold:700;--btn-transform-active:translateY(1px);--btn-shadow-active:inset 0 3px 5px rgba(0,0,0,0.125);}.theme-glassmorphism .brutal-card,.theme-glassmorphism .brutal-btn,.theme-glassmorphism .brutal-input,.theme-glassmorphism .modal-content,.theme-glassmorphism table,.theme-glassmorphism .email-display{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}body{background:var(--bg-color);}body{overflow-x:hidden;max-width:100vw;background-color:var(--bg-color);color:var(--text-color,var(--main-color));font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;}.container{max-width:800px;margin:0 auto;padding:2rem;}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:calc(var(--border-width) + 1px) var(--border-style) var(--border-color);padding-bottom:1rem;}h1{font-size:2rem;font-weight:800;margin:0;display:flex;align-items:center;gap:0.5rem;}.brutal-btn{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:0.75rem 1.5rem;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all 0.1s ease;display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-color,var(--main-color));text-decoration:none;}.brutal-btn:active{transform:var(--btn-transform-active);box-shadow:var(--btn-shadow-active);}.brutal-btn.primary{background-color:var(--accent-color);color:white;}.brutal-btn.primary:hover{background-color:var(--accent-hover);}.brutal-input{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:0.75rem 1rem;font-weight:600;font-size:1rem;font-family:inherit;color:var(--text-color,var(--main-color));box-shadow:var(--shadow-sm);outline:none;transition:all 0.1s ease;box-sizing:border-box;}.brutal-input:focus{transform:translate(2px,2px);box-shadow:2px 2px 0px var(--main-color);}.brutal-card{background-color:var(--card-bg);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-base);padding:2rem;margin-bottom:2rem;}.email-display{font-size:1.5rem;font-weight:700;text-align:center;padding:1rem;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);background-color:var(--display-bg,var(--card-bg));word-break:break-all;margin-bottom:1rem;color:var(--text-color,var(--main-color));}.controls{display:flex;gap:1rem;justify-content:center;}table{width:100%;border-collapse:collapse;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);margin-top:1rem;}th,td{border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:1rem;text-align:left;word-break:break-word;}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);margin-top:1rem;}.table-responsive table{margin-top:0;border:none;min-width:600px;}th{background-color:var(--table-header-bg,var(--card-bg));font-weight:800;text-transform:uppercase;font-size:0.875rem;color:var(--text-color,var(--main-color));}tr:hover{background-color:var(--table-hover-bg,var(--bg-color));}.empty-state{text-align:center;padding:3rem;color:#6c757d;font-weight:600;}.badge{background-color:var(--text-color,var(--main-color));color:white;padding:0.25rem 0.5rem;font-size:0.75rem;font-weight:700;border-radius:99px;display:inline-block;}.badge.filtered{background-color:var(--accent-color);}.tabs{display:flex;gap:1rem;margin-bottom:1rem;}.tab{padding:0.5rem 1rem;font-weight:700;cursor:pointer;border:3px solid transparent;border-bottom:none;opacity:0.5;}.tab.active{opacity:1;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);background-color:var(--card-bg);}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1000;padding:2rem;overflow-y:auto;}.modal.active{display:block;}.modal-content{background:var(--card-bg);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-base);max-width:800px;margin:0 auto;position:relative;}.modal-header{padding:1rem 2rem;border-bottom:3px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--table-header-bg,var(--card-bg));}.modal-body{padding:2rem;}.close-btn{background:none;border:none;cursor:pointer;color:var(--text-color,var(--main-color));}.iframe-container{width:100%;height:500px;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);background:white;}@media (max-width:600px){.container{padding:0.5rem;overflow-x:hidden;width:100%;box-sizing:border-box;}header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}.email-display{font-size:1rem;padding:1rem 0.5rem;}.brutal-card{padding:1rem;}.custom-email-flex{flex-direction:column;align-items:stretch !important;}.custom-email-flex .at-symbol{display:none;}.custom-email-flex .brutal-input{width:100%;max-width:none !important;}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;}.controls .brutal-btn{width:100%;justify-content:center;padding:0.75rem 0.5rem;font-size:0.875rem;}.tabs{flex-wrap:wrap;}.modal-content{margin:10px;max-height:90vh;display:flex;flex-direction:column;}.modal-body{overflow-y:auto;padding:1rem;}.iframe-container{height:60vh;}}