:root{font-family:Google Sans,Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,.light-theme{color-scheme:light;--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f1f3f4;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #9aa0a6;--border-color: #dadce0;--shadow-color: rgba(0, 0, 0, .1);--button-bg: #ffffff;--button-hover: #f8f9fa;--button-text: #5f6368;--nav-bg: #ffffff;--nav-border: #dadce0;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #dadce0;--success-color: #137333;--error-color: #d93025;--warning-color: #f9ab00}.dark-theme{color-scheme:dark;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-tertiary: #5f6368;--border-color: #3c4043;--shadow-color: rgba(0, 0, 0, .3);--button-bg: #2d2d2d;--button-hover: #3c4043;--button-text: #e8eaed;--nav-bg: #1e1e1e;--nav-border: #3c4043;--card-bg: #1e1e1e;--input-bg: #2d2d2d;--input-border: #3c4043;--success-color: #34a853;--error-color: #ea4335;--warning-color: #fbbc04}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color);transition:background-color .3s ease,border-color .3s ease}.app-title{font-size:22px;font-weight:400;color:var(--text-primary);letter-spacing:0;transition:color .3s ease}.user-info{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;min-width:0;height:100%}.user-name{font-size:14px;color:var(--text-secondary);font-weight:400;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;line-height:1.2;transition:color .3s ease}.main-navigation{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0 24px;display:flex;gap:8px;height:48px;align-items:center;transition:background-color .3s ease,border-color .3s ease}.nav-button{background:transparent;border:none;color:var(--text-secondary);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none}.nav-button:hover{background:var(--button-hover);color:var(--text-primary)}.nav-button.active{background:var(--bg-tertiary);color:var(--text-primary)}.main-content{flex:1;padding:24px;background:var(--bg-primary);transition:background-color .3s ease}.home-page{max-width:1200px;margin:0 auto;padding:48px 24px;text-align:center;background:var(--bg-primary);transition:background-color .3s ease}.home-title{font-size:48px;font-weight:300;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px;transition:color .3s ease}.banner-container{margin:48px 0;display:flex;justify-content:center}.auth-section{margin-top:48px;display:flex;justify-content:center}.logo-section{display:flex;align-items:center;gap:32px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.communication-tower{position:relative;width:80px;height:120px}.tower-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:80px;background:#1a73e8;border-radius:2px}.tower-top{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:40px;background:#1a73e8;border-radius:50%}.signal-waves{position:absolute;top:20px;left:50%;transform:translate(-50%)}.wave{position:absolute;border:2px solid #1a73e8;border-radius:50%;opacity:.6;animation:wave-pulse 2s infinite}.wave-1{width:60px;height:60px;top:-30px;left:-30px;animation-delay:0s}.wave-2{width:80px;height:80px;top:-40px;left:-40px;animation-delay:.5s}.wave-3{width:100px;height:100px;top:-50px;left:-50px;animation-delay:1s}@keyframes wave-pulse{0%{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1.5);opacity:0}}.mfs-logo{display:flex;flex-direction:column;align-items:center;gap:16px}.mfs-graphic{position:relative;width:100px;height:60px}.curve{position:absolute;border:3px solid #34a853;border-radius:50%;opacity:.8}.curve-1{width:40px;height:40px;top:10px;left:30px;border-top:none;border-left:none}.curve-2{width:60px;height:60px;top:0;left:20px;border-top:none;border-left:none}.curve-3{width:80px;height:80px;top:-10px;left:10px;border-top:none;border-left:none}.mfs-text{text-align:center}.mfs-main{font-size:32px;font-weight:700;color:#1a73e8;letter-spacing:2px}.mfs-sub{font-size:12px;color:#5f6368;font-weight:500;letter-spacing:1px;margin-top:4px}.mfs-logo-image{max-width:300px;max-height:150px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.auth-container{display:flex;flex-direction:column;align-items:center;gap:16px}.auth-options{display:flex;flex-direction:column;gap:12px;width:100%;max-width:400px}.auth-button{background:var(--button-bg);border:1px solid var(--border-color);color:var(--button-text);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.auth-button:hover{background:var(--button-hover);box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}.auth-button:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.auth-button.sign-out{background:var(--error-color);color:#fff;border-color:var(--error-color)}.auth-button.sign-out:hover{background:#c5221f}.auth-button.google{background:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}.auth-button.google:hover{background:var(--button-hover);box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}.google-icon,.email-icon{margin-right:12px;flex-shrink:0}.auth-button.email{background:#34a853}.auth-button.email:hover{background:#2d8f47}.auth-divider{display:flex;align-items:center;gap:16px;margin:8px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#dadce0}.auth-divider span{color:#5f6368;font-size:14px}.email-auth{width:100%;max-width:400px;background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.auth-toggle{display:flex;margin-bottom:24px;border-radius:4px;overflow:hidden;border:1px solid #dadce0}.toggle-button{flex:1;background:#fff;border:none;padding:12px;cursor:pointer;font-size:14px;font-weight:500;color:#5f6368;transition:all .2s ease}.toggle-button.active{background:#1a73e8;color:#fff}.toggle-button:disabled{opacity:.6;cursor:not-allowed}.email-form{display:flex;flex-direction:column;gap:16px}.email-form h3{font-size:20px;font-weight:400;color:#202124;margin-bottom:8px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary);transition:color .3s ease}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--input-border);border-radius:4px;font-size:14px;transition:border-color .2s ease;background:var(--input-bg);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--shadow-color)}.error-message{color:var(--error-color);font-size:14px;margin-top:8px;transition:color .3s ease}.message.success{color:var(--success-color);font-size:14px;margin-top:8px;transition:color .3s ease}.back-to-options{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.back-to-options:hover{background:var(--button-hover)}.dashboard{max-width:1200px;margin:0 auto;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.dashboard-title{font-size:24px;font-weight:400;color:var(--text-primary);padding:24px 24px 0;margin-bottom:24px;transition:color .3s ease}.video-container{padding:0 24px 24px}.video-wrapper{background:#f8f9fa;border-radius:8px;padding:8px;border:1px solid #dadce0}.video-wrapper>div{width:100%!important;max-width:100%!important}.video-wrapper iframe{border-radius:4px;width:100%!important;height:100%!important}.admin-panel{max-width:1200px;margin:0 auto;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.admin-title{font-size:24px;font-weight:400;color:var(--text-primary);padding:24px;margin:0;border-bottom:1px solid var(--border-color);transition:color .3s ease,border-color .3s ease}.admin-controls{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.filter-controls{display:flex;align-items:center;gap:8px}.filter-controls label{font-size:14px;color:#5f6368;font-weight:500}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);font-size:14px;color:var(--text-primary);transition:all .2s ease}.filter-select:hover{border-color:var(--text-secondary)}.filter-select:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 2px var(--shadow-color)}.pagination-info{font-size:14px;color:var(--text-secondary);transition:color .3s ease}.users-list{padding:24px}.user-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .2s ease,background-color .3s ease,border-color .3s ease}.user-card:hover{box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}.user-card.admin{border-left:4px solid var(--text-primary)}.user-card.approved{border-left:4px solid var(--success-color)}.user-card.pending{border-left:4px solid var(--warning-color)}.user-card.blacklisted{border-left:4px solid var(--error-color);background:var(--bg-tertiary)}.user-info{display:flex;flex-direction:column;gap:4px}.user-details h3{font-size:16px;font-weight:500;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;transition:color .3s ease}.user-details p{font-size:14px;color:var(--text-secondary);margin:0;transition:color .3s ease}.status-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:12px;text-transform:uppercase;transition:all .3s ease}.status-badge.admin{background:var(--bg-tertiary);color:var(--text-primary)}.status-badge.approved{background:var(--success-color);color:#fff}.status-badge.pending{background:var(--warning-color);color:#fff}.status-badge.blacklisted{background:var(--error-color);color:#fff}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.action-button{padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--button-bg);cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;min-width:80px;color:var(--button-text)}.action-button:hover{box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.approve{background:var(--success-color);color:#fff;border-color:var(--success-color)}.action-button.reject{background:var(--error-color);color:#fff;border-color:var(--error-color)}.action-button.admin{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.action-button.demote{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.action-button.blacklist{background:var(--error-color);color:#fff;border-color:var(--error-color)}.action-button.unblacklist{background:var(--success-color);color:#fff;border-color:var(--success-color)}.action-button.password-reset{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.action-button.cancel{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.page-button{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:var(--button-bg);cursor:pointer;font-size:14px;color:var(--button-text);transition:all .2s ease}.page-button:hover{background:var(--button-hover)}.page-button.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.page-button:disabled{opacity:.6;cursor:not-allowed}.message{padding:12px 16px;border-radius:4px;margin:16px 24px;font-size:14px}.message.success{background:#e6f4ea;color:#34a853;border:1px solid #34a853}.message.error{background:#fce8e6;color:#ea4335;border:1px solid #ea4335}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--card-bg);border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color);transition:background-color .3s ease,box-shadow .3s ease}.modal h3{font-size:20px;font-weight:500;color:var(--text-primary);margin-bottom:16px;transition:color .3s ease}.modal p{color:var(--text-secondary);margin-bottom:16px;transition:color .3s ease}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#5f6368}.loading-spinner{width:32px;height:32px;border:3px solid #dadce0;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waiting-page,.blacklisted-page{max-width:600px;margin:0 auto;padding:48px 24px;text-align:center;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color);transition:background-color .3s ease,box-shadow .3s ease}.waiting-page h1,.blacklisted-page h1{font-size:32px;font-weight:300;color:var(--text-primary);margin-bottom:24px;transition:color .3s ease}.waiting-message,.blacklisted-message{padding:24px;border-radius:8px;margin-bottom:24px;transition:background-color .3s ease,border-color .3s ease}.waiting-message{background:var(--bg-tertiary);border:1px solid var(--warning-color)}.blacklisted-message{background:var(--bg-tertiary);border:1px solid var(--error-color)}.waiting-message h2,.blacklisted-message h2{font-size:20px;font-weight:500;margin-bottom:12px;transition:color .3s ease}.waiting-message h2{color:var(--warning-color)}.blacklisted-message h2{color:var(--error-color)}.waiting-message p,.blacklisted-message p{color:var(--text-secondary);margin-bottom:8px;transition:color .3s ease}.back-button{background:var(--text-primary);border:none;color:var(--bg-primary);padding:12px 24px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.back-button:hover{background:var(--text-secondary);box-shadow:0 1px 2px 0 var(--shadow-color),0 1px 3px 1px var(--shadow-color)}@media(max-width:768px){.app-header{padding:0 16px;height:56px}.app-title{font-size:18px}.main-navigation{padding:0 16px;height:44px;overflow-x:auto}.main-content{padding:16px}.home-page{padding:24px 16px}.home-title{font-size:32px}.home-subtitle{font-size:16px}.user-card{flex-direction:column;align-items:flex-start;gap:16px}.user-actions{width:100%;justify-content:flex-start}.admin-controls{flex-direction:column;gap:16px;align-items:flex-start}.video-container{padding:0 16px 16px}.video-wrapper>div{padding-bottom:60%!important}}@media(min-width:1200px){.video-wrapper>div{padding-bottom:80%!important}}.user-info .auth-button.sign-out{min-height:32px;padding:6px 12px;font-size:13px}.app-header .user-info{display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;flex-wrap:nowrap!important}.app-header .user-info>*{flex-shrink:0;display:inline-block}.app-header .user-info button{display:inline-flex!important}.theme-toggle-container{position:relative;display:flex;align-items:center}.theme-toggle{background:var(--button-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--button-text);min-height:32px;min-width:32px}.theme-toggle:hover{background:var(--button-hover);border-color:var(--text-secondary)}.theme-toggle:hover+.theme-tooltip{opacity:1;visibility:visible;transform:translateY(-8px)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition:transform .2s ease}.theme-toggle:hover svg{transform:scale(1.1)}.theme-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-primary);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;z-index:1000}.theme-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--text-primary)}.info-text{background:var(--bg-tertiary);border:1px solid var(--warning-color);border-radius:6px;padding:12px;font-size:13px;color:var(--text-secondary);margin:0;transition:all .3s ease}.email-result{max-width:100%}.result-summary{margin-bottom:20px}.result-summary h4{color:var(--text-primary);margin-bottom:16px;font-size:18px;transition:color .3s ease}.result-stats{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;background:var(--bg-secondary);transition:background-color .3s ease}.stat-item.success{background:var(--success-color);color:#fff}.stat-item.error{background:var(--error-color);color:#fff}.stat-label{font-weight:500}.stat-value{font-weight:600;font-size:16px}.failed-emails{margin-top:20px;padding:16px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--error-color);transition:all .3s ease}.failed-emails h5{color:var(--error-color);margin-bottom:12px;font-size:14px;transition:color .3s ease}.failed-emails ul{margin:0;padding-left:20px}.failed-emails li{color:var(--text-secondary);font-size:13px;margin-bottom:4px;transition:color .3s ease}.action-button.send{background:var(--success-color);color:#fff;border-color:var(--success-color)}.action-button.dacast-send{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);font-weight:600}.admin-actions{display:flex;gap:12px;align-items:center}