@tailwind base;@tailwind components;@tailwind utilities;.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.swal2-container.swal2-top-end .swal2-popup,.swal2-container.swal2-top-right .swal2-popup{pointer-events:auto}.swal2-container.swal2-shown:not(.swal2-top-end):not(.swal2-top-right){background:rgba(0,0,0,.4)}.swal2-container:not(.swal2-shown){background:transparent}:root{--background:#f8fafc;--foreground:#0f172a;--card:rgba(255,255,255,0.7);--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#6366f1;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#64748b;--muted:#f1f5f9;--muted-foreground:#475569;--accent:#e0e7ff;--accent-foreground:#4338ca;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e2e8f0;--input:#cbd5e1;--ring:#6366f1;--radius:1rem;--gradient-1:rgba(99,102,241,0.1);--gradient-2:rgba(168,85,247,0.1);--gradient-3:rgba(236,72,153,0.1);--sidebar:var(--card);--sidebar-foreground:var(--foreground);--sidebar-primary:linear-gradient(135deg,#6e56cf,#4f37cf);--sidebar-primary-foreground:#fff;--sidebar-secondary:#e2e8f0;--sidebar-accent:#f1f5f9;--sidebar-accent-foreground:var(--foreground);--sidebar-border:#e2e8f0;--sidebar-ring:#6366f1;--selected-button:#c7d2fe;--font-sans:"Inter",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen,ubuntu,cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-serif:"Playfair Display",georgia,serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/5%);--shadow:0 1px 3px 0 rgb(0 0 0/10%),0 1px 2px -1px rgb(0 0 0/10%);--shadow-md:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -2px rgb(0 0 0/10%);--shadow-lg:0 10px 15px -3px rgb(0 0 0/10%),0 4px 6px -4px rgb(0 0 0/10%);--shadow-xl:0 20px 25px -5px rgb(0 0 0/10%),0 8px 10px -6px rgb(0 0 0/10%);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/25%);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/5%);--transition-all:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-colors:color 0.3s ease,background-color 0.3s ease;--transition-transform:transform 0.3s ease;--transition-opacity:opacity 0.3s ease;--transition-shadow:box-shadow 0.3s ease;--transition-border:border 0.3s ease;--backdrop-blur:none;--backdrop-saturate:none;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal:1050;--z-index-popover:1070;--z-index-tooltip:1080;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--uswds-color-base:#1b1b1b;--uswds-color-primary:#005ea2;--uswds-color-primary-dark:#1a4480;--uswds-color-primary-darker:#162e51;--uswds-color-base-lightest:#f0f0f0;--uswds-color-base-lighter:#dfe1e2;--uswds-color-base-light:#a9aeb1;--uswds-color-white:#ffffff;--uswds-color-gold:#ffbe2e;--uswds-color-gold-dark:#e5a000;--uswds-spacing-1:0.25rem;--uswds-spacing-2:0.5rem;--uswds-spacing-3:0.75rem;--uswds-spacing-4:1rem;--uswds-spacing-5:1.25rem;--uswds-spacing-6:1.5rem;--uswds-spacing-8:2rem;--uswds-spacing-10:2.5rem;--uswds-spacing-12:3rem;--uswds-spacing-16:4rem;--uswds-font-size-xs:0.75rem;--uswds-font-size-sm:0.875rem;--uswds-font-size-md:1rem;--uswds-font-size-lg:1.125rem;--uswds-font-size-xl:1.25rem;--uswds-font-size-2xl:1.5rem;--uswds-font-size-3xl:2rem;--uswds-font-weight-normal:400;--uswds-font-weight-semibold:600;--uswds-font-weight-bold:700;--uswds-border-radius:0.25rem;--uswds-border-width:1px;--uswds-shadow-1:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--uswds-shadow-2:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--uswds-shadow-3:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.dark{--background:#0f172a;--foreground:#f8fafc;--card:rgba(15,23,42,0.6);--card-foreground:#f8fafc;--popover:#1e293b;--popover-foreground:#f8fafc;--primary:#818cf8;--primary-foreground:#fff;--secondary:#1e293b;--secondary-foreground:#94a3b8;--muted:#1e293b;--muted-foreground:#94a3b8;--accent:#1e293b;--accent-foreground:#818cf8;--destructive:#ef4444;--destructive-foreground:#fff;--border:#334155;--input:#334155;--ring:#818cf8;--gradient-1:rgba(99,102,241,0.15);--gradient-2:rgba(168,85,247,0.15);--gradient-3:rgba(236,72,153,0.15);--sidebar:var(--card);--sidebar-foreground:var(--foreground);--sidebar-primary:linear-gradient(135deg,#4cc9f0,#3a0ca3);--sidebar-primary-foreground:#fff;--sidebar-secondary:#1a1a2e;--sidebar-accent:#1a1a2e;--sidebar-accent-foreground:#e6e6ff;--sidebar-border:#2a2a40;--sidebar-ring:#4cc9f0;--selected-button:#2a3a4a}:root[data-palette=verde]{--primary:#22c55e;--ring:#22c55e;--accent:#bbf7d0;--accent-foreground:#166534;--sidebar-primary:linear-gradient(135deg,#22c55e,#15803d);--gradient-1:rgba(34,197,94,0.22);--gradient-2:rgba(34,197,94,0.12);--gradient-3:rgba(34,197,94,0.08)}:root[data-palette=morado]{--primary:#a855f7;--ring:#a855f7;--accent:#f5d0fe;--accent-foreground:#4c1d95;--sidebar-primary:linear-gradient(135deg,#a855f7,#7c3aed);--gradient-1:rgba(168,85,247,0.22);--gradient-2:rgba(168,85,247,0.12);--gradient-3:rgba(168,85,247,0.08)}:root[data-palette=azul]{--primary:#3b82f6;--ring:#3b82f6;--accent:#bfdbfe;--accent-foreground:#1d4ed8;--sidebar-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-1:rgba(59,130,246,0.22);--gradient-2:rgba(59,130,246,0.12);--gradient-3:rgba(59,130,246,0.08)}:root[data-palette=rosa]{--primary:#ec4899;--ring:#ec4899;--accent:#fbcfe8;--accent-foreground:#9d174d;--sidebar-primary:linear-gradient(135deg,#ec4899,#db2777);--gradient-1:rgba(236,72,153,0.22);--gradient-2:rgba(236,72,153,0.12);--gradient-3:rgba(236,72,153,0.08)}:root[data-palette=rojo]{--primary:#ef4444;--ring:#ef4444;--accent:#fee2e2;--accent-foreground:#b91c1c;--sidebar-primary:linear-gradient(135deg,#ef4444,#b91c1c);--gradient-1:rgba(239,68,68,0.22);--gradient-2:rgba(239,68,68,0.12);--gradient-3:rgba(239,68,68,0.08)}:root[data-palette=naranja]{--primary:#f97316;--ring:#f97316;--accent:#fed7aa;--accent-foreground:#c2410c;--sidebar-primary:linear-gradient(135deg,#f97316,#ea580c);--gradient-1:rgba(249,115,22,0.22);--gradient-2:rgba(249,115,22,0.12);--gradient-3:rgba(249,115,22,0.08)}:root[data-palette=turquesa]{--primary:#14b8a6;--ring:#14b8a6;--accent:#ccfbf1;--accent-foreground:#0f766e;--sidebar-primary:linear-gradient(135deg,#14b8a6,#0f766e);--gradient-1:rgba(20,184,166,0.22);--gradient-2:rgba(20,184,166,0.12);--gradient-3:rgba(20,184,166,0.08)}:root[data-palette=amarillo]{--primary:#eab308;--ring:#eab308;--accent:#fef3c7;--accent-foreground:#854d0e;--sidebar-primary:linear-gradient(135deg,#eab308,#ca8a04);--gradient-1:rgba(234,179,8,0.22);--gradient-2:rgba(234,179,8,0.12);--gradient-3:rgba(234,179,8,0.08)}@keyframes gradientMove{0%{transform:translate(-10%,-10%) rotate(0deg)}to{transform:translate(10%,10%) rotate(10deg)}}.premium-background{background-color:var(--background);position:relative;overflow:hidden;transition:background-color .3s ease}.premium-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--gradient-1),transparent 50%),radial-gradient(circle at 80% 20%,var(--gradient-2),transparent 50%),radial-gradient(circle at 20% 80%,var(--gradient-3),transparent 50%);animation:gradientMove 20s ease-in-out infinite alternate;z-index:0;pointer-events:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;transition:var(--transition-colors);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--gradient-1),transparent 50%),radial-gradient(circle at 80% 20%,var(--gradient-2),transparent 50%),radial-gradient(circle at 20% 80%,var(--gradient-3),transparent 50%);animation:gradientMove 20s ease-in-out infinite alternate;z-index:-1;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgb(99 102 241/40%)}70%{box-shadow:0 0 0 10px rgb(99 102 241/0)}to{box-shadow:0 0 0 0 rgb(99 102 241/0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in-left{animation:slideInLeft .4s ease forwards}.slide-in-right{animation:slideInRight .4s ease forwards}.slide-in-top{animation:slideInTop .4s ease forwards}.pulse-glow{animation:pulseGlow 2s infinite}.bounce{animation:bounce 1s infinite}.float{animation:float 3s ease-in-out infinite}.gradient-shift{animation:gradientShift 10s ease infinite;background-size:200% 200%}.scale-pulse{animation:scalePulse 2s ease-in-out infinite}.shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(90deg,rgb(255 255 255/0) 0,rgb(255 255 255/10%) 50%,rgb(255 255 255/0));background-size:1000px 100%}.outlook-layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);grid-gap:0;gap:0;padding:0;color:var(--foreground);letter-spacing:.5px;background:transparent}@media (max-width:1024px){.outlook-layout{grid-template-columns:240px minmax(0,1fr)}}@media (max-width:768px){.outlook-layout{display:flex;flex-direction:column;padding:0;gap:0;min-height:100vh;height:auto;overflow:visible}.sidebar{display:block;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding-top:12px;padding-bottom:8px}.main-content{height:100%;display:flex;flex-direction:column}.content-area{padding:16px}}.sidebar{background:var(--card);border-right:1px solid var(--border);border-radius:0;box-shadow:none;padding-top:24px;padding-bottom:16px;height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow-y:auto;display:flex;flex-direction:column;z-index:50}.sidebar-header-content{gap:12px}.sidebar-actions-desktop,.sidebar-header-content{display:flex;align-items:center;padding:0 24px 16px}.sidebar-actions-desktop{justify-content:flex-end;gap:8px}.sidebar-logo{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgb(0 0 0/.1))}.sidebar-title{margin:0;font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--foreground) 0,var(--muted-foreground) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase}.main-content{display:flex;flex-direction:column;padding-top:0;padding-bottom:0;width:100%}.header{height:72px;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:40;transition:all .3s ease}.header-title h1{margin:0;font-size:26px;font-weight:600;color:var(--foreground);position:relative;z-index:3;letter-spacing:-.2px;font-family:var(--font-sans);text-shadow:0 1px 2px rgb(0 0 0/5%);font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizelegibility;opacity:.9}.header-actions{display:flex;align-items:center;gap:12px}.mobile-menu-trigger{display:none}@media (max-width:768px){.mobile-menu-trigger{display:block}.header{padding:0 16px;height:64px}.header-title h1{font-size:20px}}.mobile-header-actions{display:none}@media (max-width:768px){.mobile-header-actions{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px;gap:8px}.desktop-menu-items{display:none}}.content-area{flex:1 1;padding:28px;overflow-y:auto;background:var(--background);transition:var(--transition-all);position:relative}.content-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,var(--gradient-1),transparent 55%),radial-gradient(circle at 100% 0,var(--gradient-2),transparent 60%);z-index:-1;opacity:.4}.menu-toggle,.menu-toggle-container button,.theme-toggle{background:rgba(99,102,241,.08);border:1px solid var(--border);border-radius:12px;padding:8px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;color:var(--foreground);min-width:40px;height:40px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.menu-toggle-container button:before,.menu-toggle:before,.theme-toggle:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .4s ease}.menu-toggle-container button:hover,.menu-toggle:hover,.theme-toggle:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 16px rgba(99,102,241,.3)}.menu-toggle-container button:hover:before,.menu-toggle:hover:before,.theme-toggle:hover:before{opacity:1}.menu-toggle-container button:active,.menu-toggle:active,.theme-toggle:active{transform:translateY(0) scale(1);box-shadow:var(--shadow-sm)}.menu-toggle svg,.menu-toggle-container button svg,.theme-toggle svg{transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.menu-toggle-container button:hover svg,.menu-toggle:hover svg,.theme-toggle:hover svg{transform:scale(1.15) rotate(5deg)}.email-form{background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);transition:var(--transition-all);max-width:800px;margin:0 auto;position:relative}.email-editor,.email-form{overflow:hidden;border:1px solid var(--border)}.email-editor{border-radius:0;box-shadow:var(--shadow-md)}.editor-header{background:var(--muted);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 12px}.editor-tabs{display:flex;padding:8px 12px 0}.editor-tab{background:transparent;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;color:var(--muted-foreground);border:none;border-bottom:2px solid transparent;transition:all .2s;border-top-left-radius:8px;border-top-right-radius:8px}.editor-tab:hover{color:var(--foreground);background:var(--muted)}.editor-tab.active{color:var(--primary);border-bottom:2px solid var(--primary);background:var(--muted)}.editor-toolbar{background:var(--sidebar-accent);padding:8px;border-bottom:1px solid var(--border);display:flex;gap:6px;flex-wrap:wrap;align-items:center}.toolbar-group{gap:2px;padding:3px;background:var(--muted);border-radius:4px}.toolbar-button,.toolbar-group{display:flex;border:1px solid var(--border)}.toolbar-button{background:var(--card);border-radius:3px;padding:6px 10px;cursor:pointer;font-size:13px;transition:all .2s;align-items:center;justify-content:center;min-width:32px;height:30px;color:var(--card-foreground);flex-shrink:0}@media (max-width:768px){.editor-toolbar{overflow-x:auto;flex-wrap:nowrap;padding:4px;gap:4px}.toolbar-group{flex-shrink:0;padding:2px;gap:1px}.toolbar-button{padding:4px 6px;font-size:11px;min-width:28px;height:28px}.toolbar-button em,.toolbar-button s,.toolbar-button strong,.toolbar-button u{font-size:11px}.editor-toolbar::-webkit-scrollbar{height:3px}.editor-toolbar::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.editor-header{flex-direction:column;gap:8px;align-items:stretch}.editor-tabs{padding:8px 0;flex-wrap:wrap;flex:1 1}.form-actions{flex-direction:column}.btn{padding:12px 20px;font-size:14px;width:100%}}@media (max-width:480px){.editor-header{flex-direction:column;gap:8px;padding:8px}.editor-tabs{padding:0;width:100%}.editor-tab{font-size:12px;flex:1 1;text-align:center}.btn,.editor-tab{padding:10px 16px}.btn{font-size:13px;width:100%}.email-form{border-radius:12px}}@media (min-width:769px) and (max-width:1024px){.editor-toolbar{padding:6px;gap:4px}.toolbar-group{padding:2px;gap:2px}.toolbar-button{padding:5px 8px;font-size:12px;min-width:30px;height:28px}}.toolbar-button:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:translateY(-1px)}.toolbar-button:active{transform:translateY(0)}.email-content{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.6;width:100%;height:400px;max-height:600px;min-height:300px;padding:16px;border:1px solid var(--border);background:var(--card);color:var(--card-foreground);resize:vertical;white-space:pre-wrap;overflow-y:auto}.email-content,.form-control.email-content{border-radius:0;box-shadow:none}.email-content:focus{outline:2px solid var(--primary);outline-offset:-2px}.email-preview{background:var(--card);height:400px;max-height:600px;min-height:300px;padding:16px;border:1px solid var(--border);border-radius:0;color:var(--card-foreground);overflow-y:auto;position:relative}.email-preview iframe{width:100%;height:100%;border:none;min-height:300px}.preview-container{position:relative;width:100%;height:100%;overflow:hidden}.preview-content{font-family:Arial,sans-serif;line-height:1.6;overflow-wrap:break-word}.preview-content,.preview-content div,.preview-content p{white-space:pre-wrap}.preview-content br{display:block;margin:4px 0}.preview-content h1{font-size:2em;margin:.67em 0;color:var(--foreground)}.preview-content h2{font-size:1.5em;margin:.83em 0;color:var(--foreground)}.preview-content h3{font-size:1.17em;margin:1em 0;color:var(--foreground)}.preview-content p{margin:1em 0}.preview-content strong{font-weight:700}.preview-content em{font-style:italic}.preview-content u{text-decoration:underline}.preview-content s{text-decoration:line-through}.preview-content ul{list-style-type:disc;padding-left:40px;margin:1em 0}.preview-content ol{list-style-type:decimal;padding-left:40px;margin:1em 0}.preview-content li{display:list-item}.preview-content a{color:var(--primary);text-decoration:underline}.preview-content img{max-width:100%;height:auto}.preview-content video{max-width:100%}.preview-content div[style*="text-align: center"]{text-align:center}.preview-content div[style*="text-align: right"]{text-align:right}.preview-content div[style*="text-align: left"]{text-align:left}.email-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);background-size:200% 200%;animation:gradientShift 3s ease infinite}.email-form:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.form-header{background:var(--muted);padding:24px 28px;border-bottom:1px solid var(--border);font-weight:500;font-size:22px;color:var(--card-foreground);display:flex;align-items:center;gap:14px;letter-spacing:var(--letter-spacing-tight)}.form-body{padding:28px}@media (max-width:768px){.form-body{padding:16px}.form-group{margin-bottom:16px}.form-control{padding:12px 16px;font-size:15px;border-radius:12px}textarea.form-control{min-height:150px}.form-header{padding:20px;font-size:20px}.email-form{border-radius:16px}.editor-toolbar{padding:8px;gap:6px}.toolbar-group{padding:3px;border-radius:5px}}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--foreground);font-size:15px}.form-control{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:14px;font-size:16px;background:var(--background);color:var(--foreground);transition:var(--transition-all);box-shadow:var(--shadow-sm);position:relative}.form-control:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--ring);transition:width .3s ease}.form-control:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgb(99 102 241/20%);transform:translateY(-2px)}.form-control:focus:after{width:100%}textarea.form-control{resize:vertical;min-height:180px;font-family:inherit}::placeholder{color:var(--muted-foreground);opacity:1}.dark ::placeholder,:root[data-theme=dark] ::placeholder{color:var(--muted-foreground);opacity:.7}.form-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.btn{padding:14px 26px;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition-all);background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;letter-spacing:var(--letter-spacing-wide)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255/20%),transparent);transition:.5s}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-md);border-radius:16px}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn-primary:before{background:linear-gradient(90deg,transparent,rgb(255 255 255/30%),transparent)}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:var(--secondary);opacity:.9}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.templates-container{margin-top:24px;max-width:1200px;margin-left:auto;margin-right:auto}.templates-container h3{margin-bottom:24px;color:var(--foreground);font-size:24px;font-weight:700;text-align:center}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px;padding:8px}.template-button{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--card-foreground);cursor:pointer;transition:var(--transition-all);text-align:left;font-size:17px;font-weight:500;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.template-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--sidebar-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.template-button:hover{background:var(--muted);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.template-button:hover:before{opacity:1}.template-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.template-button:focus{outline:none;box-shadow:0 0 0 4px rgb(99 102 241/30%)}.console-container{margin-top:24px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--card);transition:var(--transition-all);max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.console-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--sidebar-primary),var(--primary));animation:gradientShift 5s ease infinite;background-size:300% 300%}.console-container:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.console-header{background:var(--muted);padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.console-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--destructive);color:var(--destructive-foreground);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 2px 0 rgb(0 0 0/5%)}.console-clear-btn:hover{background:#dc2626;box-shadow:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -2px rgb(0 0 0/10%);transform:translateY(-1px)}.console-clear-btn:active{transform:translateY(0)}.console-clear-btn .material-icons{font-size:20px}.console-title{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--foreground);font-size:18px}.console-dots{display:flex;gap:8px}.dot{width:14px;height:14px;border-radius:50%;transition:var(--transition-all)}.dot.red{background-color:#ff5f57;box-shadow:0 0 0 0 rgb(255 95 87/40%)}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#28ca42;box-shadow:0 0 0 0 rgb(40 202 66/40%)}.console-content{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e2e8f0;padding:20px;height:300px;overflow-y:auto;font-family:var(--font-mono);font-size:14px;line-height:1.6;border-bottom:1px solid var(--border)}.console-content::-webkit-scrollbar{width:8px}.console-content::-webkit-scrollbar-track{background:rgb(30 30 46/50%);border-radius:4px}.console-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.console-content::-webkit-scrollbar-thumb:hover{background:var(--sidebar-primary)}.console-welcome{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-style:italic;font-size:16px;text-align:center}.logs-list{display:flex;flex-direction:column;gap:8px}.log-line{padding:6px 12px;border-radius:8px;transition:var(--transition-all);align-items:flex-start;gap:10px}.log-line:hover{background:rgb(255 255 255/5%)}.log-content{word-break:break-word;flex:1 1}.console-footer{display:flex;justify-content:center;padding:20px;background:var(--muted);border-top:1px solid var(--border)}.console-server-btn{width:100%;max-width:300px;padding:16px 22px;background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;letter-spacing:var(--letter-spacing-wide)}.console-server-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255/30%),transparent);transition:.5s}.console-server-btn:hover{background:var(--sidebar-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.console-server-btn:hover:before{left:100%}.console-server-btn:active{transform:translateY(0);box-shadow:var(--shadow-md)}.console-server-btn:disabled{opacity:.6;transform:none;box-shadow:var(--shadow-sm)}.console-server-btn:focus{outline:none;box-shadow:0 0 0 4px rgb(99 102 241/30%)}.console-icon{margin-right:8px;font-size:20px;vertical-align:middle}.console-server-btn .material-icons{margin-right:6px;font-size:18px;vertical-align:middle}.log-icon{margin-right:8px;font-size:16px;vertical-align:middle;color:var(--muted-foreground)}.log-line{display:flex;align-items:center;padding:4px 0}.app-footer{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border);padding:12px 16px;z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-sm);transition:var(--transition-all)}.app-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--primary);background-size:200% 200%;animation:gradientShift 8s ease infinite}.footer-content{display:flex;align-items:center;justify-content:center;max-width:1400px;margin:0 auto;text-align:center;gap:8px}.footer-text{font-size:12px;color:var(--muted-foreground);font-weight:500;line-height:1.4;transition:var(--transition-colors);letter-spacing:var(--letter-spacing-wide)}.outlook-layout{padding-bottom:50px}@media (max-width:768px){.app-footer{padding:4px 8px}.footer-content{flex-direction:column;gap:1px}.footer-text{font-size:9px;text-align:center;line-height:1.2}.outlook-layout{padding-bottom:25px}.sidebar-content{padding:10px}.compose-button{padding:8px 14px;font-size:13px;border-radius:6px}.menu-item{padding:8px 10px;font-size:13px;gap:8px}.menu-icon{font-size:14px}.log-entry{padding:6px 10px;font-size:12px}.log-timestamp{font-size:10px}.log-message{font-size:12px}.email-form{margin:0;border-radius:12px}.form-header{padding:16px 20px;font-size:18px}.form-body{padding:16px}.form-group label{font-size:14px;margin-bottom:6px}.form-control{padding:12px 14px;font-size:14px;border-radius:10px}textarea.form-control{min-height:140px}.editor-header{padding:8px}.editor-tabs{padding:0 4px}.editor-tab{padding:10px 16px;font-size:13px}.editor-toolbar{padding:3px;gap:3px}.toolbar-group{padding:2px;border-radius:3px;gap:1px}.toolbar-button{padding:3px 5px;font-size:10px;min-width:24px;height:24px}.toolbar-button em,.toolbar-button s,.toolbar-button strong,.toolbar-button u{font-size:10px}.email-preview{min-height:250px}.form-actions{gap:8px;margin-top:16px}.btn{padding:12px 20px;font-size:14px;border-radius:12px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-overflow-scrolling:touch}button,input,textarea{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}*,:after,:before{transition:none;animation-duration:.01ms;animation-iteration-count:1}.compose-button:hover,.email-form:hover,.header:hover,.menu-item:hover,.sidebar:hover{transform:none;box-shadow:none}}.notification{position:fixed;top:30px;right:30px;padding:24px 28px;border-radius:20px;box-shadow:var(--shadow-xl);z-index:1000;display:flex;align-items:flex-start;gap:20px;max-width:380px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);transform:translateX(100%);transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;opacity:0;background-size:200% 200%;animation:gradientShift 10s ease infinite}.notification.show{transform:translateX(0);opacity:1}.notification.success{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0f172a;box-shadow:0 10px 25px -5px rgb(34 197 94/30%),0 8px 10px -6px rgb(34 197 94/30%)}.notification.error{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 10px 25px -5px rgb(239 68 68/30%),0 8px 10px -6px rgb(239 68 68/30%)}.notification.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 10px 25px -5px rgb(245 158 11/30%),0 8px 10px -6px rgb(245 158 11/30%)}.notification-icon{font-size:24px;flex-shrink:0}.notification-content{flex:1 1;font-weight:500}.notification-close{background:none;border:none;color:inherit;cursor:pointer;font-size:22px;opacity:.8;transition:all .3s ease;flex-shrink:0;align-self:flex-start;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.notification-close:hover{opacity:1;transform:scale(1.15) rotate(90deg);background:rgb(255 255 255/20%)}.notification-close:active{transform:scale(1.1) rotate(45deg)}.menu-toggle-container{position:relative;display:inline-block}.menu-toggle{background:none;border:1px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);min-width:36px;height:36px;z-index:102;position:relative;box-shadow:var(--shadow-sm)}.menu-toggle:hover{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground);transform:translateY(-2px);box-shadow:var(--shadow-md)}.menu-toggle:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.menu-dropdown{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(15,23,42,.08)),var(--card);border-radius:16px;box-shadow:0 20px 40px rgb(15 23 42/40%),0 0 0 9999px rgb(0 0 0/0);padding:0;min-width:220px;right:16px;top:60px;transform-origin:top right;overflow:hidden;will-change:transform,opacity;transform:translateZ(999px);-webkit-transform:translateZ(999px);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--border);pointer-events:auto}.menu-dropdown,.menu-dropdown-fixed{position:fixed;max-height:calc(100vh - 80px);overflow-y:auto;isolation:isolate}.menu-dropdown-fixed{z-index:2147483647;inset:60px 16px auto auto;transform:none}@media (max-width:768px){.menu-dropdown,.menu-dropdown-fixed{z-index:2147483647;position:fixed;top:60px;left:auto;right:12px;min-width:220px;max-width:220px;transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}}@supports (-webkit-touch-callout:none){.menu-dropdown,.menu-dropdown-fixed{z-index:2147483647;transform:translateZ(0)}}.menu-dropdown .menu-item{padding:14px 22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;font-size:15px;color:var(--muted-foreground);font-weight:600;border-radius:16px;margin:6px 14px;background:var(--card);border:1px solid var(--border);height:52px;position:relative;letter-spacing:.01em}.menu-dropdown .menu-item:hover{background:var(--card);color:var(--foreground);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border)}.menu-dropdown .menu-item.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.menu-dropdown .menu-item .menu-icon{font-size:22px;transition:transform .3s ease}.menu-dropdown .menu-item.active .menu-icon,.menu-dropdown .menu-item:hover .menu-icon{transform:scale(1.1)}.menu-dropdown .menu-item-logout{color:var(--destructive);border:1px solid rgba(239,68,68,.1);background:rgba(239,68,68,.05)}.menu-dropdown .menu-item-logout:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:var(--destructive);box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-dropdown-header{padding:12px 20px;font-size:12px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,var(--muted),transparent),transparent}.menu-dropdown-body{padding:8px 0}.menu-dropdown-footer{padding:10px 16px 14px}@media (max-width:768px){.outlook-layout{gap:0}.outlook-layout,.sidebar{display:flex;flex-direction:column;padding:0}.sidebar{width:100%;height:auto;border-right:none;border-bottom:none;border-radius:0;box-shadow:none;background:transparent}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card);display:flex;justify-content:space-between;align-items:center}.sidebar-header-content{padding:0;gap:8px;display:flex;align-items:center}.sidebar-title{font-size:16px;margin:0}.sidebar-logo{width:24px;height:24px}.sidebar-content{padding:0;background:var(--card);border-bottom:1px solid var(--border)}.header,.sidebar-actions-desktop{display:none}.mobile-header-actions{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--card);gap:8px}.mobile-header-title{flex:1 1}.mobile-header-actions>div{display:flex;gap:8px;align-items:center}.mobile-back-button{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);margin:12px;width:calc(100% - 24px)}.mobile-back-button:hover{opacity:.9}.desktop-menu-items{display:none}.templates-grid{grid-template-columns:1fr}.content-area{padding:16px}.main-content{padding:0}.app-footer{margin-top:0}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2147483646;display:flex;justify-content:flex-end}.menu-overlay .menu-dropdown{position:static;width:280px;height:100vh;border-radius:0;box-shadow:-4px 0 12px rgba(0,0,0,.3);max-height:none;overflow-y:auto}}@media (min-width:769px){.mobile-header-actions{display:none}.desktop-menu-items{display:block}}html[data-palette=verde]{--primary:#22c55e;--primary-foreground:#fff;--sidebar-primary:#22c55e;--sidebar-primary-foreground:#fff;--accent:#bbf7d0;--accent-foreground:#166534}html[data-palette=verde].dark{--selected-button:#166534}html[data-palette=verde]:not(.dark){--selected-button:#bbf7d0}html[data-palette=morado]{--primary:#a855f7;--primary-foreground:#fff;--sidebar-primary:#a855f7;--sidebar-primary-foreground:#fff;--accent:#f3e8ff;--accent-foreground:#581c87}html[data-palette=morado].dark{--selected-button:#581c87}html[data-palette=morado]:not(.dark){--selected-button:#f3e8ff}html[data-palette=azul]{--primary:#3b82f6;--primary-foreground:#fff;--sidebar-primary:#3b82f6;--sidebar-primary-foreground:#fff;--accent:#dbeafe;--accent-foreground:#1e40af}html[data-palette=azul].dark{--selected-button:#1e40af}html[data-palette=azul]:not(.dark){--selected-button:#dbeafe}html[data-palette=rosa]{--primary:#ec4899;--primary-foreground:#fff;--sidebar-primary:#ec4899;--sidebar-primary-foreground:#fff;--accent:#fbcfe8;--accent-foreground:#831843}html[data-palette=rosa].dark{--selected-button:#831843}html[data-palette=rosa]:not(.dark){--selected-button:#fbcfe8}html[data-palette=rojo]{--primary:#ef4444;--primary-foreground:#fff;--sidebar-primary:#ef4444;--sidebar-primary-foreground:#fff;--accent:#fecaca;--accent-foreground:#7f1d1d}html[data-palette=rojo].dark{--selected-button:#7f1d1d}html[data-palette=rojo]:not(.dark){--selected-button:#fecaca}html[data-palette=naranja]{--primary:#f97316;--primary-foreground:#fff;--sidebar-primary:#f97316;--sidebar-primary-foreground:#fff;--accent:#fed7aa;--accent-foreground:#7c2d12}html[data-palette=naranja].dark{--selected-button:#7c2d12}html[data-palette=naranja]:not(.dark){--selected-button:#fed7aa}html[data-palette=turquesa]{--primary:#14b8a6;--primary-foreground:#fff;--sidebar-primary:#14b8a6;--sidebar-primary-foreground:#fff;--accent:#ccfbf1;--accent-foreground:#0f766e}html[data-palette=turquesa].dark{--selected-button:#0f766e}html[data-palette=turquesa]:not(.dark){--selected-button:#ccfbf1}html[data-palette=amarillo]{--primary:#eab308;--primary-foreground:#fff;--sidebar-primary:#eab308;--sidebar-primary-foreground:#fff;--accent:#fef9c3;--accent-foreground:#713f12}html[data-palette=amarillo].dark{--selected-button:#713f12}html[data-palette=amarillo]:not(.dark){--selected-button:#fef9c3}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:20px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;overflow-wrap:normal;white-space:nowrap;direction:ltr;vertical-align:middle}.editable-preview{outline:none;cursor:text;height:100%;overflow-y:auto}.editable-preview:focus{border-color:var(--ring);box-shadow:0 0 0 3px rgb(99 102 241/10%)}.editable-preview *{max-width:100%}.editable-preview img{height:auto;display:block;margin:10px 0}.editable-preview a{color:#06c;text-decoration:underline}.dark .editable-preview a,:root[data-theme=dark] .editable-preview a{color:#60a5fa;text-decoration:underline}.editable-preview table{border-collapse:collapse;width:100%;margin:1em 0}.editable-preview td,.editable-preview th{border:1px solid var(--border);padding:8px 12px;text-align:left}.editable-preview th{background-color:rgb(100 116 139/20%)}.editable-preview p{margin:.5em 0}.editable-preview h1,.editable-preview h2,.editable-preview h3{margin:1em 0 .5em}.editable-preview ol,.editable-preview ul{margin:.5em 0;padding-left:2em}.swal2-popup{font-family:var(--font-rajdhani,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);border-radius:12px;box-shadow:0 10px 25px rgb(0 0 0/15%)}.swal2-title{font-size:16px;color:var(--foreground)}.swal2-html-container{font-size:14px;color:var(--muted-foreground)}.swal2-timer-progress-bar{background:linear-gradient(90deg,var(--primary),var(--primary-foreground));height:4px}.swal2-icon{border-radius:50%}.swal2-icon-custom{border:none;background:transparent;box-shadow:none}.swal2-icon-custom .swal2-icon-content{display:flex;align-items:center;justify-content:center}.swal2-icon.swal2-success{border-color:var(--chart-2)}.swal2-icon.swal2-error{border-color:var(--destructive)}.swal2-icon.swal2-warning{border-color:var(--chart-4)}.swal2-icon.swal2-info{border-color:var(--chart-1)}.swal2-toast{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);font-family:var(--font-rajdhani,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swal2-toast .swal2-title{font-size:14px;font-weight:600;margin:0;padding:0}.swal2-toast .swal2-html-container{font-size:13px;margin:4px 0 0;padding:0;opacity:.9}.swal2-toast .swal2-icon{width:20px;height:20px;margin:0}.swal2-toast .swal2-timer-progress-bar-container{top:0;left:0;right:0;height:3px;border-radius:8px 8px 0 0;background:rgb(0 0 0/10%)}.swal2-toast .swal2-timer-progress-bar{height:3px;border-radius:8px 8px 0 0}.swal2-toast.swal2-show{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}.dark .swal2-popup,:root[data-theme=dark] .swal2-popup{background:var(--card);color:var(--card-foreground)}.dark .swal2-toast,:root[data-theme=dark] .swal2-toast{background:var(--card);color:var(--card-foreground);border-color:var(--border);box-shadow:0 10px 25px rgb(0 0 0/40%)}.dark .swal2-toast .swal2-timer-progress-bar-container,:root[data-theme=dark] .swal2-toast .swal2-timer-progress-bar-container{background:rgb(255 255 255/10%)}.dark .swal2-title,:root[data-theme=dark] .swal2-title{color:var(--foreground)}.dark .swal2-html-container,:root[data-theme=dark] .swal2-html-container{color:var(--muted-foreground)}.swal2-icon.swal2-loading{border-color:var(--primary) transparent var(--primary) transparent}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .3s ease-in-out .8s forwards}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:var(--foreground);font-size:16px;font-weight:500;margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--background);position:relative;overflow:hidden}.login-background{position:absolute;inset:0;z-index:0;opacity:.5}.login-background-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--gradient-1),var(--gradient-2));animation:gradientShift 10s ease infinite;background-size:200% 200%}.login-card{position:relative;z-index:1;width:100%;max-width:480px;background:var(--card);border-radius:20px;box-shadow:var(--shadow-2xl);border:1px solid var(--border);overflow:hidden;transition:var(--transition-all);animation:fadeIn .5s ease forwards}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary);background-size:200% 200%;animation:gradientShift 3s ease infinite}.login-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.login-header{padding:40px 32px 32px;text-align:center;border-bottom:1px solid var(--border);background:var(--muted)}.login-logo-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.login-logo{transition:var(--transition-all);filter:drop-shadow(0 4px 8px rgb(0 0 0/10%))}.login-logo:hover{transform:scale(1.1) rotate(5deg)}.login-title{margin:0;font-size:32px;font-weight:700;background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgb(0 0 0/10%)}.login-subtitle{margin:0;font-size:14px;color:var(--muted-foreground);font-weight:500;letter-spacing:.5px}.login-form{padding:32px}.login-form .form-group{margin-bottom:24px}.nav-back-button .material-icons{background-clip:text}.login-form .form-label{gap:8px;margin-bottom:8px}.login-form .form-label,.nav-back-button{display:flex;align-items:center;font-weight:600;color:var(--foreground);font-size:15px}.nav-back-button{width:calc(100% - 32px);padding:16px 24px;background:linear-gradient(135deg,var(--card),var(--background));border:1px solid var(--border);border-radius:16px;cursor:pointer;margin:16px 16px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1),inset 0 1px 0 rgb(255 255 255/.1);justify-content:flex-start;gap:16px;position:relative;overflow:hidden;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-back-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255/5%),transparent);transform:translateX(-100%);transition:transform .6s ease}.nav-back-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1),0 0 0 1px var(--primary);border-color:var(--primary);color:var(--primary);background:linear-gradient(135deg,var(--card),var(--sidebar-accent))}.nav-back-button:hover:before{transform:translateX(100%)}.nav-back-button:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm)}.nav-back-button .material-icons{font-size:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 2px rgb(0 0 0/.1))}.nav-back-button:hover .material-icons{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--foreground);font-size:15px}.login-form .form-control{width:100%;padding:14px 18px;border:2px solid var(--border);border-radius:14px;font-size:16px;background:var(--background);color:var(--foreground);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.login-form .form-control:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px rgb(99 102 241/20%);transform:translateY(-2px)}.login-form .form-control:disabled{opacity:.6;cursor:not-allowed}.login-button{width:100%;margin-top:8px;padding:16px 26px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;transition:var(--transition-all)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner-small{width:20px;height:20px;border:3px solid rgb(255 255 255/30%);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}.login-error{margin:24px 32px;padding:16px;background:rgb(239 68 68/10%);border:1px solid rgb(239 68 68/30%);border-radius:12px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;animation:slideInTop .3s ease forwards}.login-error,.login-error .material-icons{color:var(--destructive)}.login-error p{margin:0;flex:1 1}.login-footer{padding:20px 32px;border-top:1px solid var(--border);background:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted-foreground);font-size:13px}.login-footer p{margin:0}.login-footer .material-icons{color:var(--muted-foreground)}@media (max-width:768px){.login-card{max-width:100%;border-radius:16px}.login-header{padding:32px 24px 24px}.login-title{font-size:28px}.login-form{padding:24px}.login-footer{padding:16px 24px;font-size:12px}}.swal2-container{background-color:rgba(0,0,0,.5)}.swal2-popup{background-color:#ffffff;color:#212121}.swal2-title{color:#002856;font-weight:700}.swal2-html-container{color:#212121}.swal2-confirm{background-color:#005ea2;color:#ffffff}.swal2-confirm:hover{background-color:#002856}.swal2-close{color:#212121}.swal2-close:hover{color:#002856}.menu-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:14px 22px;margin:6px 14px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--muted-foreground);text-decoration:none;font-weight:600;font-size:15px;border:1px solid var(--border);background:var(--card);height:52px;width:calc(100% - 28px);position:relative;letter-spacing:.01em;box-shadow:var(--shadow-sm)}.menu-item:hover{color:var(--foreground);background:var(--card);box-shadow:var(--shadow-md)}.menu-item.active,.menu-item:hover{border-color:var(--primary);transform:translateY(-2px)}.menu-item.active{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-lg)}.menu-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:0;font-size:22px;color:inherit;transition:transform .3s ease;overflow:hidden}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{transform:scale(1.1)}.menu-item.back-to-dashboard{margin-bottom:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.menu-item.back-to-dashboard:hover{background:var(--card);border-color:var(--border);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--foreground)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:2147483646;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.menu-dropdown{background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--border);width:300px;height:100%;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;animation:slideInRight .3s ease;z-index:2147483647}.menu-dropdown-header{padding:24px;font-size:20px;font-weight:700;border-bottom:1px solid var(--border);color:var(--foreground)}.menu-dropdown-body{flex:1 1;padding:16px 0;overflow-y:auto}.menu-dropdown-footer{padding:16px 0;border-top:1px solid var(--border)}.menu-toggle,.menu-toggle-container{display:flex;align-items:center;justify-content:center}.menu-toggle{background:transparent;border:none;color:var(--foreground);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.menu-toggle:hover{background:var(--muted)}.menu-toggle .material-icons{font-size:28px}.swal2-popup{border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0/15%);font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.swal2-title{font-weight:600;font-size:1.25rem;color:var(--primary)}.swal2-content{font-size:1rem;color:var(--foreground)}.swal2-timer-progress-bar{background:var(--primary)}.swal2-icon.swal2-success{border-color:#4caf50}.swal2-icon.swal2-success .swal2-success-ring{border:.25em solid rgb(76 175 80/30%)}.swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#4caf50}.swal2-icon.swal2-error{border-color:#f44336}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:#f44336}.swal2-icon.swal2-warning{border-color:#ff9800;color:#ff9800}.swal2-icon.swal2-info{border-color:#2196f3;color:#2196f3}.swal2-toast{box-shadow:0 2px 8px rgb(0 0 0/10%);border-radius:6px}.swal2-toast .swal2-title{font-size:1rem;font-weight:500}.swal2-toast .swal2-content{font-size:.875rem}.scheduled-emails-container{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;padding:0}.scheduled-emails-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 0 .75rem;border-bottom:2px solid var(--border);flex-shrink:0}.scheduled-emails-header h3{font-size:1.25rem;font-weight:700;color:var(--foreground);margin:0;letter-spacing:.5px}.scheduled-emails-content{flex:1 1;display:flex;flex-direction:column;min-height:0;background:var(--card);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.scheduled-emails-table-wrapper{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-md);max-height:600px}.scheduled-emails-table-wrapper::-webkit-scrollbar{width:8px}.scheduled-emails-table-wrapper::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}.scheduled-emails-table-wrapper::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.scheduled-emails-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--ring)}.scheduled-emails-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.scheduled-emails-table thead{background:var(--secondary);position:-webkit-sticky;position:sticky;top:0;z-index:10;flex-shrink:0}.scheduled-emails-table thead tr{border-bottom:2px solid var(--border)}.scheduled-emails-table th{padding:.75rem;text-align:left;font-weight:600;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-emails-table tbody{display:block;flex:1 1;overflow-y:auto;width:100%}.scheduled-email-row,.scheduled-emails-table thead tr{display:table;width:100%;table-layout:fixed}.scheduled-email-row{border-bottom:1px solid var(--border);transition:var(--transition-colors)}.scheduled-email-row:hover{background:var(--muted)}.scheduled-email-row:last-child{border-bottom:none}.scheduled-emails-table td{padding:.75rem;color:var(--foreground);vertical-align:middle}.scheduled-email-recipient{width:15%}.recipient-name{font-weight:500;color:var(--foreground);margin-bottom:.25rem}.recipient-email,.recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{font-size:.75rem;color:var(--muted-foreground)}.scheduled-email-subject{width:17%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--foreground)}.scheduled-email-datetime{width:35%;display:flex;align-items:center;gap:.5rem;color:var(--foreground);white-space:nowrap;flex-wrap:nowrap;overflow:visible}.scheduled-email-datetime .material-icons{font-size:1rem;color:var(--ring);flex-shrink:0;min-width:1rem}.scheduled-email-status{width:12%;text-align:center}.scheduled-email-actions{width:21%;text-align:center;white-space:normal}.btn-preview{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:.5rem;background:#2563eb;color:#ffffff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px 0 rgb(0 0 0/5%);min-width:2.5rem;height:2.5rem}.btn-preview:hover{background:#1d4ed8;box-shadow:0 4px 6px -1px rgb(0 0 0/10%),0 2px 4px -2px rgb(0 0 0/10%);transform:translateY(-1px)}.btn-preview:active{transform:translateY(0)}.btn-preview .material-icons{font-size:1rem}.btn-cancel{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--destructive);color:var(--destructive-foreground);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.btn-cancel:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-cancel:active{transform:translateY(0)}.btn-cancel .material-icons{font-size:1rem}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.status-indicator .material-icons{font-size:.875rem}.status-indicator.sent{background:#d1fae5;color:#065f46}.dark .status-indicator.sent{background:#064e3b;color:#a7f3d0}.status-indicator.failed{background:#fee2e2;color:#7f1d1d}.dark .status-indicator.failed{background:#7f1d1d;color:#fecaca}.status-indicator.cancelled{background:#f3f4f6;color:#374151}.dark .status-indicator.cancelled{background:#374151;color:#f3f4f6}@media (max-width:1024px){.scheduled-emails-table td,.scheduled-emails-table th{padding:.625rem;font-size:.8125rem}.scheduled-email-recipient{width:14%}.scheduled-email-subject{width:16%}.scheduled-email-datetime{width:35%}.scheduled-email-status{width:11%}.scheduled-email-actions{width:24%}}@media (max-width:768px){.scheduled-emails-container{gap:.75rem}.scheduled-emails-header h3{font-size:1.125rem}.scheduled-emails-table td,.scheduled-emails-table th{padding:.5rem;font-size:.75rem}.scheduled-email-recipient{width:13%}.scheduled-email-subject{width:15%}.scheduled-email-datetime{width:34%}.scheduled-email-status{width:10%}.scheduled-email-actions{width:28%}.recipient-name{font-size:.875rem}.recipient-email{font-size:.625rem}.btn-cancel{padding:.375rem .5rem;font-size:.7rem}}