body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App{min-height:100vh}button,input{font-family:inherit}:focus{outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--dark-gray)}.landing-page{align-items:center;background:linear-gradient(135deg,#154bab,#196376);background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-teal) 100%);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;min-height:100vh;overflow-x:hidden;padding:10px;position:relative}.landing-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:600px;min-height:fit-content;overflow:visible;padding:25px 30px;position:relative;text-align:center;width:100%;z-index:1}.landing-container:before{background:linear-gradient(90deg,#154bab,#196376,var(--accent-purple));background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal),var(--accent-purple));content:"";height:4px;left:0;position:absolute;right:0;top:0}.logo-section{margin-bottom:15px}.logo-image{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);height:auto;margin-bottom:10px;transition:transform .3s ease;width:60px}.logo-image:hover{transform:scale(1.05)}.main-title{color:#154bab;color:var(--primary-blue);font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 6px;text-shadow:0 2px 4px #0000004d}.title-underline{background:linear-gradient(90deg,#154bab,#196376);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal));border-radius:2px;height:4px;margin:0 auto;overflow:hidden;position:relative;width:80px}.title-underline:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.description-section{margin-bottom:20px}.description{color:#666;color:var(--medium-gray);font-size:1rem;font-weight:500;line-height:1.4;margin:0;text-align:center}.auth-section{flex:1 1;justify-content:center;margin-bottom:15px}.auth-form,.auth-section{display:flex;flex-direction:column}.auth-form{gap:15px}.input-group{text-align:left}.input-label{color:#333;color:var(--dark-gray);display:block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.auth-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);box-sizing:border-box;font-family:Inter,sans-serif;font-size:1rem;padding:12px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-input:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 4px #2563eb1a;outline:none;transform:translateY(-1px)}.auth-input::placeholder{color:#666;color:var(--medium-gray);font-weight:500}.auth-button{background:linear-gradient(135deg,#10b981,#196376);background:linear-gradient(135deg,var(--success-green),var(--secondary-teal));border:none;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:5px;overflow:hidden;padding:12px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.auth-button:hover:before{left:100%}.auth-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.auth-button:active{transform:translateY(-1px)}.auth-button:disabled{background:#666;background:var(--medium-gray);cursor:not-allowed}.auth-button:disabled,.auth-button:disabled:hover{box-shadow:none;transform:none}.error-message{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-radius:8px;font-size:.9rem;margin-top:10px;padding:12px}.error-message,.footer-note{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.footer-note{background:linear-gradient(135deg,#f8f9fa,#f1f5f9);background:linear-gradient(135deg,var(--light-gray),#f1f5f9);border-left:4px solid #196376;border-left:4px solid var(--secondary-teal);border-radius:12px;margin-top:35px;overflow:hidden;padding:20px;position:relative}.footer-note:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.footer-note:hover:before{transform:translateX(100%)}.footer-note p{color:#666;color:var(--medium-gray);font-size:.95rem;font-weight:500;margin:0}.footer-note strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#154bab,var(--accent-purple));background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:768px){.landing-container{margin:10px;padding:20px}.logo-image{width:50px}.main-title{font-size:1.8rem}.description{font-size:.95rem}.logo-section{margin-bottom:12px}.description-section{margin-bottom:15px}.auth-form{gap:12px}}@media (max-width:480px){.landing-page{padding:5px}.landing-container{padding:15px}.logo-image{width:45px}.main-title{font-size:1.5rem}.description{font-size:.9rem}.auth-input{padding:10px 12px}.auth-button{font-size:.9rem;padding:10px 20px}}@media (max-height:600px){.landing-container{padding:15px 20px}.logo-section{margin-bottom:10px}.main-title{font-size:1.8rem;margin:0 0 5px}.description-section{margin-bottom:15px}.description{font-size:.95rem}.auth-form{gap:10px}.auth-input{padding:10px 12px}.auth-button{padding:10px 20px}}.landing-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-gray);flex-shrink:0;margin-top:15px;padding-top:10px}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer-link{border-radius:6px;color:#666;color:var(--medium-gray);font-size:.85rem;font-weight:500;padding:4px 8px;text-decoration:none;transition:all .3s ease}.footer-link:hover{background-color:#154bab1a;color:#154bab;color:var(--primary-blue);transform:translateY(-1px)}.footer-separator{color:#666;color:var(--medium-gray);font-weight:300}@media (max-width:480px){.footer-links{gap:10px}.footer-link{font-size:.85rem;padding:4px 8px}}:root{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe)}.authorized-page{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.authorized-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.authorized-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;gap:20px;padding:20px 30px;position:relative;z-index:10}.header-left{flex-shrink:0;gap:15px}.header-logo{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);height:auto;transition:transform .3s ease;width:50px}.header-logo:hover{transform:scale(1.05)}.header-center{display:flex;flex:1 1;justify-content:center}.header-right{flex-shrink:0;gap:15px}.page-title{font-size:24px}.user-info{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.user-name{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 2px #0000004d}.user-email-section{align-items:center;display:flex;flex-direction:column;gap:5px}.user-email{color:#ffffffe6;font-size:14px;font-weight:500}.gmail-auth-status{align-items:center;display:flex;gap:8px;margin-top:5px}.auth-status-connected,.auth-status-disconnected{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.auth-status-connected{background:#22c55e33;color:#22c55e}.auth-status-disconnected{background:#ef444433;color:#ef4444}.status-icon{font-size:14px}.status-text{font-size:12px;font-weight:500}.connect-gmail-btn,.disconnect-gmail-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;text-decoration:none;transition:all .3s ease}.connect-gmail-btn{background:#4285f4;color:#fff}.connect-gmail-btn:hover{background:#3367d6;transform:translateY(-1px)}.disconnect-gmail-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.disconnect-gmail-btn:hover{background:#ef444433;transform:translateY(-1px)}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background:#ffffff4d;transform:translateY(-1px)}.flow-title{animation:slideInUp .6s ease-out .2s both;margin-bottom:30px;text-align:center}.flow-title h2{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.flow-container{animation:slideInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:40px}.flow-steps{display:flex;flex-direction:column;gap:30px}.flow-step{align-items:center;background:#ffffff80;border:2px solid #0000;border-radius:16px;cursor:default;display:flex;gap:30px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.flow-step:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.flow-step:hover:before{left:100%}.flow-step:hover{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-5px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.step-connector{align-items:center;display:flex;flex-direction:column;gap:10px;min-width:60px}.connector-line{background:linear-gradient(180deg,#154bab,#196376);background:linear-gradient(180deg,var(--primary-blue),var(--secondary-teal));border-radius:2px;height:40px;width:3px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.flow-step.active .step-number{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.1)}.step-content{flex:1 1;gap:25px}.step-content,.step-icon{align-items:center;display:flex}.step-icon{border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);font-size:2.5rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.flow-step:hover .step-icon{transform:scale(1.1) rotate(5deg)}.step-info{flex:1 1}.step-title{color:#1f2937;font-size:1.5rem;font-weight:700}.step-subtitle,.step-title{margin:0 0 8px;text-shadow:0 1px 1px #0000000d}.step-subtitle{color:#1e40af;font-size:1rem;font-weight:600}.step-description{color:#4b5563;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.step-action-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;padding:15px 25px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.step-action-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.action-arrow{font-size:1.1rem;transition:transform .3s ease}.step-action-button:hover .action-arrow{transform:translateX(3px)}.quick-stats{animation:slideInUp .6s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:30px;padding:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#ffffff80;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:12px;color:#fff;color:var(--white);display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-number{color:#333;color:var(--dark-gray);font-size:2rem;font-weight:800;margin:0}.stat-label{font-size:.9rem}.quick-actions{animation:slideInUp .6s ease-out .8s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);padding:30px}.quick-actions-title{color:#333;color:var(--dark-gray);font-size:1.5rem;font-weight:700;margin:0 0 20px;text-align:center}.actions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-action-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:12px;letter-spacing:.5px;padding:18px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.quick-action-button.secondary{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success)}.quick-action-button.tertiary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}.quick-action-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.action-icon{font-size:1.2rem}.action-text{flex:1 1;text-align:left}.legal-links{display:flex;gap:10px}.legal-link{background:none;border:none;border-radius:6px;color:#fffc;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;text-decoration:underline;transition:all .3s ease}.legal-link:hover{background:#ffffff1a;color:#fff}@media (max-width:1024px){.page-header{gap:15px;padding:15px 20px}.header-logo{width:45px}.page-title{font-size:20px}.user-name{font-size:14px}.user-email{font-size:12px}}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;padding:20px 15px}.header-center,.header-left,.header-right{width:100%}.header-left{justify-content:center}.header-logo{width:40px}.header-center{order:2}.header-right{flex-wrap:wrap;gap:10px;justify-content:center;order:3}.page-title{font-size:22px;text-align:center}.user-info{flex-direction:row;gap:15px;justify-content:center}.user-email-section{align-items:center;flex-direction:row;gap:10px}.legal-links{gap:8px}.legal-link{font-size:12px;padding:5px 8px}.logout-button{font-size:13px;padding:6px 12px}}@media (max-width:480px){.page-header{padding:15px 10px}.header-logo{width:35px}.page-title{font-size:20px}.user-info{flex-direction:column;gap:8px}.user-email-section{align-items:center;flex-direction:column;gap:5px}.header-right{flex-direction:column;gap:8px}.legal-links{gap:5px}}*{box-sizing:border-box}.emailing-page{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.emailing-container{margin:0 auto;max-width:1200px;padding:20px}.stat-value{color:var(--white)}.stat-value.selected{color:#fbbf24;text-shadow:0 2px 4px #fbbf244d}.stat-value.personalized{color:#34d399;text-shadow:0 2px 4px #34d3994d}.selected-count{background:linear-gradient(135deg,#10b981,#196376);background:linear-gradient(135deg,var(--success-green),var(--secondary-teal));border-radius:25px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);font-size:.9rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative}.selected-count:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.selected-count:hover:before{transform:translateX(100%)}.emailing-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.section-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);margin-bottom:25px;overflow:hidden;padding:35px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:before{background:linear-gradient(90deg,#154bab,#196376,var(--accent-purple));background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal),var(--accent-purple));content:"";height:4px;left:0;position:absolute;right:0;top:0}.section-card:hover{box-shadow:0 25px 50px -12px #00000040}.section-title{color:#154bab;color:var(--primary-blue);font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin:0 0 25px;position:relative}.section-title:after{background:linear-gradient(90deg,#154bab,#196376);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal));border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:40px}.template-preview{background:linear-gradient(135deg,#f8f9fa,#f1f5f9);background:linear-gradient(135deg,var(--light-gray),#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:15px;padding:25px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.template-selection{background:#f8f9fa;background:var(--light-gray);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:8px;margin-bottom:16px;padding:16px}.template-selection label{color:#333;color:var(--dark-gray);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.predefined-template-select{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;color:#333;color:var(--dark-gray);cursor:pointer;font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.predefined-template-select:focus{box-shadow:0 0 0 3px #154bab1a;outline:none}.predefined-template-select:focus,.predefined-template-select:hover{border-color:#154bab;border-color:var(--primary-blue)}.preview-note{color:#666;color:var(--medium-gray);font-size:.9rem;font-style:italic;font-weight:500;margin:0}.customize-actions{display:flex;gap:12px}.save-custom-button{background:linear-gradient(135deg,#10b981,#196376);background:linear-gradient(135deg,var(--success-green),var(--secondary-teal));border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-custom-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-custom-button:hover:before{left:100%}.save-custom-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.save-custom-button:disabled{cursor:not-allowed}.save-custom-button:disabled,.save-custom-button:disabled:hover{background:#666;background:var(--medium-gray);box-shadow:none;transform:none}.delete-custom-button{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-red),#dc2626);border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-custom-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.delete-custom-button:hover:before{left:100%}.delete-custom-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.delete-custom-button:disabled{cursor:not-allowed}.delete-custom-button:disabled,.delete-custom-button:disabled:hover{background:#666;background:var(--medium-gray);box-shadow:none;transform:none}.preview-content{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:25px}.preview-content:focus-within{border-color:#154bab;border-color:var(--primary-blue)}.customize-textarea{background:#0000;border:none;border-radius:8px;color:#333;color:var(--dark-gray);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7;min-height:300px;outline:none;padding:20px;resize:vertical;width:100%}.customize-textarea:focus{background:#2563eb05;outline:none}.email-preview{color:#333;color:var(--dark-gray);font-family:Inter,sans-serif;line-height:1.7}.preview-line{margin-bottom:10px}.no-template{color:#666;color:var(--medium-gray);font-size:1rem;font-style:italic;margin:30px 0;text-align:center}.coaches-header{margin-bottom:25px}.coaches-header-top{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.coaches-stats{align-items:center;display:flex;gap:20px}.stat-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;box-shadow:0 2px 8px #00000014;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px}.stat-item:before{background:linear-gradient(90deg,#154bab,#196376);background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal))}.stat-item:hover{border-color:#2563eb33;box-shadow:0 8px 25px #0000001f}.stat-label{color:#666;color:var(--medium-gray);font-size:.85rem;letter-spacing:.3px}.stat-value{color:#154bab;color:var(--primary-blue);font-size:1.1rem;text-shadow:0 1px 2px #154bab1a}.stat-value.selected-stat{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #0596691a;border-radius:8px;box-shadow:0 2px 4px #05966933;color:#059669;font-weight:800;padding:4px 10px}.coaches-controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.controls-left{display:flex;flex:1 1;flex-direction:column;gap:15px;min-width:0}.controls-right{align-items:flex-start;display:flex;flex-shrink:0}.search-container{align-items:center;display:flex;position:relative}.search-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#333;color:var(--dark-gray);font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#154bab;box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-1px)}.clear-search-button,.search-input::placeholder{color:#666;color:var(--medium-gray)}.clear-search-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.clear-search-button:hover{background:#f8f9fa;background:var(--light-gray);color:#333;color:var(--dark-gray)}.filter-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.filter-select{align-items:center;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#333;color:var(--dark-gray);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;height:42px;min-width:120px;padding:10px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select:focus{box-shadow:0 0 0 4px #2563eb1a;outline:none}.filter-select:focus,.filter-select:hover{border-color:#154bab;border-color:var(--primary-blue);transform:translateY(-1px)}.clear-filters-button{align-items:center;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#333;color:var(--dark-gray);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:500;height:42px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clear-filters-button:hover:not(:disabled){background:#154bab;background:var(--primary-blue);border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);transform:translateY(-1px)}.clear-filters-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.clear-filters-button:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 4px #2563eb1a;outline:none}.select-all-button{background:linear-gradient(135deg,#154bab,#2563eb);background:linear-gradient(135deg,var(--primary-blue) 0,#2563eb 100%);border:none;border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.select-all-button:hover{background:linear-gradient(135deg,#1d4ed8,#154bab);background:linear-gradient(135deg,#1d4ed8 0,var(--primary-blue) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.select-all-button:focus{box-shadow:0 0 0 4px #2563eb33;outline:none}.clear-selected-button{background:linear-gradient(135deg,#666,#6b7280);background:linear-gradient(135deg,var(--medium-gray) 0,#6b7280 100%);border:none;border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;margin-left:10px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.clear-selected-button:hover{background:linear-gradient(135deg,#4b5563,#666);background:linear-gradient(135deg,#4b5563 0,var(--medium-gray) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.clear-selected-button:focus{box-shadow:0 0 0 4px #6b728033;outline:none}.loading-state{justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{height:50px;margin-bottom:20px;width:50px}.error-state,.loading-spinner{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.error-state{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-radius:12px;margin:25px 0;padding:25px;text-align:center}.error-message{color:#ef4444;color:var(--danger-red);font-size:1rem;font-weight:600;margin-bottom:12px}.error-note{color:#666;color:var(--medium-gray);font-size:.9rem;font-style:italic}.coaches-list{display:flex;flex-direction:column;gap:15px;max-height:380px;overflow-y:auto;padding-right:5px}.coaches-list::-webkit-scrollbar{width:8px}.coaches-list::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray);border-radius:4px}.coaches-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#154bab,#196376);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));border-radius:4px}.coach-card-container{display:flex;flex-direction:column;gap:10px}.coach-card{align-items:center;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:15px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.coach-card:before{background:linear-gradient(180deg,#154bab,#196376);background:linear-gradient(180deg,var(--primary-blue),var(--secondary-teal));content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.coach-card:hover:before{transform:scaleY(1)}.coach-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.coach-card.selected,.coach-card:hover{border-color:#154bab;border-color:var(--primary-blue)}.coach-card.selected{background:linear-gradient(135deg,#2563eb0d,#0891b20d);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.coach-card.selected:before{transform:scaleY(1)}.coach-info{margin-left:10px}.coach-name-title{color:#333;color:var(--dark-gray);font-size:1.05rem;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.coach-details{display:flex;gap:15px;margin-bottom:8px}.university-state{color:#154bab;color:var(--primary-blue);font-size:.9rem;font-weight:600}.coach-email{color:#666;color:var(--medium-gray);font-size:.85rem}.coach-actions{align-items:center;display:flex;gap:15px}.customize-button{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:10px;box-shadow:0 2px 8px #ff6b354d;color:#fff;color:var(--white);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.customize-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.customize-button:hover:before{left:100%}.customize-button:hover{background:linear-gradient(135deg,#ff5722,#ff9800);box-shadow:0 4px 16px #ff6b3580;transform:translateY(-2px)}.custom-email-indicator{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:6px;color:#059669;display:flex;font-size:.75rem;font-weight:700;gap:4px;margin-top:5px;padding:4px 8px}.custom-email-indicator:before{font-size:.8rem}.attachment-indicator{background:#ede9fe;border:1px solid #8b5cf6;border-radius:4px;color:#7c3aed;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 6px}.coach-checkbox{margin-left:0}.checkbox{align-items:center;background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:6px;color:#fff;color:var(--white);display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.checkbox:before{background:linear-gradient(135deg,#154bab,#196376);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.checkbox.checked:before{transform:scale(1)}.checkbox.checked{border-color:#154bab;border-color:var(--primary-blue)}.discard-button{background:linear-gradient(135deg,#666,#333);background:linear-gradient(135deg,var(--medium-gray),var(--dark-gray));border:none;border-radius:10px;color:#fff;color:var(--white);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.discard-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.discard-button:hover:before{left:100%}.discard-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sending-progress{margin-bottom:25px}.progress-bar{background:#f8f9fa;background:var(--light-gray);border-radius:6px;box-shadow:inset 0 2px 4px #0000001a;height:12px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#154bab,#196376,var(--accent-purple));background:linear-gradient(90deg,var(--primary-blue),var(--secondary-teal),var(--accent-purple));height:100%;overflow:hidden;position:relative;transition:width .3s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-text{color:#666;color:var(--medium-gray);font-size:.95rem;font-weight:500;margin:0;text-align:center}.send-emails-button{background:linear-gradient(135deg,#10b981,#196376);background:linear-gradient(135deg,var(--success-green),var(--secondary-teal));border:none;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:18px 30px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.send-emails-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.send-emails-button:hover:before{left:100%}.send-emails-button:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.send-emails-button:disabled{background:#666;background:var(--medium-gray);box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:1200px){.emailing-content{grid-template-columns:1fr}}@media (max-width:768px){.emailing-container{padding:15px}.page-header{flex-direction:column;gap:20px;padding:25px;text-align:center}.header-left{align-items:center;flex-direction:column;gap:15px}.header-title-section{text-align:center}.page-title{font-size:1.8rem}.page-subtitle{font-size:.9rem}.header-stats{gap:15px}.stat-item{min-width:70px;padding:10px 12px}.stat-value{font-size:1.3rem}.section-card{padding:25px}.coaches-header{gap:20px}.coaches-controls,.coaches-header{align-items:stretch;flex-direction:column}.coaches-controls{gap:15px}.filter-container{flex-direction:column;flex-wrap:wrap;gap:10px}.filter-select{min-width:auto}.clear-filters-button,.filter-select{flex-shrink:1;width:100%}.search-container,.search-input{width:100%}.select-all-button{align-self:flex-end}.coaches-header-top{align-items:flex-start;flex-direction:column;gap:15px}.coaches-stats{flex-wrap:wrap;gap:15px}.controls-left{order:1}.controls-right{align-self:stretch;order:2}.clear-selected-button,.select-all-button{margin-bottom:10px;margin-left:0;width:100%}}@media (max-width:480px){.page-title{font-size:1.5rem}.section-title{font-size:1.2rem}.coach-card{align-items:flex-start;flex-direction:column;gap:15px}.coach-actions{align-self:stretch;justify-content:space-between}.coach-checkbox{margin-left:0}}.template-management{padding:16px 0}.template-selector{margin-bottom:16px}.template-selector label{color:#333;color:var(--dark-gray);display:block;font-weight:600;margin-bottom:8px}.template-select{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:8px;color:#333;color:var(--dark-gray);font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.template-select:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 3px #154bab1a;outline:none}.template-actions{flex-wrap:wrap;gap:8px}.delete-template-button,.edit-template-button,.new-template-button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.new-template-button{background:#154bab;background:var(--primary-blue);color:#fff;color:var(--white)}.new-template-button:hover{background:#0f3a8a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.edit-template-button{background:#196376;background:var(--secondary-teal);color:#fff;color:var(--white)}.edit-template-button:hover{background:#0f4f5f;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.delete-template-button{background:#ef4444;background:var(--danger-red);color:#fff;color:var(--white)}.delete-template-button:hover{background:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.use-template-button{font-size:.85rem;padding:8px 16px}.use-template-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.login-required{color:#666;color:var(--medium-gray);font-style:italic;padding:20px;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:modalSlideIn .3s ease-out;width:90%}.modal-header{padding:20px 24px}.modal-header h3{color:#333;color:var(--dark-gray)}.modal-close{border-radius:4px;color:#666;color:var(--medium-gray);padding:4px;transition:all .2s ease}.template-name-input{border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:8px;padding:10px 12px}.template-content-textarea{border:2px solid #e2e8f0;border:2px solid var(--border-gray);min-height:200px}.subject-input-container{margin-bottom:16px}.subject-input-container label{color:#333;color:var(--dark-gray);display:block;font-weight:600;margin-bottom:8px}.subject-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:8px;color:#333;color:var(--dark-gray);font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.subject-input:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 3px #154bab1a;outline:none}.template-subject-display{background:#f8f9fa;background:var(--light-gray);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:8px;margin-bottom:16px;padding:12px}.template-subject-display label{color:#333;color:var(--dark-gray);display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.subject-display{color:#666;color:var(--medium-gray);font-size:.9rem}.template-attachment-display,.template-attachments-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;margin-bottom:16px;padding:12px}.template-attachment-display label{color:#333;color:var(--dark-gray);display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.template-attachment-info{align-items:center;display:flex;gap:15px;justify-content:space-between}.attachment-details{align-items:center;display:flex;gap:8px}.attachment-name{color:#196376;color:var(--secondary-teal);font-size:.9rem}.attachment-type{font-style:italic}.view-template-attachment-btn{background:linear-gradient(135deg,#196376,#0ea5e9);background:linear-gradient(135deg,var(--secondary-teal),#0ea5e9);border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.8rem;font-weight:600;margin:5px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.view-template-attachment-btn:hover{background:linear-gradient(135deg,#0ea5e9,#196376);background:linear-gradient(135deg,#0ea5e9,var(--secondary-teal));box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.template-variables{margin-top:16px}.template-variables li{color:#666;color:var(--medium-gray);margin-bottom:8px}.modal-footer{justify-content:flex-end;padding:20px 24px}.modal-cancel,.modal-save{padding:10px 20px}.modal-save{background:#10b981;background:var(--success-green)}.modal-save:hover{background:#059669;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}@media (max-width:768px){.modal-content{margin:20px;width:95%}.modal-body,.modal-footer,.modal-header{padding:16px}.template-actions{flex-direction:column}.delete-template-button,.edit-template-button,.new-template-button{width:100%}.template-selection{padding:12px}.predefined-template-select{font-size:.85rem;padding:8px 10px}}.attachment-section{margin:16px 0}.attachment-section label{color:#333;color:var(--dark-gray);display:block;font-weight:600;margin-bottom:12px}.attachment-controls{display:flex;flex-direction:column;gap:12px}.current-attachment{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.file-input-label{color:#fff;color:var(--white)}.empty-attachments{font-style:italic;padding:20px}.gmail-auth-section{padding:20px 0}.auth-required{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.auth-required p{color:#666;color:var(--medium-gray);font-size:.9rem;margin:0}.auth-success{flex-direction:column;gap:15px;text-align:center}.auth-success,.auth-success p{align-items:center;display:flex}.auth-success p{color:#10b981;color:var(--success-green);font-weight:600;gap:8px;margin:0}.disconnect-button{background:#ef4444;background:var(--danger-red);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.disconnect-button:hover{background:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.gmail-auth-section .google-login-button{border-radius:8px!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;transition:all .3s ease!important}.gmail-auth-section .google-login-button:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.preview-html-content{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:8px;line-height:1.6;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:16px}.preview-html-content::-webkit-scrollbar{width:8px}.preview-html-content::-webkit-scrollbar-track{background:#f8f9fa;background:var(--light-gray);border-radius:4px}.preview-html-content::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-gray);border-radius:4px}.preview-html-content::-webkit-scrollbar-thumb:hover{background:#666;background:var(--medium-gray)}.preview-html-content p{margin:0 0 12px}.preview-html-content h1,.preview-html-content h2,.preview-html-content h3,.preview-html-content h4,.preview-html-content h5,.preview-html-content h6{color:#333;color:var(--dark-gray);margin:16px 0 8px}.preview-html-content ol,.preview-html-content ul{margin:8px 0;padding-left:24px}.preview-html-content li{margin:4px 0}.preview-html-content strong{color:#333;color:var(--dark-gray);font-weight:600}.preview-html-content em{font-style:italic}.preview-html-content a{color:#154bab;color:var(--primary-blue);text-decoration:underline}.preview-html-content a:hover{color:#196376;color:var(--secondary-teal)}.preview-html-content blockquote{background:#f8f9fa;background:var(--light-gray);border-left:4px solid #154bab;border-left:4px solid var(--primary-blue);font-style:italic;margin:12px 0;padding:8px 16px}.analytics-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.analytics-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.page-header{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-teal) 100%);flex-wrap:wrap;gap:16px}.header-left{flex:1 1;gap:20px}.back-button{border-radius:6px;font-size:14px;padding:8px 16px;transition:all .2s ease}.page-title{font-size:28px;font-weight:600;text-shadow:0 2px 4px #0000004d}.page-subtitle{font-size:14px;font-weight:400;opacity:.9;text-shadow:0 1px 2px #0000004d}.header-right{align-items:center;display:flex}.header-stats{display:flex;gap:24px}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;gap:6px;min-width:80px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:before{background:linear-gradient(90deg,#fbbf24,#f59e0b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-item:hover{background:#ffffff40;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-label{color:#fffffff2;font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.stat-value{color:#fff;font-size:26px;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000001a}.analytics-content{padding:32px}.search-section{margin-bottom:24px}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:14px;max-width:400px;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:var(--primary-blue);outline:none}.loading-section{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-blue)}.error-section{padding:40px 20px;text-align:center}.error-message{color:#e74c3c;font-size:16px;margin:0}.empty-state{padding:60px 20px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#2c3e50;font-size:20px;margin:0 0 8px}.empty-state p{color:#7f8c8d;font-size:14px;margin:0 auto 24px;max-width:400px}.primary-button{background:linear-gradient(135deg,var(--primary-blue) 0,var(--secondary-teal) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.primary-button:hover{box-shadow:0 4px 12px #154bab66;transform:translateY(-2px)}.emails-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.email-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;padding:24px;transition:all .2s ease}.email-card:hover{border-color:var(--primary-blue);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.email-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.coach-info{flex:1 1}.coach-name{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 4px}.coach-title{color:#7f8c8d;font-size:14px;font-weight:500;margin:0 0 4px}.coach-email{color:var(--primary-blue);font-size:13px;font-weight:500;margin:0}.school-info{flex-shrink:0;text-align:right}.school-name{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.school-details{color:#7f8c8d;font-size:12px;font-weight:500;margin:0}.email-subject{background:#f8f9fa;border-left:3px solid var(--primary-blue);border-radius:6px;color:#333;font-size:14px;margin:12px 0;padding:8px 12px}.email-subject strong{color:var(--primary-blue);font-weight:600}.email-content{margin-bottom:16px}.email-preview{background:#f8f9fa;border-left:4px solid var(--primary-blue);border-radius:8px;color:#2c3e50;margin-top:8px;padding:16px}.email-preview,.email-preview-html{color:var(--medium-gray);font-size:14px;line-height:1.5;max-height:100px;overflow:hidden;position:relative}.email-preview-html p{margin:0 0 8px}.email-preview-html h1,.email-preview-html h2,.email-preview-html h3,.email-preview-html h4,.email-preview-html h5,.email-preview-html h6{color:var(--dark-gray);font-weight:600;margin:8px 0 4px}.email-preview-html ol,.email-preview-html ul{margin:4px 0;padding-left:16px}.email-preview-html li{margin:2px 0}.email-preview-html strong{color:var(--dark-gray);font-weight:600}.email-preview-html em{font-style:italic}.email-preview-html a{color:var(--primary-blue);text-decoration:underline}.email-preview-html a:hover{color:var(--secondary-teal)}.email-preview-html blockquote{background:var(--light-gray);border-left:3px solid var(--primary-blue);font-style:italic;margin:4px 0;padding:4px 8px}.email-footer{display:flex;justify-content:flex-end}.sent-date{color:#7f8c8d;font-size:12px;font-weight:500}@media (max-width:768px){.analytics-page{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.header-left{justify-content:space-between;width:100%}.header-stats{gap:10px;justify-content:space-around;width:100%}.stat-item{min-width:60px;padding:8px 12px}.stat-value{font-size:20px}.analytics-content{padding:20px}.emails-grid{gap:16px;grid-template-columns:1fr}.email-header{align-items:flex-start;flex-direction:column;gap:12px}.school-info{text-align:left}}@media (max-width:480px){.page-title{font-size:24px}.stat-value{font-size:20px}.email-card{padding:16px}.coach-name{font-size:16px}.school-name{font-size:14px}}.email-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.email-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));border-bottom:1px solid #e1e5e9;color:#fff;padding:16px 20px}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close-button:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{max-height:calc(90vh - 80px);padding:20px}.modal-recipient-section{border-bottom:1px solid #e1e5e9;margin-bottom:16px;padding-bottom:12px}.modal-recipient-header h3{color:var(--primary-blue);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.modal-recipient-info{align-items:flex-start;display:flex;gap:20px}.modal-coach-details{flex:1 1}.modal-coach-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:2px}.modal-coach-title{color:#7f8c8d;font-size:13px;margin-bottom:2px}.modal-coach-email{color:var(--primary-blue);font-size:13px;font-weight:500}.modal-school-details{flex:1 1;text-align:right}.modal-school-name{color:#2c3e50;font-size:15px;font-weight:600;margin-bottom:2px}.modal-school-info{color:#7f8c8d;font-size:12px}.modal-subject-section{border-bottom:1px solid #e1e5e9;margin-bottom:16px;padding-bottom:12px}.modal-subject-header h3{color:var(--primary-blue);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.modal-subject-content{background:#f8f9fa;border-left:3px solid var(--primary-blue);border-radius:6px;color:#333;font-size:14px;font-weight:500;padding:10px 14px}.modal-content-section{margin-bottom:16px}.modal-content-header h3{color:var(--primary-blue);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.modal-email-body{background:var(--light-gray);border-radius:8px;margin-top:8px;max-height:400px;overflow-y:auto;padding:16px}.modal-email-body,.modal-email-html{color:var(--dark-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.modal-email-html p{margin:0 0 12px}.modal-email-html h1,.modal-email-html h2,.modal-email-html h3,.modal-email-html h4,.modal-email-html h5,.modal-email-html h6{color:var(--dark-gray);font-weight:600;margin:16px 0 8px}.modal-email-html ol,.modal-email-html ul{margin:8px 0;padding-left:24px}.modal-email-html li{margin:4px 0}.modal-email-html strong{color:var(--dark-gray);font-weight:600}.modal-email-html em{font-style:italic}.modal-email-html a{color:var(--primary-blue);text-decoration:underline}.modal-email-html a:hover{color:var(--secondary-teal)}.modal-email-html blockquote{background:var(--light-gray);border-left:4px solid var(--primary-blue);font-style:italic;margin:12px 0;padding:8px 16px}.email-line{margin-bottom:8px;white-space:pre-wrap}.email-line:last-child{margin-bottom:0}.modal-footer-section{border-top:1px solid #e1e5e9;padding-top:12px;text-align:right}.modal-sent-info{color:#7f8c8d;font-size:12px;font-weight:500}@media (max-width:768px){.email-modal{max-height:95vh;max-width:95vw}.modal-header{padding:12px 16px}.modal-header h2{font-size:16px}.modal-content{padding:16px}.modal-recipient-info{flex-direction:column;gap:12px}.modal-school-details{text-align:left}.modal-email-body{font-size:12px;max-height:200px;padding:12px}}@media (max-width:480px){.email-modal{margin:10px;max-width:98vw}.modal-content{padding:12px}.modal-recipient-info{gap:8px}.modal-coach-name{font-size:15px}.modal-school-name{font-size:14px}.modal-email-body{font-size:11px;max-height:180px;padding:10px}}.email-attachment{align-items:center;background:#007bff1a;border-radius:4px;color:var(--primary-blue);display:flex;font-size:12px;gap:8px;padding:4px 8px}.email-attachments{display:flex;flex-direction:column;gap:4px;margin-top:8px}.attachment-icon{font-size:14px}.attachment-name{color:var(--primary-blue);font-weight:500;text-decoration:none}.modal-attachment-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.modal-attachment-header h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.modal-attachment-content{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.modal-attachments-content{display:flex;flex-direction:column;gap:8px}.modal-attachment-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.modal-attachment-content .attachment-info{align-items:center;display:flex;flex:1 1;gap:8px}.modal-attachment-content .attachment-icon{font-size:16px}.modal-attachment-content .attachment-name{color:#333;font-size:14px;font-weight:600}.modal-attachment-content .attachment-type{color:#666;font-size:12px}.view-attachment-link{background:var(--primary-blue);border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.view-attachment-link:hover{background:#0f3a8a;transform:translateY(-1px)}:root{--primary-blue:#154bab;--secondary-teal:#196376;--light-gray:#f8f9fa;--white:#fff;--dark-gray:#333;--medium-gray:#666;--success-green:#10b981;--danger-red:#ef4444;--border-gray:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.template-page{background:#f8f9fa;background:var(--light-gray);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.template-container{margin:0 auto;max-width:1200px;padding:20px}.page-header{background:linear-gradient(135deg,#154bab,#196376);background:linear-gradient(135deg,var(--primary-blue),var(--secondary-teal));border-radius:15px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);justify-content:space-between;margin-bottom:30px;padding:24px 32px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:30px}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;color:var(--white);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.back-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.header-title-section{display:flex;flex-direction:column;gap:4px}.page-title{color:#fff;color:var(--white);font-size:2rem;font-weight:700;margin:0}.page-subtitle{color:#ffffffe6;font-size:.9rem;margin:0}.template-content{display:flex;flex-direction:column;gap:30px}.section-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:24px}.section-title{color:#333;color:var(--dark-gray);font-size:1.5rem;font-weight:600;margin:0 0 16px}.section-description{color:#666;color:var(--medium-gray);font-size:.95rem;line-height:1.5;margin:0 0 24px}.example-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.example-template-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:10px;padding:20px;transition:all .3s ease}.example-template-card:hover{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.example-template-card .template-name{color:#154bab;color:var(--primary-blue);font-size:1.1rem;font-weight:600;margin:0 0 12px}.example-template-card .template-preview{color:#666;color:var(--medium-gray);cursor:default;font-size:.9rem;line-height:1.4;margin:0 0 16px}.use-template-button{background:#154bab;background:var(--primary-blue);border:none;border-radius:6px;color:#fff;color:var(--white);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease;width:100%}.use-template-button:hover{background:#196376;background:var(--secondary-teal);transform:translateY(-1px)}.user-templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.user-template-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:10px;padding:20px;transition:all .3s ease}.user-template-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.user-template-card .template-name{color:#333;color:var(--dark-gray);font-size:1.1rem;font-weight:600;margin:0 0 12px}.user-template-card .template-preview{color:#666;color:var(--medium-gray);font-size:.9rem;line-height:1.4;margin:0 0 16px}.user-template-card .template-subject{background:#154bab1a;border-radius:4px;color:#154bab;color:var(--primary-blue);display:inline-block;font-size:.85rem;font-weight:600;margin:8px 0;padding:4px 8px}.template-actions{display:flex;gap:10px}.delete-button,.edit-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.edit-button{background:#10b981;background:var(--success-green);color:#fff;color:var(--white)}.edit-button:hover{background:#059669;transform:translateY(-1px)}.delete-button{background:#ef4444;background:var(--danger-red);color:#fff;color:var(--white)}.delete-button:hover{background:#dc2626;transform:translateY(-1px)}.loading-state{align-items:center;color:#666;color:var(--medium-gray);display:flex;flex-direction:column;gap:16px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #154bab;border:4px solid var(--border-gray);border-radius:50%;border-top-color:var(--primary-blue);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:#666;color:var(--medium-gray);font-size:1rem;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--white);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-gray);display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#fff;color:var(--white);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background:#f8f9fa;background:var(--light-gray);color:#333;color:var(--dark-gray)}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;color:var(--dark-gray);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.template-name-input{border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;font-size:.9rem;padding:12px;transition:all .3s ease;width:100%}.template-name-input:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 3px #154bab1a;outline:none}.template-subject-input{background:#fff;background:var(--white);border:2px solid #e2e8f0;border:2px solid var(--border-gray);border-radius:8px;color:#333;color:var(--dark-gray);font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.template-subject-input:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 3px #154bab1a;outline:none}.template-content-textarea{border-radius:6px;font-size:.9rem;transition:all .3s ease}.template-variables{background:#f8f9fa;background:var(--light-gray);border-radius:8px;margin-top:20px;padding:16px}.template-variables p{color:#333;color:var(--dark-gray);font-weight:600;margin:0 0 12px}.template-variables ul{color:#666;color:var(--medium-gray);margin:0;padding-left:20px}.template-variables li{font-size:.9rem;margin-bottom:6px}.template-variables code{background:#fff;background:var(--white);border-radius:4px;color:#154bab;color:var(--primary-blue);font-family:Courier New,monospace;font-weight:600;padding:2px 6px}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-gray);display:flex;gap:12px;padding:16px 24px 24px}.modal-cancel,.modal-save{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-cancel{background:#f8f9fa;background:var(--light-gray);color:#333;color:var(--dark-gray)}.modal-cancel:hover{background:#e2e8f0;background:var(--border-gray)}.modal-save{background:#154bab;background:var(--primary-blue);color:#fff;color:var(--white)}.modal-save:hover{background:#196376;background:var(--secondary-teal);transform:translateY(-1px)}@media (max-width:768px){.template-container{padding:15px}.page-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-left{flex-direction:column;gap:15px}.page-title{font-size:1.5rem}.section-card{padding:20px}.example-templates-grid,.user-templates-grid{grid-template-columns:1fr}.template-actions{flex-direction:column}.modal-content{margin:10px;max-height:95vh}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:16px 20px 20px}}.attachment-section{background:#f8f9fa;background:var(--light-gray);border:2px dashed #e2e8f0;border:2px dashed var(--border-gray);border-radius:8px;padding:16px;transition:all .3s ease}.attachment-section:hover{background:#154bab0d;border-color:#154bab;border-color:var(--primary-blue)}.current-attachments{display:flex;flex-direction:column;gap:8px}.current-attachment-item{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.no-attachments{color:#666;color:var(--medium-gray);padding:20px;text-align:center}.no-attachments p{margin-bottom:12px}.attachment-info{display:flex;flex-direction:column;gap:4px}.attachment-name{color:#333;color:var(--dark-gray);font-weight:600}.attachment-type{color:#666;color:var(--medium-gray);font-size:.8rem}.attachment-actions{display:flex;gap:8px}.delete-attachment-btn,.remove-attachment-btn,.select-attachment-btn,.select-existing-btn,.upload-file-btn,.view-attachment-btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.8rem;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.view-attachment-btn{background:#154bab;background:var(--primary-blue);color:#fff;color:var(--white)}.view-attachment-btn:hover{background:#0f3a8a}.remove-attachment-btn{background:#ef4444;background:var(--danger-red);color:#fff;color:var(--white)}.remove-attachment-btn:hover{background:#dc2626}.upload-file-btn{background:#10b981;background:var(--success-green);color:#fff;color:var(--white)}.upload-file-btn:hover{background:#059669}.upload-file-btn:disabled{background:#666;background:var(--medium-gray);cursor:not-allowed}.selected-file{align-items:center;background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;display:flex;gap:12px;padding:12px}.file-name{color:#333;color:var(--dark-gray);font-weight:600}.file-size{color:#666;color:var(--medium-gray);font-size:.8rem}.file-upload-section{align-items:center;display:flex;flex-direction:column;gap:12px}.file-input{display:none}.file-input-label{background:#154bab;background:var(--primary-blue);border-radius:6px;color:#fff!important;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 20px;text-align:center;transition:all .2s ease}.file-input-label:hover{background:#0f3a8a}.select-existing-btn{background:#196376;background:var(--secondary-teal);color:#fff;color:var(--white)}.select-existing-btn:hover{background:#0f4a5a}.attachment-selector-modal{max-height:80vh;max-width:600px}.attachments-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.attachment-item{align-items:center;background:#f8f9fa;background:var(--light-gray);border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.attachment-item .attachment-info{flex:1 1}.attachment-date{color:#666;color:var(--medium-gray);font-size:.75rem}.attachment-item .attachment-actions{display:flex;gap:6px}.select-attachment-btn{background:#10b981;background:var(--success-green);color:#fff;color:var(--white)}.select-attachment-btn:hover{background:#059669}.select-attachment-btn:disabled{background:#666;background:var(--medium-gray);cursor:not-allowed}.delete-attachment-btn{background:#ef4444;background:var(--danger-red);color:#fff;color:var(--white)}.delete-attachment-btn:hover{background:#dc2626}.empty-attachments{color:#666;color:var(--medium-gray);padding:40px 20px;text-align:center}.tinymce-editor-container{border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:8px;min-height:400px;overflow:hidden;position:relative}.tinymce-loading{align-items:center;background:#f8f9fa;background:var(--light-gray);color:#666;color:var(--medium-gray);display:flex;font-style:italic;height:400px;justify-content:center}.tinymce-loading p{font-size:14px;margin:0}.tox-tinymce{border:none!important;border-radius:8px!important}.tox .tox-toolbar{background:#f8f9fa!important;background:var(--light-gray)!important;border-bottom:1px solid #e2e8f0!important;border-bottom:1px solid var(--border-gray)!important}.tox .tox-edit-area,.tox .tox-tbtn{border:none!important}.tox .tox-tbtn{background:#0000!important;color:#333!important;color:var(--dark-gray)!important}.tox .tox-tbtn:hover{background:#154bab1a!important;color:#154bab!important;color:var(--primary-blue)!important}.template-content-textarea{border:1px solid #e2e8f0;border:1px solid var(--border-gray);border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:300px;padding:12px;resize:vertical;width:100%}.template-content-textarea:focus{border-color:#154bab;border-color:var(--primary-blue);box-shadow:0 0 0 3px #154bab1a;outline:none}.privacy-policy-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.privacy-policy-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.policy-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;gap:20px;padding:30px}.policy-header h1{font-size:28px;font-weight:600;margin:0}.policy-content{line-height:1.6;padding:40px}.policy-section{margin-bottom:40px}.policy-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:24px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.policy-section p{color:#4b5563;font-size:16px;margin-bottom:15px}.policy-section ul{color:#4b5563;margin-bottom:15px;margin-left:20px}.policy-section li{font-size:16px;margin-bottom:8px}.policy-section strong{color:#1f2937;font-weight:600}@media (max-width:768px){.privacy-policy-page{padding:10px}.policy-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.policy-header h1{font-size:24px}.policy-content{padding:20px}.policy-section h2{font-size:20px}}.terms-of-service-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.terms-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.terms-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;gap:20px;padding:30px}.back-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;transition:background .3s ease}.back-button:hover{background:#ffffff4d}.terms-header h1{font-size:28px;font-weight:600;margin:0}.terms-content{line-height:1.6;padding:40px}.terms-section{margin-bottom:40px}.terms-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:24px;font-weight:600;margin-bottom:15px;padding-bottom:10px}.terms-section p{color:#4b5563;font-size:16px;margin-bottom:15px}.terms-section ul{color:#4b5563;margin-bottom:15px;margin-left:20px}.terms-section li{font-size:16px;margin-bottom:8px}.terms-section strong{color:#1f2937;font-weight:600}.contact-info{background:#f3f4f6;border-radius:8px;margin-top:20px;padding:20px}.contact-info p{color:#374151;margin:5px 0}@media (max-width:768px){.terms-of-service-page{padding:10px}.terms-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.terms-header h1{font-size:24px}.terms-content{padding:20px}.terms-section h2{font-size:20px}}
/*# sourceMappingURL=main.781202b3.css.map*/