.error-boundary{align-items:center;background:linear-gradient(135deg,#f5f5f7,#e8e8ed);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary__container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:40px;text-align:center}.error-boundary__icon{display:block;font-size:64px;margin-bottom:20px}.error-boundary__title{color:var(--text);font-size:24px;font-weight:600;margin:0 0 12px}.error-boundary__message{color:var(--text-light);font-size:16px;line-height:1.5;margin:0 0 24px}.error-boundary__details{background:#f5f5f7;border:1px solid var(--border);border-radius:8px;cursor:pointer;margin:20px 0;padding:12px}.error-boundary__details summary{color:var(--text);font-size:14px;font-weight:500;outline:none}.error-boundary__details[open] summary{margin-bottom:12px}.error-boundary__error-text{background:#fff;border:1px solid var(--border);border-radius:4px;color:#ff3b30;font-size:12px;margin:8px 0 0;overflow-x:auto;padding:12px;text-align:left;white-space:pre-wrap;word-break:break-word}.error-boundary__actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.error-boundary__button{background-color:var(--background);border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.error-boundary__button:hover{background-color:#e0e0e0}.error-boundary__button:active{transform:scale(.98)}.error-boundary__button--primary{background-color:var(--primary);color:#fff}.error-boundary__button--primary:hover{background-color:var(--primary-dark)}.error-boundary__warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;line-height:1.5;margin-top:20px;padding:12px}@media (max-width:640px){.error-boundary__container{margin:20px;padding:24px}.error-boundary__title{font-size:20px}.error-boundary__message{font-size:14px}.error-boundary__actions{flex-direction:column}.error-boundary__button{width:100%}}.error-alert{align-items:flex-start;animation:slideIn .3s ease-out;background-color:#fff5f5;border-left:4px solid var(--error);border-radius:8px;box-shadow:0 2px 8px #ff3b301a;display:flex;margin-bottom:16px;padding:16px}.error-alert__content{display:flex;flex:1 1;gap:12px;min-width:0}.error-alert__icon{flex-shrink:0;font-size:20px;margin-top:2px}.error-alert__message{flex:1 1;min-width:0}.error-alert__main{color:var(--error);font-size:14px;font-weight:500;line-height:1.5;margin:0 0 4px}.error-alert__detail{color:#c3392f;font-size:12px;line-height:1.4;margin:0;word-break:break-word}.error-alert__actions{display:flex;flex-shrink:0;gap:8px;margin-left:16px}.error-alert__button{background-color:#ffe6e6;border:none;border-radius:4px;color:var(--error);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.error-alert__button:hover{background-color:#ffd0d0}.error-alert__button:active{transform:scale(.98)}.error-alert__button--retry{background-color:var(--error);color:#fff}.error-alert__button--retry:hover{background-color:#e8332a}.error-alert__button--dismiss{background-color:initial;color:var(--text-light);min-width:auto;padding:6px 8px}.error-alert__button--dismiss:hover{background-color:#ffe6e6;color:var(--error)}@media (max-width:640px){.error-alert{flex-direction:column;padding:12px}.error-alert__content{width:100%}.error-alert__actions{margin-left:32px;margin-top:12px;width:auto}.error-alert__button{font-size:12px;padding:6px 10px}}@media (prefers-color-scheme:dark){.error-alert{background-color:#4a2a2a;border-left-color:#ff6b5b}.error-alert__main{color:#ff8878}.error-alert__detail{color:#ff6b5b}.error-alert__button{background-color:#662c2c;color:#ff8878}.error-alert__button:hover{background-color:#7a3a3a}.error-alert__button--retry{background-color:#ff6b5b;color:#fff}.error-alert__button--retry:hover{background-color:#ff8878}.error-alert__button--dismiss{background-color:initial;color:#999}.error-alert__button--dismiss:hover{background-color:#662c2c;color:#ff8878}}.start-page{font-family:var(--font-family);height:100vh}.start-page,.start-splash{overflow:hidden;position:relative;width:100%}.start-splash{background:linear-gradient(160deg,var(--secondary) 0,var(--secondary-dark) 100%);color:#fff;display:flex;flex-direction:column;height:100%}.start-splash-bg{inset:0;position:absolute}.start-splash-circle{border:1.5px solid #ffffff26;border-radius:50%;position:absolute}.start-splash-circle-1{border-color:#ffffff1a;height:320px;right:-120px;top:-120px;width:320px}.start-splash-circle-2{border-color:#ffffff2e;height:200px;right:-60px;top:-60px;width:200px}.start-splash-circle-3{background:#ffffff0f;border:none;bottom:100px;height:200px;left:-80px;width:200px}.start-splash-topbar{align-items:center;display:flex;justify-content:space-between;padding:var(--space-16) var(--space-4) 0;position:relative;z-index:10}.start-splash-logo{align-items:center;display:flex;gap:var(--space-2)}.start-splash-logo-box{align-items:center;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:var(--radius-lg);display:flex;height:36px;justify-content:center;width:36px}.start-splash-logo-text{font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:.5px}.start-splash-languages{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2);opacity:.85}.start-splash-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;padding:var(--space-16) var(--space-4);position:relative;z-index:10}.start-splash-eyebrow{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);letter-spacing:1.5px;opacity:.88;text-transform:uppercase}.start-splash-eyebrow-line{background:#fff;height:1px;width:22px}.start-splash-headline{font-size:44px;font-weight:var(--font-bold);letter-spacing:-1.6px;line-height:1;margin-top:var(--space-4);word-spacing:100vw}.start-splash-headline em{font-style:italic;font-weight:var(--font-medium);opacity:.95}.start-splash-subheading{font-size:var(--text-lg);line-height:var(--line-height-normal);margin-top:var(--space-4);max-width:300px;opacity:.92}.start-splash-buttons{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2);margin-top:var(--space-10)}.start-splash-button{align-items:center;background:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 12px 30px -10px #0000004d;color:var(--secondary-dark);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-xl);font-weight:var(--font-bold);justify-content:space-between;letter-spacing:var(--letter-spacing-tight);padding:17px 20px;transition:all var(--transition-base)}.start-splash-button:active{box-shadow:0 8px 20px -8px #00000040;transform:translateY(2px)}.start-splash-button-icon{align-items:center;background:var(--secondary-dark);border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.start-splash-signin-text{font-size:var(--text-sm);opacity:.85;text-align:center}.start-splash-signin-link{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-weight:var(--font-bold);padding:0;text-decoration:underline}.start-drawer{inset:0;pointer-events:none;position:fixed;z-index:100}.start-drawer.open{pointer-events:auto}.start-drawer-overlay{background:#0000;cursor:pointer;inset:0;position:absolute;transition:background var(--transition-base)}.start-drawer.open .start-drawer-overlay{background:#0006}.start-drawer-content{background:#fff;border-top-left-radius:32px;border-top-right-radius:32px;bottom:0;box-shadow:0 -8px 30px -16px #0000001a;display:flex;flex-direction:column;left:0;max-height:90vh;overflow-y:auto;position:absolute;right:0;transform:translateY(100%);transition:transform var(--transition-base)}.start-drawer.open .start-drawer-content{transform:translateY(0)}.start-drawer-header{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-4);position:relative;z-index:5}.start-drawer-close{align-items:center;background:none;border:none;color:var(--ink);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;opacity:.6;transition:opacity var(--transition-fast);width:32px}.start-drawer-close:active{opacity:1}.start-drawer-feature{background:linear-gradient(160deg,var(--secondary) 0,var(--secondary-dark) 100%);border-top-left-radius:32px;border-top-right-radius:32px;color:#fff;margin-top:-28px;overflow:hidden;padding:var(--space-16) var(--space-4) var(--space-8);padding-top:calc(var(--space-16) + 28px);position:relative}.start-drawer-feature-circle{border:1.5px solid #ffffff26;border-radius:50%;position:absolute}.start-drawer-feature-circle-1{border-color:#ffffff1a;height:320px;right:-120px;top:-120px;width:320px}.start-drawer-feature-circle-2{border-color:#ffffff2e;height:200px;right:-60px;top:-60px;width:200px}.start-drawer-feature-content{position:relative;z-index:2}.start-drawer-eyebrow{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--space-2);letter-spacing:1.5px;opacity:.88;text-transform:uppercase}.start-drawer-eyebrow-line{background:#fff;height:1px;width:22px}.start-drawer-headline{font-size:28px;font-weight:var(--font-bold);letter-spacing:-1.2px;line-height:var(--line-height-tight);margin-top:var(--space-4)}.start-drawer-subheading{font-size:var(--text-base);line-height:var(--line-height-normal);margin-top:var(--space-2);max-width:290px;opacity:.92}.start-drawer-form-area{flex:1 1;padding:var(--space-8) var(--space-4) var(--space-4);position:relative;z-index:3}.start-drawer-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.start-drawer-form-label{color:var(--secondary);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.start-drawer-languages{align-items:center;display:flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2)}.start-drawer-lang-btn{background:none;border:none;border-bottom:1.5px solid #0000;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:var(--text-xs);padding-bottom:2px;transition:all var(--transition-fast)}.start-drawer-lang-btn.active{border-bottom-color:var(--secondary);color:var(--ink)}.start-drawer-form{display:flex;flex-direction:column}.start-drawer-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.start-drawer-email-input{align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;display:flex;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);transition:all var(--transition-fast)}.start-drawer-email-input:has(.start-drawer-input:focus){border-color:var(--secondary);box-shadow:0 0 0 4px var(--secondary-light)}.start-drawer-email-input:has(.start-drawer-input.error){background:var(--error-light);border-color:var(--error)}.start-drawer-email-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.start-drawer-input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:inherit;font-size:var(--text-lg);font-weight:var(--font-medium);outline:none}.start-drawer-input::placeholder{color:var(--ink-soft)}.start-drawer-error{align-items:center;color:var(--error);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-1);margin-top:var(--space-2)}.start-drawer-button{align-items:center;background:var(--secondary);border:none;border-radius:var(--radius-lg);box-shadow:0 8px 20px -8px var(--secondary);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-xl);font-weight:var(--font-semibold);justify-content:space-between;letter-spacing:var(--letter-spacing-tight);margin-top:var(--space-4);padding:17px 20px;transition:all var(--transition-fast);width:100%}.start-drawer-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.8}.start-drawer-button:not(:disabled):active{transform:translateY(-1px)}.start-drawer-button-icon{align-items:center;background:var(--secondary);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.start-drawer-spinner{animation:start-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:12px;width:12px}@keyframes start-spin{to{transform:rotate(1turn)}}.start-drawer-security{align-items:flex-start;border-top:1px solid var(--line);display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6)}.start-drawer-security-icon{align-items:center;background:var(--secondary-light);border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.start-drawer-security-text{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal)}.start-drawer-security-text strong{color:var(--ink);font-weight:var(--font-semibold)}.start-drawer-confirmation{padding:var(--space-8) var(--space-4) var(--space-4);text-align:center}.start-confirmation-icon{align-items:center;display:flex;justify-content:center;margin-bottom:var(--space-4)}.start-confirmation-title{color:var(--ink);font-size:20px;font-weight:var(--font-bold);margin-bottom:var(--space-2)}.start-confirmation-message{color:var(--ink-soft);font-size:var(--text-base);line-height:var(--line-height-normal);margin-bottom:var(--space-4)}.start-confirmation-subtext{color:var(--ink-soft);font-size:var(--text-sm);margin-bottom:var(--space-6)}.start-drawer-footer{color:var(--ink-soft);font-size:var(--text-sm);padding:var(--space-4) 0 var(--space-6);text-align:center}@media (min-width:640px){.start-splash-headline{font-size:52px}.start-splash-subheading{font-size:15px}.start-drawer-feature,.start-drawer-form-area{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.start-page{align-items:center;display:flex;justify-content:center}.start-splash{border-radius:0;height:100vh;max-width:600px}.start-drawer{align-items:center;display:flex;justify-content:center}.start-drawer-overlay,.start-drawer.open .start-drawer-overlay{background:#00000080}.start-drawer-content{border-radius:32px;bottom:auto;left:auto;margin:var(--space-4);max-height:90vh;opacity:0;position:relative;right:auto;transform:scale(.8);transition:all var(--transition-base);width:420px}.start-drawer.open .start-drawer-content{opacity:1;transform:scale(1)}.start-drawer-header{padding:var(--space-4) var(--space-4)}.start-drawer-feature{border-radius:32px 32px 0 0;margin-top:0}.start-splash-headline{font-size:44px;letter-spacing:-1.6px}.start-drawer-headline{font-size:28px}}@media (min-width:1024px){.start-splash{max-width:640px}.start-drawer-content{width:480px}}.login-container{align-items:center;background:linear-gradient(180deg,var(--secondary-light) 0,var(--paper) 60%);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,sans-serif;justify-content:center;min-height:100vh;padding:64px var(--space-4) var(--space-8);position:relative}.login-container.login-confirmation{justify-content:center;padding:60px var(--space-6) var(--space-5)}.language-toggle-top{background-color:var(--secondary-light);border-radius:999px;display:inline-flex;gap:2px;padding:4px;position:absolute;right:var(--space-6);top:var(--space-6);z-index:10}.language-toggle-top .lang-btn{background-color:initial;border:none;border-radius:999px;color:var(--ink-soft);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s;white-space:nowrap}.language-toggle-top .lang-btn:hover:not(.active){background-color:#5580cc14}.language-toggle-top .lang-btn.active{background-color:var(--secondary-dark);color:#fff}.language-toggle-top .lang-btn:disabled{cursor:not-allowed;opacity:.6}.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 0 var(--line),0 12px 32px -16px #141e502e;max-width:400px;padding:20px 18px;width:100%}.login-card-confirmation{max-width:380px;padding:40px 28px}.login-header{flex-direction:column;margin-bottom:32px;text-align:center}.login-header,.logo{align-items:center;display:flex}.logo{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border-radius:22px;box-shadow:0 12px 30px -8px var(--secondary)80,inset 0 -2px 0 #0000000f;height:72px;justify-content:center;margin-bottom:22px;width:72px}.login-header h1{color:var(--ink);font-size:28px;font-weight:700;letter-spacing:-.6px;line-height:1.15;margin:0 0 10px;max-width:280px}.login-header p{color:var(--ink-soft);font-size:15px;line-height:1.45;margin:0;max-width:280px}.login-form{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.form-group label{color:var(--ink-soft);font-size:12px;letter-spacing:.4px;text-transform:uppercase}.email-input-wrapper{align-items:center;background:var(--paper);border:1.5px solid var(--secondary);border-radius:12px;box-shadow:0 0 0 4px var(--secondary-light);display:flex;gap:10px;padding:14px;transition:all .2s}.email-input-wrapper:has(.email-input:focus){border-color:var(--secondary);box-shadow:0 0 0 4px var(--secondary-light)}.email-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.email-input{background:#0000;border:none;color:var(--ink);flex:1 1;font-family:inherit;font-size:15px;font-weight:500;outline:none;padding:0}.email-input::placeholder{color:var(--ink-soft)}.form-error{font-size:13px;font-weight:500}.login-button{align-items:center;background-color:var(--secondary-dark);border:none;border-radius:12px;box-shadow:0 6px 18px -6px var(--secondary-dark),inset 0 -2px 0 #0000001f;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.1px;padding:15px 20px;transition:all .2s;width:100%}.login-button:hover:not(:disabled){background-color:var(--secondary-dark);box-shadow:0 8px 20px -4px var(--secondary-dark);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background-color:var(--line);cursor:not-allowed;opacity:.6}.login-info{align-items:flex-start;background-color:var(--secondary-light);border:1px solid var(--secondary)40;border-radius:12px;display:flex;gap:10px;margin-top:14px;padding:12px 14px}.info-icon{align-items:center;display:flex;justify-content:center;margin-top:1px}.info-text{color:var(--secondary-dark);font-size:12.5px;line-height:1.45}.confirmation-header{margin-bottom:30px;text-align:center}.confirmation-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 0 8px var(--secondary-light),0 18px 40px -10px var(--secondary)40;display:flex;height:96px;justify-content:center;margin:0 auto 30px;position:relative;width:96px}.confirmation-icon:before{animation:spin 18s linear infinite;border:2px dashed var(--secondary);border-radius:50%;content:"";inset:-2px;opacity:.5;position:absolute}.confirmation-title{color:var(--ink);font-size:24px;font-weight:700;letter-spacing:-.4px;margin:0 0 10px}.confirmation-message{color:var(--ink-soft);font-size:14.5px;line-height:1.5;margin:0 auto 20px;max-width:280px}.confirmation-message strong{color:var(--ink);font-weight:600}.confirmation-subtext{color:var(--ink-soft);font-size:13px;line-height:1.25;margin:0}.confirmation-subtext strong{color:var(--ink);font-weight:600}.login-footer{color:var(--ink-soft);font-size:11px;letter-spacing:.3px;margin-top:20px;text-align:center}.login-footer p{margin:0}@keyframes caret{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1023px){.login-container{padding:50px var(--space-4) var(--space-6)}.language-toggle-top{right:var(--space-5);top:var(--space-5)}.login-header h1{font-size:24px}.logo{height:64px;margin-bottom:18px;width:64px}}@media (max-width:767px){.login-container{padding:44px var(--space-4) var(--space-5)}.language-toggle-top{gap:0;right:var(--space-4);top:var(--space-4)}.language-toggle-top .lang-btn{font-size:11px;padding:6px 10px}.login-card{padding:18px 16px}.login-card-confirmation{padding:32px 22px}.login-header{margin-bottom:24px}.login-header h1{font-size:22px;margin-bottom:8px}.login-header p{font-size:14px}.logo{border-radius:18px;height:60px;margin-bottom:16px;width:60px}.logo svg{height:28px;width:28px}.email-input-wrapper{gap:8px;padding:12px}.email-icon svg{height:16px;width:16px}.email-input,.login-button{font-size:14px}.login-button{padding:13px 18px}.login-info{font-size:12px;gap:8px;margin-top:12px;padding:10px 12px}.login-footer{font-size:10px;margin-top:16px}.confirmation-icon{height:80px;margin-bottom:24px;width:80px}.confirmation-icon svg{height:36px;width:36px}.confirmation-title{font-size:20px}.confirmation-message{font-size:13px;margin-bottom:16px}}@media (max-width:639px){.login-container{padding:36px var(--space-3) var(--space-4)}.language-toggle-top{gap:2px;padding:3px;right:var(--space-3);top:var(--space-3)}.language-toggle-top .lang-btn{font-size:10px;padding:5px 8px}.login-card{border-radius:16px;padding:16px 14px}.login-card-confirmation{border-radius:16px;padding:28px 20px}.login-header{margin-bottom:20px}.login-header h1{font-size:20px;margin-bottom:6px}.login-header p{font-size:13px;line-height:1.4}.logo{border-radius:16px;height:56px;margin-bottom:14px;width:56px}.logo svg{height:26px;width:26px}.form-group{gap:6px}.form-group label{font-size:11px}.email-input-wrapper{border-radius:10px;gap:8px;padding:11px}.email-icon svg{height:14px;width:14px}.email-input{font-size:13px}.login-form{gap:12px;margin-bottom:12px}.login-button{border-radius:11px;font-size:13px;padding:12px 16px}.login-info{border-radius:10px;font-size:11px;gap:7px;margin-top:11px;padding:9px 11px}.login-footer{font-size:9px;margin-top:14px}.confirmation-icon{height:72px;margin-bottom:20px;width:72px}.confirmation-icon svg{height:32px;width:32px}.confirmation-title{font-size:18px;margin-bottom:8px}.confirmation-message{font-size:12px;margin-bottom:14px}}.totp-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.totp-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:var(--space-6);width:90%}.totp-modal-header{margin-bottom:var(--space-6);text-align:center}.totp-modal-header h2{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.totp-modal-header p{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.totp-modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.totp-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-md);color:#dc2626;font-size:var(--text-sm);padding:var(--space-3);text-align:center}.totp-input-wrapper{display:flex;justify-content:center}.totp-modal-input{border:2px solid var(--line);border-radius:var(--radius-md);font-family:Monaco,Menlo,monospace;font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:12px;max-width:250px;padding:var(--space-4) var(--space-3);text-align:center;transition:all .2s;width:100%}.totp-modal-input:focus{background:#f8f9ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.totp-modal-input:disabled{background:var(--paper-soft);cursor:not-allowed;opacity:.6}.totp-modal-actions{display:flex;gap:var(--space-3)}.totp-modal-actions .btn{flex:1 1}.totp-help-text{border-top:1px solid var(--line);padding-top:var(--space-3);text-align:center}.totp-help-text p{color:var(--ink-soft);font-size:var(--text-xs);margin:0}.totp-help-text .hint{color:#667eea;font-weight:var(--font-semibold);margin-top:var(--space-1)}@media (max-width:640px){.totp-modal{padding:var(--space-4);width:95%}.totp-modal-header h2{font-size:var(--text-base)}.totp-modal-input{font-size:var(--text-xl);letter-spacing:8px;max-width:200px}.totp-modal-actions{flex-direction:column;gap:var(--space-2)}}.sidebar{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;width:240px;z-index:50}@media (min-width:1024px){.sidebar{width:300px}.nav-item{gap:var(--space-4)}}.sidebar-header{border-bottom:1px solid var(--line);flex-shrink:0;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-4)}.sidebar-logo{align-items:center;background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border-radius:var(--radius-md);box-shadow:0 4px 10px -2px #ef935380;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.logo-text{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-bold);letter-spacing:-.3px}.logo-subtext{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.sidebar-nav{gap:var(--space-3);padding:var(--space-3)}.nav-section,.sidebar-nav{display:flex;flex-direction:column}.nav-section{gap:2px}.nav-section-label{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1px;margin:0;padding:var(--space-2) var(--space-3) var(--space-1);text-transform:uppercase}.nav-item{align-items:center;background:#0000;border-radius:var(--radius-md);color:var(--ink-soft);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-3);height:40px;padding:var(--space-2) var(--space-3);position:relative;transition:all var(--transition-base)}.nav-item:hover{background-color:var(--paper-soft);color:var(--ink)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:var(--font-semibold)}.nav-item.active:before{background-color:var(--primary);border-radius:0 2px 2px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;line-height:0;width:18px}.nav-icon svg{display:block;vertical-align:middle}.nav-label{flex:1 1;line-height:1;min-width:0}.nav-badge,.nav-label{align-items:center;display:flex}.nav-badge{background-color:var(--secondary);border-radius:999px;color:#fff;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-bold);height:18px;justify-content:center;margin-left:auto;min-width:20px;padding:0 6px}.nav-spacer{flex:1 1}.sidebar-profile-wrapper{border-top:1px solid var(--line);flex-shrink:0;padding-top:var(--space-3);position:relative}.sidebar-profile{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-base);width:100%}.sidebar-profile:hover{background-color:var(--paper-soft);border-color:var(--line)}.sidebar-profile-menu{animation:slideUp var(--transition-base);background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);bottom:calc(100% + var(--space-2));box-shadow:0 4px 12px -2px #0000001a;left:var(--space-3);overflow:hidden;position:absolute;right:var(--space-3);z-index:100}.sidebar-menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--ink-soft);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:flex-start;line-height:1.4;padding:var(--space-2) var(--space-3);text-align:left;transition:all var(--transition-base);width:100%}.sidebar-menu-item:hover{background-color:#fee4d6;color:var(--secondary)}.sidebar-menu-item:active{background-color:#fdd7ba;color:var(--secondary)}.profile-avatar{background-color:var(--primary);border-radius:50%;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-bold);height:34px;width:34px}.profile-info{min-width:0}.profile-name{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold)}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:var(--ink-soft);font-size:var(--text-xs);margin-top:2px}.profile-dropdown{align-items:center;color:var(--primary);display:flex;flex-shrink:0;height:20px;justify-content:center;transition:transform var(--transition-base);width:20px}.profile-dropdown.open{transform:rotate(180deg)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}@media (max-width:1023px){.sidebar{width:220px}.sidebar-header{padding:var(--space-4) var(--space-3) var(--space-3)}.sidebar-logo{height:32px;width:32px}.sidebar-nav{padding:var(--space-2)}.nav-item{padding:var(--space-2) var(--space-2)}}@media (max-width:767px){.sidebar{border-bottom:1px solid var(--line);border-right:none;height:auto;position:relative;width:100%}.sidebar-header{padding:var(--space-3) var(--space-4)}.sidebar-nav,.sidebar-profile{display:none}}@media (max-width:639px){.sidebar{border-bottom:1px solid var(--line);border-right:none;height:auto;position:relative;width:100%}.sidebar-header{padding:var(--space-3) var(--space-3)}.sidebar-nav,.sidebar-profile{display:none}}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-shrink:0;gap:var(--space-4);height:64px;padding:0 var(--space-7);position:sticky;top:0;z-index:40}.topbar-left{display:flex;flex-direction:column;gap:var(--space-1)}.topbar-breadcrumb{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.3px;text-transform:capitalize}.topbar-title{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.3px}.topbar-search{flex:1 1;margin-left:var(--space-6);max-width:420px}.search-input-wrapper{align-items:center;background-color:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.search-input-wrapper:focus-within{background-color:var(--primary-light);border-color:var(--primary)}.search-icon{align-items:center;color:var(--ink-soft);display:flex;flex-shrink:0;justify-content:center}.search-input{background:#0000;border:none;font-family:inherit;padding:0}.search-shortcut{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 6px;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:var(--space-3);margin-left:auto}.language-selector{align-items:center;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2)}.language-icon{align-items:center;color:var(--ink-soft);display:flex;justify-content:center}.lang-option{background:none;border:none;border-bottom:1.5px solid #0000;color:var(--ink-soft);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);padding:0 var(--space-2);transition:all var(--transition-base)}.lang-option.active{border-bottom-color:var(--secondary);color:var(--ink)}.lang-option:hover:not(.active){color:var(--ink)}.topbar-divider{background-color:var(--line);height:22px;margin:0 var(--space-1);width:1px}.topbar-cta,.topbar-cta button{align-items:center;display:flex}.topbar-cta button{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 6px 14px -6px #ef935366;color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.topbar-cta button:hover{box-shadow:0 8px 18px -6px #ef935380;transform:translateY(-1px)}.topbar-cta button:active{transform:translateY(0)}.topbar-cta button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1023px){.topbar{gap:var(--space-3);height:60px;padding:0 var(--space-5)}.topbar-title{font-size:var(--text-xl)}.topbar-search{margin-left:var(--space-4);max-width:300px}.search-shortcut{display:none}}@media (max-width:767px){.topbar{flex-wrap:wrap;gap:var(--space-2);height:56px;padding:0 var(--space-4)}.topbar-left{width:100%}.topbar-title{font-size:var(--text-lg)}.topbar-breadcrumb{font-size:var(--text-xs)}.topbar-search{margin-left:0;max-width:none;width:100%}.language-selector,.topbar-right{display:none}}@media (max-width:639px){.topbar{align-items:flex-start;flex-direction:column;gap:var(--space-2);height:auto;padding:0 var(--space-3)}.topbar-left{width:100%}.topbar-title{font-size:var(--text-base)}.topbar-breadcrumb{font-size:var(--text-xs)}.topbar-search{width:100%}.topbar-right{display:none}}.bottom-nav{background:#fff;border-top:1px solid var(--line);bottom:0;box-shadow:0 -8px 24px -4px #00000014;left:0;padding:0;position:fixed;right:0;z-index:40}.bottom-nav-container{background:#fff;border:1px solid var(--line);border-bottom:none;border-radius:18px 18px 0 0;display:flex;gap:6px;justify-content:space-around;max-width:100%;padding:8px 16px 24px}.bottom-nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--ink-soft);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:3px;min-width:0;padding:10px 0;transition:all var(--transition-base)}.bottom-nav-tab.active{background-color:var(--primary-light);color:var(--primary)}.bottom-nav-tab:active:not(.active){opacity:.6}.bottom-nav-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.bottom-nav-label{font-size:var(--text-xs);font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.bottom-nav{display:none}}.disposition-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,sans-serif;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.disposition-modal{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-6);width:100%}.disposition-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.disposition-back-btn{align-items:center;background:#0000;border:none;color:var(--ink);cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;justify-content:center;padding:0;transition:all var(--transition-base)}.disposition-back-btn:active{opacity:.7}.disposition-header h2{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.disposition-contact{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.contact-name{font-size:var(--text-base)}.contact-phone{font-feature-settings:"tnum";font-family:monospace;font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}.contact-duration{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1)}.duration-label{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.duration-value{color:var(--ink);font-family:Monaco,Courier New,monospace;font-size:var(--text-xl);font-weight:var(--font-bold)}.disposition-question{margin-bottom:var(--space-4)}.disposition-question h3{color:var(--ink);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.disposition-options{margin-bottom:var(--space-6)}.options-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.option-btn{align-items:center;background:#fff;border:2px solid var(--line);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-3);position:relative;transition:all var(--transition-base)}.option-btn:hover:not(.selected){background-color:var(--paper-soft);border-color:var(--line)}.option-btn.selected{background-color:#fff;border-color:#5b9fd8;box-shadow:0 0 0 2px #5b9fd833}.option-btn.selected:after{background:#5b9fd8;border-radius:50%;color:#fff;content:"✓";font-size:var(--text-xs);font-weight:var(--font-bold);height:24px;position:absolute;right:8px;top:8px;width:24px}.option-btn.selected:after,.option-icon{align-items:center;display:flex;justify-content:center}.option-icon{background:var(--paper-soft);border-radius:var(--radius-md);color:var(--secondary);font-size:24px;height:48px;width:48px}.option-btn[aria-label*=Prayed] .option-icon{background:#e3f2fd;color:#5b9fd8}.option-btn[aria-label*="No Answer"] .option-icon{background:#ffebee;color:#ef4444}.option-btn[aria-label*=Voicemail] .option-icon{background:#f3e5f5;color:#9c27b0}.option-btn[aria-label*=Wrong] .option-icon{background:#ffebee;color:#ef4444}.option-btn[aria-label*="Do Not"] .option-icon{background:#fce4ec;color:#e91e63}.option-btn[aria-label*=Follow] .option-icon{background:#fff3e0;color:#f59e0b}.option-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center}.follow-up-date{margin-bottom:var(--space-6)}.follow-up-date label{color:var(--ink);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.follow-up-date input{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.follow-up-date input:focus{background-color:var(--secondary-light);border-color:var(--secondary);box-shadow:0 0 0 3px #b870191a;outline:none}.disposition-notes{margin-bottom:var(--space-6)}.disposition-notes label{color:var(--ink);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.notes-input{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-family:inherit;font-size:var(--text-base);min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base);width:100%}.notes-input:focus{background-color:var(--secondary-light);border-color:var(--secondary);box-shadow:0 0 0 3px #b870191a;outline:none}.notes-input::placeholder{color:var(--ink-soft)}.disposition-error{background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.disposition-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn-primary{background-color:#5b9fd8}.btn-primary:hover:not(:disabled){background-color:#4a8bc2;box-shadow:var(--shadow-md)}.btn-secondary{border:1px solid #5b9fd8;color:#5b9fd8}.btn-secondary:hover:not(:disabled){border-color:#4a8bc2}@media (max-width:1023px){.disposition-modal{padding:var(--space-5)}.options-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.disposition-modal-overlay{align-items:flex-end;padding:var(--space-3)}.disposition-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;max-width:100%;padding:var(--space-5) var(--space-4)}.disposition-header{margin-bottom:var(--space-4)}.disposition-header h2{font-size:var(--text-base);font-weight:var(--font-semibold)}.disposition-contact{margin-bottom:var(--space-4);padding:var(--space-3)}.contact-avatar{font-size:var(--text-base);height:48px;width:48px}.contact-name{font-size:var(--text-sm)}.contact-phone{font-size:var(--text-xs)}.contact-duration{gap:0}.duration-label{font-size:var(--text-xs)}.duration-value{font-size:var(--text-lg)}.disposition-question h3{font-size:var(--text-sm)}.options-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.option-btn{padding:var(--space-3) var(--space-2)}.option-icon{font-size:20px;height:40px;width:40px}.option-label{font-size:var(--text-xs)}.disposition-actions{flex-direction:column-reverse}.btn{width:100%}.notes-input{min-height:100px}}@media (max-width:639px){.disposition-modal-overlay{padding:var(--space-2)}.disposition-modal{border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-4) var(--space-3)}.disposition-header{gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.disposition-header h2{margin:0}.disposition-back-btn,.disposition-header h2{font-size:var(--text-sm)}.disposition-contact{margin-bottom:var(--space-4);padding:var(--space-3)}.contact-avatar{height:44px;width:44px}.contact-avatar,.contact-name{font-size:var(--text-sm)}.contact-phone{font-size:var(--text-xs)}.duration-value{font-size:var(--text-base)}.disposition-question h3{font-size:var(--text-xs);margin-bottom:var(--space-2)}.options-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.option-btn{font-size:var(--text-xs);padding:var(--space-3) var(--space-2)}.option-icon{font-size:18px;height:36px;width:36px}.option-label{font-size:var(--text-xs)}.follow-up-date{margin-bottom:var(--space-4)}.follow-up-date label{font-size:var(--text-xs)}.follow-up-date input{font-size:var(--text-sm);padding:var(--space-3) var(--space-3)}.disposition-notes{margin-bottom:var(--space-4)}.disposition-notes label{font-size:var(--text-xs)}.notes-input{font-size:var(--text-sm);min-height:90px;padding:var(--space-3) var(--space-3)}.disposition-error{font-size:var(--text-xs);margin-bottom:var(--space-3);padding:var(--space-2.5) var(--space-3)}.disposition-actions{gap:var(--space-2)}.btn{font-size:var(--text-sm);padding:var(--space-3) var(--space-3)}}.call-panel{background:#f5f5f5;display:flex;flex-direction:column;font-family:var(--font-family);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.call-header{align-items:center;background:linear-gradient(135deg,#5b9fd8,#4a8bc2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4) var(--space-5)}.call-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.call-header-status{font-size:var(--text-base);font-weight:var(--font-medium);opacity:.95}.close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--text-2xl);height:32px;justify-content:center;opacity:.8;padding:0;transition:all var(--transition-base);width:32px}.close-btn:active{opacity:1}.call-panel-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-5);overflow-y:auto;padding:var(--space-5)}.contact-info{align-items:flex-start;background:#fff;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;gap:var(--space-4);padding:var(--space-5)}.contact-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:56px;justify-content:center;width:56px}.contact-details{flex:1 1}.contact-name{font-size:var(--text-lg);margin:0 0 var(--space-1) 0}.contact-phone{font-size:var(--text-base);margin:0 0 var(--space-2) 0}.contact-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-first-time,.contact-language{background:#e3f2fd;color:#5b9fd8;padding:var(--space-1) var(--space-2)}.contact-first-time,.contact-language,.international-warning{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium)}.international-warning{background:var(--warning-light);border-left:4px solid var(--warning);color:var(--warning);padding:var(--space-3)}.call-status{background:#fff;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:var(--space-5)}.call-status,.status-indicator{align-items:center;display:flex}.status-indicator{gap:var(--space-2)}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}.status-dot,.status-dot.initializing{background:#fbbf24}.status-dot.registering{background:#3b82f6}.status-dot.ringing{animation:pulse 1s infinite;background:#8b5cf6}.status-dot.connected{animation:pulse 3s infinite;background:#10b981}.status-dot.ended{animation:none;background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:var(--ink);font-size:var(--text-base);font-weight:var(--font-semibold)}.call-timer{text-align:right}.timer-display{color:var(--ink);font-family:Monaco,Courier New,monospace;font-size:var(--text-3xl);font-weight:var(--font-bold)}.timer-label{margin-top:var(--space-1)}.timer-icon{align-items:center;background:#e3f2fd;border-radius:50%;color:#5b9fd8;display:flex;height:48px;justify-content:center;width:48px}.call-controls{background:#fff;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;display:flex;gap:var(--space-3);padding:var(--space-4)}.btn{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);flex:1 1;font-family:inherit;font-size:var(--text-base)}.btn:active{opacity:.8}.btn-end-call{background:#ef4444;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-5);transition:all var(--transition-base);width:100%}.btn-end-call:active{opacity:.9}.call-notes{background:#e3f2fd;border-left:4px solid #5b9fd8;border-radius:var(--radius-sm);margin-top:auto;padding:var(--space-4)}.call-notes p{color:#0f5a8f;font-size:var(--text-base);line-height:var(--line-height-normal);margin:0}.call-notes strong{font-weight:var(--font-semibold)}.call-error-alert{align-items:center;background:#fee2e2;border-left:4px solid #ef4444;border-radius:var(--radius-sm);color:#991b1b;font-size:var(--text-base)}.audio-permission-request,.call-error-alert{display:flex;gap:var(--space-3);padding:var(--space-4)}.audio-permission-request{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--radius-md);flex-direction:column;text-align:center}.audio-permission-request p{color:#0c4a6e;font-size:var(--text-base);margin:0}.btn-enable-audio{background:#5b9fd8;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.btn-enable-audio:active{opacity:.9}.btn-end-call:disabled,.close-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.call-header{padding:var(--space-3) var(--space-4)}.call-header h2{font-size:var(--text-base)}.call-panel-content{gap:var(--space-4)}.call-panel-content,.contact-info{padding:var(--space-4)}.contact-details{flex:1 1}.call-status{padding:var(--space-4)}.timer-display{font-size:var(--text-2xl)}.call-controls{flex-direction:column}.btn,.btn-end-call,.call-controls{padding:var(--space-3)}.btn-end-call{font-size:var(--text-base)}}.dashboard-layout{background-color:var(--paper-soft);display:flex;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.main-content{flex:1 1;overflow-y:auto;padding:var(--space-6) var(--space-7)}.page-mobile{background-color:var(--paper-soft);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,sans-serif;min-height:100vh}.mobile-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-3);padding-bottom:120px}.mobile-topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:52px var(--space-4) var(--space-4)}.mobile-topbar-greeting{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.2px}.mobile-topbar-name{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:-.4px;margin-top:2px}.mobile-topbar-region{color:var(--ink-soft);font-size:var(--text-xs);margin-top:3px}.mobile-topbar-actions{align-items:center;display:flex;gap:var(--space-2)}.mobile-icon-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer;display:flex;font-family:inherit;height:38px;justify-content:center;padding:0;position:relative;width:38px}.mobile-notification-badge{background:var(--secondary);border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:9px;top:8px;width:8px}.mobile-avatar-wrapper{position:relative}.mobile-avatar-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:all var(--transition-base);width:38px}.mobile-avatar-btn:active{transform:scale(.95)}.mobile-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:var(--text-xs);font-weight:var(--font-bold);height:38px;justify-content:center;width:38px}.mobile-avatar-menu{animation:slideDown var(--transition-base);background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 4px 12px -2px #0000001a;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{align-items:center;background:#0000;border:none;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-base);width:100%}.mobile-menu-item:active{background-color:var(--paper-soft)}.mobile-error-banner{align-items:center;background:var(--error-light);border:1px solid rgba(var(--error),.4);gap:var(--space-2);padding:var(--space-3) var(--space-3)}.mobile-call-error,.mobile-error-banner{border-radius:var(--radius-md);display:flex;margin:0 var(--space-3) var(--space-3)}.mobile-call-error{align-items:flex-start;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px -2px #ef44444d;color:#fff;gap:var(--space-3);padding:var(--space-4) var(--space-4)}.call-error-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.call-error-message{font-size:var(--text-base);font-weight:var(--font-semibold)}.call-error-detail{font-size:var(--text-sm);opacity:.95}.call-error-dismiss{background:#0000;border:none;color:#fff;cursor:pointer;flex-shrink:0;font-size:var(--text-lg);opacity:.8;padding:0;transition:opacity var(--transition-base)}.call-error-dismiss:active{opacity:1}.mobile-error-text{color:var(--error);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium)}.mobile-error-refresh{align-items:center;background:var(--secondary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:4px;padding:var(--space-1) var(--space-2)}.mobile-hero-card{background:linear-gradient(155deg,var(--secondary) 0,var(--secondary-dark) 100%);border-radius:var(--radius-lg);color:#fff;overflow:hidden;padding:var(--space-4);position:relative}.mobile-hero-card:before{border:1.5px solid #ffffff26;border-radius:50%;content:"";height:160px;position:absolute;right:-50px;top:-50px;width:160px;z-index:1}.mobile-hero-header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;position:relative;z-index:2}.mobile-hero-label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:1.4px;opacity:.9;text-transform:uppercase}.mobile-hero-text{font-size:var(--text-sm);margin-top:4px;opacity:.92}.mobile-hero-text strong{font-weight:var(--font-semibold)}.mobile-progress-ring{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.mobile-progress-text{position:absolute;text-align:center;z-index:2}.mobile-progress-percent{font-size:var(--text-sm);font-weight:var(--font-bold)}.mobile-hero-stats{display:flex;gap:var(--space-5);margin-top:var(--space-4);position:relative;z-index:2}.mobile-stat{flex:1 1}.mobile-stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);opacity:.85}.mobile-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.4px;margin-top:2px}.mobile-hero-button{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);color:var(--secondary-dark);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-bold);gap:var(--space-2);justify-content:center;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);position:relative;transition:all var(--transition-base);width:100%;z-index:2}.mobile-hero-button:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.mobile-hero-button:disabled{cursor:not-allowed;opacity:.6}.mobile-tiles-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.mobile-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.mobile-tile-icon{align-items:center;background:var(--secondary-light);border-radius:var(--radius-sm);color:var(--secondary);display:flex;height:32px;justify-content:center;width:32px}.mobile-tile-label{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-medium)}.mobile-tile-value{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.4px}.mobile-resources-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4)}.mobile-resources-title{color:var(--ink);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:-.3px;margin-bottom:var(--space-4)}.mobile-resource-item{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;font-family:inherit;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) 0;text-align:left;transition:all var(--transition-base);width:100%}.mobile-resource-item>div{flex:1 1}.mobile-resource-item.with-border{border-bottom:1px solid var(--line)}.mobile-resource-item:last-child{border-bottom:none}.mobile-resource-item:active{opacity:.8}.mobile-resource-title{color:#5b9fd8;display:block;font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.mobile-resource-sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:2px}.welcome-section{margin-bottom:var(--space-8)}.welcome-header{padding:0}.welcome-section h1{color:var(--ink);font-size:var(--text-5xl);font-weight:var(--font-bold);letter-spacing:-.3px;margin:0 0 var(--space-2) 0}.campus-label{color:var(--ink-soft);font-size:var(--text-lg);margin:0 0 var(--space-1) 0}.campaign-label{color:var(--ink-soft);margin:0}.alert,.campaign-label{font-size:var(--text-base)}.alert{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.alert-critical,.alert-error{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.error-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.error-message{font-weight:var(--font-semibold)}.error-detail{font-size:var(--text-sm);opacity:.9}.retry-info{font-size:var(--text-sm);opacity:.85}.btn-dismiss{background:#0000;border:none;color:currentColor;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-left:var(--space-3);padding:var(--space-2);text-decoration:underline;white-space:nowrap}.btn-dismiss:hover{opacity:.8}.commitment-card{background:linear-gradient(155deg,var(--secondary) 0,var(--secondary-dark) 100%);border:none;border-radius:var(--radius-xl);box-shadow:0 12px 32px -6px #ef935340;color:#fff;margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-7);position:relative}.commitment-card:before{border:1.5px solid #ffffff29;border-radius:50%;content:"";height:240px;position:absolute;right:-80px;top:-80px;width:240px;z-index:1}.commitment-card:after{border:1.5px solid #ffffff1a;border-radius:50%;content:"";height:380px;position:absolute;right:-160px;top:-160px;width:380px;z-index:0}.commitment-info{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-7);position:relative;z-index:2}.commitment-info h2{color:#fff;font-size:var(--text-xl);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:1.4px;margin:0;opacity:.92;text-transform:uppercase}.commitment-text{color:#fff;font-size:var(--text-base);margin:var(--space-3) 0 var(--space-6) 0;opacity:.92}.commitment-text strong{color:#fff;font-weight:var(--font-semibold)}.progress-container{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;position:relative;width:120px}.progress-container svg{height:100%;left:0;position:absolute;top:0;width:100%}.progress-bar{height:100%;position:relative;width:100%}.progress-bar svg{height:100%;transform:rotate(-90deg);width:100%}.progress-fill{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.progress-percent{color:#fff;display:block;font-size:36px;font-weight:var(--font-bold);letter-spacing:-.6px;line-height:1}.progress-percent-label{color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.4px;margin-top:4px;opacity:.85;text-transform:uppercase}.progress-stats{grid-gap:var(--space-9);display:grid;gap:var(--space-9);grid-template-columns:repeat(3,1fr);margin-top:var(--space-7);position:relative;z-index:2}.stat{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.stat-label{color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.3px;margin-bottom:var(--space-2);opacity:.85;text-transform:capitalize}.stat-value{font-feature-settings:"tnum";color:#fff;font-size:var(--text-5xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold);letter-spacing:-.8px}.today-progress{border-top:1px solid #fff3;color:#fff;font-size:var(--text-base);margin:var(--space-6) 0 0 0;opacity:.95;padding-top:var(--space-6);position:relative;z-index:2}.commitment-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);position:relative;z-index:2}.commitment-actions button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-base)}.commitment-actions .btn-white{background-color:#fff;color:var(--secondary-dark)}.commitment-actions .btn-white:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.commitment-actions .btn-transparent{background-color:#ffffff26;border:1px solid #ffffff4d;color:#fff}.commitment-actions .btn-transparent:hover{background-color:#ffffff40}.call-metrics{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-base);margin-bottom:var(--space-7);padding:var(--space-6)}.call-metrics h3{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.metrics-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.metric-card{align-items:center;background-color:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-base)}.metric-card:hover{border-color:var(--secondary);box-shadow:var(--shadow-sm)}.metric-icon{flex-shrink:0;font-size:var(--text-2xl);min-width:32px;text-align:center}.metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.metric-label{color:var(--ink-soft);font-size:var(--text-sm)}.metric-value{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-bold)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-7)}.btn{align-items:center;border-radius:var(--radius-2xl);display:flex;gap:var(--space-2);justify-content:center}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--paper-soft);border-color:var(--secondary);box-shadow:var(--shadow-base);transform:translateY(-1px)}.btn-primary-gradient{align-items:center;background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 6px 14px -6px #ef935366;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.btn-primary-gradient:hover:not(:disabled){box-shadow:0 8px 18px -6px #ef935380;transform:translateY(-1px)}.btn-primary-gradient:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-links{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-base);padding:var(--space-6)}.quick-links h3{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.3px;margin:0 0 var(--space-4) 0}.quick-links-grid{display:flex;flex-direction:column;gap:0}.quick-link{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--line);border-radius:0;color:#5b9fd8;cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-3);justify-content:space-between;padding:var(--space-4) 0;text-decoration:none;transition:all var(--transition-base);width:100%}.quick-link:last-child{border-bottom:none}.quick-link:hover{color:#4a8bc2}.quick-link span{flex:1 1}.loading{font-size:var(--text-lg);min-height:400px}.error{font-size:var(--text-base);padding:var(--space-4);text-align:center}.desktop-call-error{animation:slideDown var(--transition-base);margin-bottom:var(--space-6);padding:0}.call-error-header{align-items:flex-start;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:var(--radius-md);box-shadow:0 4px 16px -2px #ef44444d;color:#fff;display:flex;gap:var(--space-4);padding:var(--space-5) var(--space-6)}.call-error-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.call-error-body{flex:1 1}.call-error-body h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.call-error-body p{font-size:var(--text-base);margin:0;opacity:.95}.call-error-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-lg);height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.call-error-close:hover{background:#ffffff4d}.stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.stat-card{border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-base);padding:var(--space-5);text-align:center}.stat-card h3{color:var(--secondary);font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.stat-card p{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.volunteers-section{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-base);padding:var(--space-6)}.volunteers-section h2{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.volunteers-list{display:flex;flex-direction:column;gap:var(--space-3)}.volunteer-item{align-items:center;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.volunteer-item:hover{background-color:var(--secondary-light);border-color:var(--secondary);box-shadow:var(--shadow-sm)}.volunteer-info h4{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.volunteer-info p{color:var(--ink-soft);font-size:var(--text-xs);margin:0}.volunteer-badge{background-color:var(--secondary);border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);white-space:nowrap}@media (max-width:1023px){.main-content{padding:var(--space-5) var(--space-5)}.welcome-section h1{font-size:var(--text-4xl)}.commitment-card{padding:var(--space-5)}.metrics-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.main-content{padding:var(--space-4) var(--space-3)}.welcome-section{margin-bottom:var(--space-6)}.welcome-section h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.campaign-label,.campus-label{font-size:var(--text-sm)}.commitment-card{margin-bottom:var(--space-5);padding:var(--space-4)}.commitment-info h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}.commitment-text{font-size:var(--text-base);margin-bottom:var(--space-4)}.progress-stats{gap:var(--space-3);grid-template-columns:1fr;padding-top:var(--space-4)}.stat-value{font-size:var(--text-2xl)}.today-progress{font-size:var(--text-sm);margin-top:var(--space-4);padding-top:var(--space-4)}.call-metrics{margin-bottom:var(--space-5);padding:var(--space-4)}.call-metrics h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.metrics-grid{gap:var(--space-2);grid-template-columns:1fr}.metric-card{padding:var(--space-3)}.metric-icon{font-size:var(--text-2xl)}.metric-label{font-size:var(--text-xs)}.metric-value{font-size:var(--text-xl)}.action-buttons{gap:var(--space-2);margin-bottom:var(--space-5)}.btn{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.quick-links{padding:var(--space-4)}.quick-links h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.quick-link{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.quick-link:hover{transform:translateX(1px)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-card h3{font-size:var(--text-3xl)}.stat-card p{font-size:var(--text-xs)}.volunteer-item{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.volunteer-info{width:100%}.volunteer-badge{align-self:flex-start}}@media (max-width:480px){.main-content{padding:var(--space-3) var(--space-2)}.welcome-section h1{font-size:var(--text-xl)}.welcome-section{margin-bottom:var(--space-5)}.commitment-card{margin-bottom:var(--space-4);padding:var(--space-3)}.commitment-text{font-size:var(--text-sm)}.stat-value{font-size:var(--text-2xl)}.btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.metric-card{gap:var(--space-2);padding:var(--space-2)}.metric-icon{font-size:var(--text-xl)}.metric-value{font-size:var(--text-lg)}}.admin-header{sticky:top 0;background-color:#fff;border-bottom:1px solid #e8e8e8;padding:16px 24px;z-index:99}.admin-header-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.header-left-section{display:flex;flex-direction:column;gap:4px;min-width:250px}.header-breadcrumb{color:#999;font-size:12px;letter-spacing:0;text-transform:none}.header-page-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.header-search-section{flex:1 1;max-width:300px}.header-search-input{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.header-search-input:focus{background:#fff;border-color:#2196f3;outline:none}.header-search-input::placeholder{color:#999}.header-right-section{align-items:center;display:flex;gap:12px}.language-selector{background:#fff;border:1px solid #ddd;color:#333}.language-selector:hover{border-color:#bbb}.language-selector:focus{border-color:#2196f3;outline:none}.updates-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.updates-button:hover{background:#f5f5f5;border-color:#bbb}.updates-button .badge{background:#f44336;border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.export-button{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.header{background-color:#fff;border-bottom:1px solid var(--border);padding:12px 20px;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:var(--primary);font-size:28px;font-weight:600}.header-spacer{flex:1 1}.logout-btn{background-color:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.logout-btn:hover{background-color:var(--border)}@media (max-width:1024px){.admin-header-content{flex-wrap:wrap}.header-left-section{flex:1 1;min-width:auto}.header-search-section{flex:0 1 100%;max-width:100%;order:3}}@media (max-width:640px){.admin-header{padding:12px 16px}.admin-header-content{gap:8px}.header-left-section{display:none}.header-right-section{gap:8px}.export-button,.updates-button{font-size:12px;padding:6px 10px}.language-selector{font-size:12px;padding:6px 8px}.header{padding:12px 16px}.logo{font-size:24px}.logout-btn{font-size:12px;padding:6px 12px}}.super-admin-container{background:#f5f7fa;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:sticky;top:0;transition:width .3s ease;width:220px}.admin-sidebar.collapsed{width:70px}.sidebar-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px}.sidebar-header,.sidebar-toggle-btn{align-items:center;display:flex;justify-content:center}.sidebar-toggle-btn{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;height:36px;padding:8px;transition:all .2s ease;width:36px}.sidebar-toggle-btn:hover{background:#f5f7fa;border-color:#ccc;color:#333}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 0}.nav-section{margin-bottom:24px}.nav-section-title{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;overflow:hidden;padding:0 16px;text-transform:uppercase;white-space:nowrap}.nav-items{list-style:none;margin:0;padding:0}.nav-item{border-left:3px solid #0000;color:#666;display:block;font-size:14px;overflow:hidden;padding:10px 16px;text-decoration:none;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.admin-sidebar.collapsed .nav-item{overflow:hidden;padding:10px 6px;text-indent:-9999px}.nav-item:hover{background-color:#f5f7fa;color:#333}.nav-item.active{border-left-color:#2196f3;color:#2196f3;font-weight:500}.admin-sidebar.collapsed .nav-item.active,.nav-item.active{background-color:#e8f5ff}.nav-submenu{background:#f9fafb;border-left:2px solid #e0e0e0;list-style:none;margin:0 0 0 8px;padding:0}.nav-subitem{color:#777!important;font-size:13px!important;padding-left:24px!important}.nav-subitem:hover{background-color:#f0f0f0!important}.nav-subitem.active{background-color:#e8f5ff!important;border-left-color:#2196f3!important;color:#2196f3!important}.sidebar-profile{align-items:center;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;gap:12px;padding:16px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#e8944b,#d87d3f);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.profile-info{flex:1 1}.profile-name{color:#1a1a1a;font-size:13px;font-weight:600;margin:0}.profile-email{color:#999;font-size:11px;margin:2px 0 0}.profile-menu-wrapper{position:relative}.profile-menu-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:color .2s ease;width:24px}.profile-menu-btn:hover{color:#333}.profile-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:8px;min-width:160px;position:absolute;right:0;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f5f7fa}.dropdown-item.logout-item:hover{background:#ffebee;color:#c62828}.sidebar-hamburger{display:none}.super-admin-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.admin-header-bar{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;flex-shrink:0;gap:32px;justify-content:space-between;padding:16px 32px}.header-breadcrumb{display:flex;flex-direction:column;gap:4px;min-width:300px}.breadcrumb-text{color:#999;font-size:12px;font-weight:500;text-transform:capitalize}.header-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0}.header-left{flex:1 1;max-width:350px}.header-search{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:6px;color:#666;font-size:14px;outline:none;padding:10px 16px;transition:all .2s ease;width:100%}.header-search:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.header-search::placeholder{color:#999}.header-right{align-items:center;display:flex;gap:12px;white-space:nowrap}.language-selector{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;font-weight:500;outline:none;padding:8px 12px;transition:all .2s ease}.language-selector:hover{color:#333}.language-selector:focus{background:#f5f7fa}.export-button,.updates-button{align-items:center;background:#f5f7fa;border:none;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;position:relative;transition:all .2s ease}.export-button{background:#2196f3;color:#fff}.updates-button:hover{background:#e8eff7}.export-button:hover{background:#1976d2}.export-button:active,.updates-button:active{transform:scale(.98)}.badge{align-items:center;background:#e74c3c;border-radius:50%;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;width:18px}.super-admin-content{flex:1 1;margin:0 auto;max-width:1400px;padding:32px;width:100%}.all-campuses-section{border-bottom:1px solid #e8e8e8;margin-bottom:32px;padding-bottom:24px}.section-subtitle{color:#666;font-size:14px;margin:0}.top-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.metric-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:24px}.metric-label{font-size:13px;font-weight:500;margin-bottom:8px;text-transform:capitalize}.metric-value{font-size:28px;margin:0}.metric-trend{font-size:13px;font-weight:600;margin-top:8px}.metric-trend.positive{color:#4caf50}.metric-trend.negative{color:#f44336}.goal-and-chart-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:32px}.monthly-goal-card{background:linear-gradient(135deg,#e8944b,#d87d3f);border-radius:12px;box-shadow:0 4px 12px #e8944b33;color:#fff;display:flex;flex-direction:column;gap:24px;padding:32px}.goal-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.goal-title{font-size:12px;font-weight:700;letter-spacing:1px;margin:0;opacity:.95}.goal-status-badge{background:#ffffff40;padding:6px 12px;white-space:nowrap}.goal-main{display:flex;flex-direction:column;gap:16px}.goal-numbers{align-items:baseline;display:flex;gap:8px}.goal-current{font-size:48px;font-weight:700;line-height:1}.goal-target{font-size:16px;font-weight:600;opacity:.9}.goal-progress-section{display:flex;flex-direction:column;gap:12px}.goal-percent{font-size:14px;font-weight:600;opacity:.95}.goal-progress-bar{background:#ffffff4d;border-radius:4px;height:8px;overflow:hidden;width:100%}.goal-progress-fill{background:#fff;height:100%;transition:width .3s ease}.goal-remaining{font-size:13px;opacity:.9}.goal-daily-stats{border-top:1px solid #fff3;display:flex;gap:12px;justify-content:space-between;padding-top:16px}.daily-stat{flex:1 1;text-align:center}.daily-stat .stat-label{color:#fff;font-size:11px;margin-bottom:4px;opacity:.8;text-transform:capitalize}.daily-stat .stat-value{color:#fff;font-size:20px;font-weight:700}.daily-calls-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:24px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-title{font-weight:600;margin:0}.chart-period-buttons{display:flex;gap:8px}.chart-period-buttons button{background:#f5f7fa;border:1px solid #e8e8e8;border-radius:4px;color:#666;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.chart-period-buttons button:hover{background:#e8eff7}.chart-period-buttons button.active{background:#5b9dd9;border-color:#5b9dd9;color:#fff}.chart-success-message{background:#e8f5e9;border-left:3px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:13px;margin-top:16px;padding:12px 16px}.regions-table-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:32px;overflow-x:auto;padding:24px}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.table-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.manage-link{color:#2196f3;font-size:13px;font-weight:600;text-decoration:none}.manage-link:hover{text-decoration:underline}.regions-table{border-collapse:collapse;width:100%}.regions-table thead{background:#f5f7fa;border-bottom:1px solid #e8e8e8}.regions-table th{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.regions-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.regions-table tbody tr:hover{background:#fafafa}.regions-table td{color:#1a1a1a;font-size:14px;padding:16px}.region-name{font-weight:600}.progress-cell{align-items:center;display:flex;gap:12px}.progress-bar-small{background:#e8e8e8;border-radius:3px;height:6px;overflow:hidden;width:100px}.progress-fill-small{background:#4caf50;height:100%}.progress-text{font-size:12px;white-space:nowrap}.status-badge{padding:4px 10px}.status-on-track{background:#e8f5e9;color:#2e7d32}.status-at-risk{background:#fff3e0;color:#e65100}.status-behind{background:#ffebee;color:#c62828}.top-leaders-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:24px}.leaders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.leaders-title{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.view-all-link{color:#2196f3;font-size:13px;font-weight:600;text-decoration:none}.view-all-link:hover{text-decoration:underline}.leaders-list{display:flex;flex-direction:column;gap:16px}.leader-item{align-items:center;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s ease}.leader-item:hover{background:#f5f7fa}.leader-rank{color:#999;font-size:16px;font-weight:700;text-align:center;width:24px}.leader-avatar{align-items:center;background:linear-gradient(135deg,#e8944b,#d87d3f);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.leader-info{flex:1 1}.leader-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0}.leader-campus{color:#999;font-size:12px;margin:4px 0 0}.leader-calls{color:#1a1a1a;font-size:18px;font-weight:700}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e8e8e8;border-radius:50%;border-top-color:#2196f3;height:40px;width:40px}.error-container p,.loading-container p{color:#666;font-size:16px}.retry-button{background-color:#2196f3;border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.retry-button:hover{background-color:#1976d2}@media (max-width:1023px){.admin-header-bar{flex-wrap:wrap;gap:16px;padding:12px 24px}.header-breadcrumb{flex:0 0 100%;min-width:auto;order:1}.header-left{flex:1 1;max-width:100%;order:2}.header-right{gap:8px;order:3}.super-admin-container{flex-direction:column}.admin-sidebar{align-items:center;border-bottom:1px solid #e0e0e0;border-right:none;flex-direction:row;height:auto;max-height:70px;position:relative;width:100%}.sidebar-logo{border-bottom:none;border-right:1px solid #e0e0e0;padding:16px}.sidebar-nav{display:flex;flex:1 1;gap:32px;overflow-x:auto;padding:0 24px}.nav-section{margin:0;white-space:nowrap}.nav-section-title{display:none}.nav-items{display:flex;gap:24px}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:16px 0}.nav-item.active{background:none;border-bottom:3px solid #2196f3;border-left:none}.sidebar-profile{border-left:1px solid #e8e8e8;border-top:none;padding:0 24px}.super-admin-content{padding:24px}.goal-and-chart-container{grid-template-columns:1fr}.top-metrics-grid{grid-template-columns:repeat(2,1fr)}.page-title{font-size:24px}}@media (max-width:767px){.admin-header-bar{flex-wrap:wrap;gap:12px;padding:12px 16px}.header-breadcrumb{flex:0 0 100%;min-width:auto;order:1}.breadcrumb-text{display:none}.header-title{font-size:16px}.header-left{flex:1 1;order:2}.header-search{font-size:13px;padding:8px 12px}.header-right{flex:0 0 100%;gap:8px;justify-content:flex-end;order:3}.export-button,.updates-button{font-size:12px;padding:8px 12px}.super-admin-content{padding:16px}.admin-sidebar{display:none}.sidebar-hamburger{display:flex;left:16px;position:fixed;top:16px;z-index:1000}.top-metrics-grid{gap:12px;grid-template-columns:1fr}.page-title{font-size:20px}.breadcrumb{font-size:12px}.monthly-goal-card{padding:20px}.goal-current{font-size:36px}.goal-daily-stats{flex-direction:column;gap:8px}.daily-calls-section{padding:16px}.regions-table-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.regions-table td,.regions-table th{font-size:12px;padding:12px 8px}.top-leaders-section{padding:16px}}@media (max-width:639px){.admin-header-bar{gap:10px;padding:10px 12px}.header-title{font-size:14px}.header-search{font-size:12px;padding:6px 10px}.export-button,.updates-button{font-size:11px;padding:6px 10px}.language-selector{font-size:11px;padding:6px 8px}.super-admin-content{padding:12px}.section-subtitle{font-size:12px}.metric-card{padding:16px}.metric-value{font-size:24px}.monthly-goal-card{padding:16px}.goal-current{font-size:32px}.goal-target{font-size:14px}.chart-header{align-items:flex-start;flex-direction:column;gap:12px}.regions-table td,.regions-table th{font-size:11px;padding:8px}.progress-bar-small{width:60px}.leader-item{padding:8px}.leader-avatar{font-size:11px;height:32px;width:32px}.leader-name{font-size:13px}.leader-calls{font-size:16px}}.admin-page-container{margin:0 auto;max-width:1400px;width:100%}.admin-page-header{align-items:flex-start}.header-title-section{flex:1 1}.page-title{font-size:28px}.modern-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#d87d3f,#c86e35);box-shadow:0 2px 8px #e8944b4d}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#f5f7fa;border:1px solid #e0e0e0}.btn-secondary:hover{background:#e8eff7;border-color:#ccc}.btn-icon-inline{display:inline-flex;margin-right:2px}.btn-icon-inline,.icon-btn{align-items:center;justify-content:center}.icon-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:4px;transition:all .2s ease}.icon-btn:hover{background:#f0f0f0}.icon-btn:active{transform:scale(.92)}.company-goal-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:32px;padding:24px}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.company-goal-card{display:flex;flex-direction:column;gap:20px}.goal-header-info{grid-gap:16px;border-bottom:1px solid #f0f0f0;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding-bottom:16px}.goal-info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:14px;font-weight:600}.goal-metric-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric{background:#f5f7fa;border-radius:8px;padding:12px;text-align:center}.metric-label{color:#999;font-size:12px;font-weight:600;margin-bottom:4px}.metric-value{color:#1a1a1a;font-size:20px;font-weight:700}.metric-status{font-size:16px;font-weight:700}.goal-progress-bar-lg{display:flex;flex-direction:column;gap:8px}.progress-bar-bg{background:#f0f0f0;border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:13px;font-weight:600;text-align:center}.campus-goals-section{margin-bottom:32px}.section-subtitle{color:#999;font-size:13px;font-weight:500;margin:8px 0 20px}.campus-goals-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.goals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.goal-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s ease}.goal-card:hover{border-color:#2196f3;box-shadow:0 4px 16px #2196f31a}.goal-card-header{align-items:start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.goal-title-block{display:flex;flex:1 1;flex-direction:column;gap:6px}.goal-campus{color:#1a1a1a;font-size:16px;font-weight:700}.derived-badge{background:#e8f5ff;border-radius:4px;color:#2196f3;font-size:11px;font-weight:600;padding:2px 8px;width:fit-content}.goal-region{color:#1a1a1a;font-size:16px;font-weight:700}.goal-status-badge{border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.goal-card-meta{border-bottom:1px solid #f0f0f0;margin-bottom:16px;padding-bottom:16px}.meta-item{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.meta-label{color:#999;font-weight:500}.meta-value{color:#333;font-weight:600}.goal-progress-section{margin-bottom:16px}.progress-numbers{align-items:baseline;display:flex;gap:4px;margin-bottom:8px}.progress-current{color:#1a1a1a;font-size:18px;font-weight:700}.progress-target{color:#999;font-size:14px}.progress-bar-container{align-items:center;display:flex;gap:12px}.progress-bar{background:#f0f0f0;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2196f3,#1976d2);height:100%}.progress-percent{color:#2196f3;font-size:13px;font-weight:600;min-width:35px;text-align:right}.goal-card-actions{display:flex;gap:8px;justify-content:flex-end}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e0e0e0;transition:all .2s ease;width:100%}.form-row{grid-gap:20px;gap:20px}.form-group.checkbox label{font-weight:500;margin-bottom:0}.form-group.checkbox input{width:auto}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{padding:20px 24px}.modal-header h2{font-weight:700}.goal-form{padding:24px}.settings-tabs{border-bottom:1px solid #e0e0e0;gap:0;margin-bottom:32px}.tab-btn{bottom:-1px;font-weight:600;padding:16px 20px;position:relative}.settings-content{min-height:400px}.settings-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.section-title{color:#1a1a1a;font-weight:700}.settings-form{gap:20px}.success-notification{background:#4caf50;border-radius:8px;box-shadow:0 4px 12px #4caf504d;color:#fff;font-weight:600;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1001}.reports-filters{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:24px;margin-bottom:32px;padding:20px}.filter-group{align-items:center;display:flex;gap:12px}.filter-group label{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.filter-group select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.stats-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.stat-card{align-items:flex-start;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#2196f3;box-shadow:0 4px 12px #2196f31a}.stat-icon{align-items:center;background:#f5f7fa;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-label{color:#999;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a1a1a;font-size:24px;font-weight:700}.stat-percentage{color:#666;font-size:12px;margin-top:4px}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.chart-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 16px}.report-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:32px;overflow:hidden}.section-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.table-container{overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table thead{background:#f5f7fa}.reports-table th{border-bottom:1px solid #e0e0e0;color:#666;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.reports-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:16px 20px}.reports-table tbody tr:hover{background:#f9fafb}.reports-table td.numeric{font-weight:600;text-align:right}.rank-badge{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;min-width:30px;padding:4px 8px;text-align:center}.status-note{background:#fff9e6;border-left:4px solid #ffc107;border-radius:8px;margin-top:32px;padding:16px 20px}.status-note p{color:#704000;font-size:13px;line-height:1.5}.status-note strong{color:#704000}@media (max-width:768px){.admin-page-header{flex-direction:column}.charts-grid,.form-row,.goals-grid,.stats-cards-container{grid-template-columns:1fr}.reports-filters{flex-direction:column}}.form-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}.form-modal{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.form-modal-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:24px}.form-modal-header h2{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.form-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:color .2s ease;width:24px}.form-modal-close:hover{color:#333}.form-modal-body{flex:1 1;overflow-y:auto;padding:24px}.form-modal-error{background:#ffebee;border-radius:6px;color:#c62828;font-size:14px;margin-bottom:16px;padding:12px 16px}.form-row{grid-gap:16px;gap:16px}.form-group{margin-bottom:16px}.form-group label{font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;color:#333;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f44336}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.form-error{color:#f44336;font-size:12px;margin-top:4px}.form-group textarea{min-height:80px;resize:vertical}.form-modal-footer{background:#fafafa;border-top:1px solid #e8e8e8;display:flex;gap:12px;padding:16px 24px}.btn-primary,.btn-secondary{border-radius:6px;padding:10px 20px}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e8944b4d}.bulk-import-modal{max-width:700px}.bulk-import-section{display:flex;flex-direction:column;gap:16px}.upload-area{background:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s ease}.upload-area:hover{background:#f0f7ff;border-color:#2196f3}.upload-label{cursor:pointer}.upload-icon{font-size:48px;margin-bottom:12px}.upload-title{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.upload-subtitle{color:#999;font-size:13px;margin:0}.upload-format-help{background:#f5f5f5;border-radius:6px;font-size:13px;padding:16px}.upload-format-help h4{color:#333;font-size:13px;margin:0 0 8px}.upload-format-help code{background:#fff;border-radius:4px;color:#d63384;display:block;font-size:12px;padding:8px 12px;word-break:break-all}.format-note{color:#999;font-size:12px;margin:8px 0 0}.preview-info{background:#f5f5f5;border-radius:6px;font-size:13px;padding:16px}.preview-info p{margin:0 0 8px}.preview-info p:last-child{margin-bottom:0}.preview-info strong{color:#333;font-weight:600}.preview-table-wrapper{border:1px solid #ddd;border-radius:6px;max-height:300px;overflow-x:auto;overflow-y:auto}.preview-table{border-collapse:collapse;font-size:12px;width:100%}.preview-table thead{background:#f5f5f5;position:sticky;top:0}.preview-table th{border-bottom:1px solid #ddd;color:#333;font-weight:600;padding:8px;text-align:left}.preview-table td{border-bottom:1px solid #eee;color:#666;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.preview-table tbody tr:hover{background:#fafafa}.preview-note{color:#999;font-size:12px;margin:8px 0 0;text-align:center}.import-spinner{animation:spin 1s linear infinite;font-size:48px}.results-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.result-stat{border-radius:8px;color:#fff;padding:20px;text-align:center}.result-stat.success{background:linear-gradient(135deg,#4caf50,#45a049)}.result-stat.warning{background:linear-gradient(135deg,#ff9800,#e68900)}.result-stat.info{background:linear-gradient(135deg,#2196f3,#0b7dda)}.stat-number{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{font-size:12px;opacity:.9}.errors-section{background:#fff3e0;border:1px solid #ffe0b2;border-radius:6px;padding:16px}.errors-section h4{color:#e65100;font-size:14px;margin:0 0 12px}.errors-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.error-item{background:#fff;border-left:3px solid #ff9800;border-radius:4px;display:flex;font-size:12px;gap:12px;padding:8px}.error-index{color:#e65100;font-weight:600;min-width:50px}.error-details{flex:1 1}.error-email{color:#333;font-family:monospace;margin:0 0 2px;word-break:break-all}.error-message{color:#999;font-style:italic;margin:0}@media (max-width:640px){.form-modal{border-radius:0;max-height:100vh;max-width:100%}.form-row{grid-template-columns:1fr}.form-modal-body,.form-modal-footer,.form-modal-header{padding:16px}.results-summary{grid-template-columns:1fr}.upload-area{padding:20px 10px}.upload-icon{font-size:36px}}.admin-page{background:#f5f7fa;padding:32px}.page-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.page-title{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.page-subtitle{color:#666;font-size:14px;margin:0}.btn-primary{background:linear-gradient(135deg,#e8944b,#d87d3f);padding:12px 24px;white-space:nowrap}.btn-primary:hover{box-shadow:0 4px 12px #e8944b4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-icon{background:#f5f7fa;border:1px solid #e0e0e0;border-radius:4px;font-size:16px;padding:6px 10px;transition:all .2s ease}.btn-icon:hover{background:#e8eff7;border-color:#d0d0d0}.btn-icon.btn-danger:hover{background:#ffebee;border-color:#ff5252}.admin-controls{display:flex;gap:16px;margin-bottom:24px}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;flex:1 1;font-size:14px;max-width:400px;outline:none;padding:12px 16px;transition:all .2s ease}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.campuses-table-wrapper,.leaders-table-wrapper{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#f5f7fa;border-bottom:1px solid #e8e8e8}.admin-table th{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.admin-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.admin-table tbody tr:hover{background:#fafafa}.admin-table td{color:#333;font-size:14px;padding:16px}.campus-name,.leader-name{color:#1a1a1a;font-weight:600}.text-center{text-align:center}.actions-cell{display:flex;gap:8px;justify-content:center}.status-badge{border-radius:12px;font-size:12px;text-transform:capitalize}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#f5f5f5;color:#666}.empty-state{color:#999;padding:60px 24px}.empty-state p{font-size:16px;margin:0}@media (max-width:1023px){.admin-page{padding:24px}.page-header{align-items:flex-start;flex-direction:column}.admin-table{font-size:13px}.admin-table td,.admin-table th{padding:12px}}@media (max-width:767px){.admin-page{padding:16px}.page-title{font-size:24px}.admin-controls{flex-direction:column}.search-input{max-width:100%}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px}.actions-cell{flex-direction:column;gap:4px}.btn-icon{width:100%}}@media (max-width:639px){.admin-page{padding:12px}.page-title{font-size:20px}.admin-table{font-size:11px}.admin-table td,.admin-table th{padding:6px}.btn-primary{font-size:13px;padding:10px 16px}}.admin-page-container{background:#f5f7fa;padding:32px}.admin-page-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-title-section h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.header-title-section p{color:#666;font-size:14px;margin:0}.settings-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e0e0e0;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:#333}.tab-btn.active{border-bottom-color:#2196f3;color:#2196f3}.settings-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:32px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.section-title{color:#333;font-size:18px;font-weight:600;margin:0 0 24px}.settings-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-group.checkbox{align-items:center;flex-direction:row;gap:8px;margin-top:8px}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px;margin:0}.form-group.checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.security-subsection{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:24px;padding:20px}.security-subsection h3{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.security-subsection p{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.subsection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.subsection-header>div:first-child h3{margin-bottom:4px}.subsection-header>div:first-child p{color:#999;font-size:13px;margin:0}.status-badge{border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.status-badge.enabled{background:#e8f5e9;color:#2e7d32}.status-badge.disabled{background:#f5f5f5;color:#666}.info-text{color:#666;font-size:14px;line-height:1.5;margin:0 0 16px}.button-group{flex-wrap:wrap;margin-top:16px}.btn-secondary{border-radius:4px;font-weight:500;padding:10px 16px}.btn-secondary:hover{background:#f5f5f5;border-color:#bbb}.btn-danger{background:#ffebee;border:1px solid #ef5350;border-radius:4px;color:#c62828;font-weight:500;padding:10px 16px}.btn-danger:hover{background:#ffcdd2;border-color:#e53935}.btn-primary{border-radius:4px;padding:10px 16px}.btn-primary:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 2px 8px #2196f34d}.success-notification{animation:slideIn .3s ease;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:14px;font-weight:500;margin-top:24px;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-note{background:#e3f2fd;border-radius:6px;color:#1565c0;font-size:13px;line-height:1.5;margin-top:24px;padding:12px 16px}.status-note p{margin:0}@media (max-width:767px){.admin-page-container{padding:16px}.admin-page-header{flex-direction:column;gap:16px}.settings-content{padding:16px}.form-row{grid-template-columns:1fr}.subsection-header{align-items:flex-start;gap:12px}.button-group,.subsection-header{flex-direction:column}.btn-danger,.btn-primary,.btn-secondary{width:100%}.settings-tabs{margin-bottom:16px}.tab-btn{font-size:13px;padding:10px 16px}}.modal-overlay{padding:20px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid #e8e8e8}.modal-header h2{color:#1a1a1a}.modal-close{color:#999;height:24px;transition:color .2s ease;width:24px}.modal-close:hover:not(:disabled){color:#333}.modal-close:disabled{cursor:not-allowed;opacity:.6}.modal-footer{background:#fafafa;border-top:1px solid #e8e8e8;display:flex;gap:12px;padding:16px 24px}.btn-primary{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-secondary{border-radius:6px;color:#333;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover:not(:disabled){border-color:#ccc}.btn-danger{background:#ff5252;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #ff52524d;transform:translateY(-2px)}.btn-danger:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-footer{flex-direction:column;gap:8px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-2fa{background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:450px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:#333;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-step{display:flex;flex-direction:column;gap:20px}.step-instruction{text-align:center}.step-instruction h3{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.step-instruction p{color:#666;font-size:14px;line-height:1.5;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 0}.spinner{border:3px solid #e0e0e0;border-top-color:#2196f3;height:40px;width:40px}.loading-container p{color:#999;font-size:14px}.qr-section{background:#f9f9f9;border-radius:8px;display:flex;justify-content:center;padding:20px}.qr-code{border:1px solid #e0e0e0;border-radius:4px;height:250px;width:250px}.manual-entry{display:flex;flex-direction:column;gap:8px}.manual-label{color:#666;font-size:13px;font-weight:500;margin:0}.secret-key-box{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;display:flex;gap:8px;padding:12px 14px}.secret-key{color:#333;flex:1 1;font-family:Courier New,monospace;font-size:13px;letter-spacing:2px;margin:0;word-break:break-all}.copy-btn,.copy-btn-small{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.copy-btn-small:hover,.copy-btn:hover{background:#f0f0f0;border-color:#bbb;color:#333}.code-input{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Courier New,monospace;font-size:28px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:border-color .2s ease;width:100%}.code-input:focus{border-color:#2196f3;outline:none}.code-input:disabled{background:#f5f5f5;color:#999}.backup-codes-container{grid-gap:12px;background:#f9f9f9;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px}.backup-code-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;font-size:13px;gap:8px;padding:10px 12px}.backup-code{color:#333;flex:1 1;font-family:Courier New,monospace;font-weight:600;letter-spacing:1px;margin:0}.copy-btn-small{flex-shrink:0;font-size:12px;padding:4px 8px}.warning-box{background:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;color:#e65100;font-size:13px;line-height:1.5;padding:12px 14px}.warning-box strong{display:block;margin-bottom:4px}.button-group{display:flex;gap:12px;justify-content:space-between}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.btn-block{flex:none;width:100%}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 2px 8px #2196f34d}.btn-primary:disabled{background:#ccc}.btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#ffebee;border-radius:4px;color:#c62828;font-size:13px;line-height:1.5;padding:12px 14px}.form-group{gap:8px}.form-group label{color:#333;font-size:13px;font-weight:500}@media (max-width:600px){.modal-2fa{border-radius:12px 12px 0 0;bottom:0;left:0;max-height:90vh;max-width:100%;position:fixed;right:0}.modal-overlay{align-items:flex-end}.qr-code{height:200px;width:200px}.backup-codes-container{grid-template-columns:1fr}.code-input{font-size:24px;letter-spacing:6px}}.modal-overlay-verify{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.modal-verify{background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-width:400px;overflow:hidden;width:100%}.modal-header-verify{align-items:center;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.modal-header-verify h2{color:#333;font-size:18px;font-weight:600;margin:0}.modal-close-verify{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-verify:hover:not(:disabled){background:#e0e0e0;color:#333}.modal-close-verify:disabled{cursor:not-allowed}.modal-body-verify{padding:24px}.description{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.form-group-verify{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.code-input-verify{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:Courier New,monospace;font-size:28px;font-weight:600;letter-spacing:8px;padding:16px;text-align:center;transition:border-color .2s ease;width:100%}.code-input-verify:focus{border-color:#2196f3;outline:none}.code-input-verify:disabled{background:#f5f5f5;color:#999}.error-message-verify{background:#ffebee;border-radius:4px;color:#c62828;font-size:13px;line-height:1.5;margin-bottom:16px;padding:12px 14px}.button-group-verify{display:flex;gap:12px;justify-content:space-between}.btn-primary-verify,.btn-secondary-verify{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.btn-primary-verify{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.btn-primary-verify:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 2px 8px #2196f34d}.btn-primary-verify:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.btn-secondary-verify{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary-verify:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.btn-secondary-verify:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.modal-verify{max-width:100%}.code-input-verify{font-size:24px;letter-spacing:6px}}.resources-page{background-color:var(--paper-soft);display:flex;flex-direction:column;min-height:100vh}.resources-mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4);position:sticky;top:0;z-index:10}.resources-back-btn{align-items:center;background:#0000;border:none;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:0;transition:all var(--transition-base)}.resources-back-btn:active{opacity:.7}.resources-mobile-title{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.3px;margin:0}.resources-main{flex:1 1;overflow-y:auto;padding:var(--space-4)}.resources-subtitle{color:var(--ink-soft);font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-4) 0}.resources-grid{margin-bottom:var(--space-4)}.resource-card,.resources-grid{display:flex;flex-direction:column;gap:var(--space-3)}.resource-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4)}.resource-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.resource-title{color:var(--ink);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:-.2px;margin:0}.resource-description{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.resource-link{align-items:center;background-color:#5b9fd8;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);text-align:center;text-decoration:none;transition:all var(--transition-base);width:100%}.resource-link:active{opacity:.9}.resource-unavailable{align-items:center;background-color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-soft);display:flex;font-size:var(--text-sm);font-style:italic;justify-content:center;padding:var(--space-3) var(--space-4);text-align:center}@media (min-width:769px){.resources-page{background:#fff}.resources-mobile-header{display:none}.resources-main{margin:0 auto;max-width:1200px;padding:var(--space-8) var(--space-10);width:100%}.resources-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.resource-card{padding:var(--space-6)}.resource-link{width:auto}}.report-issue-page{background-color:var(--paper-soft);display:flex;flex-direction:column;min-height:100vh}.report-issue-mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4);position:sticky;top:0;z-index:10}.report-issue-back-btn{align-items:center;background:#0000;border:none;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:0;transition:all var(--transition-base)}.report-issue-back-btn:active{opacity:.7}.report-issue-mobile-title{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.3px;margin:0}.report-issue-main{flex:1 1;overflow-y:auto;padding:var(--space-4)}.report-issue-container{align-items:flex-start;display:flex;justify-content:center;padding:0}.report-issue-card{background:#fff;border:none;border-radius:var(--radius-md);box-shadow:none;max-width:100%;padding:var(--space-5);width:100%}.report-issue-header{margin-bottom:var(--space-6);text-align:left}.report-issue-header h1{color:var(--ink);display:none;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.3px;margin:0 0 var(--space-2) 0}.report-issue-subtitle{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0}.success-message{border-radius:var(--radius-md);text-align:center}.success-title{color:var(--success);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.success-text{color:var(--success);font-size:var(--text-base)}.report-issue-form{gap:var(--space-4)}.form-group,.report-issue-form{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold)}.required{color:var(--error);margin-left:var(--space-1)}.form-input-readonly{background-color:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);cursor:not-allowed;font-family:var(--font-family);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.form-input-readonly:focus{background-color:var(--paper);border-color:var(--line);outline:none}.form-textarea{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-family);font-size:var(--text-base);min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;transition:all var(--transition-base)}.form-textarea:focus{background-color:#92b3e605;border-color:var(--secondary);box-shadow:0 0 0 3px #5580cc1a;outline:none}.form-textarea:disabled{background-color:var(--paper);color:var(--ink-soft);cursor:not-allowed;opacity:.6}.form-textarea[aria-invalid=true]{background-color:var(--error-light);border-color:var(--error)}.form-textarea[aria-invalid=true]:focus{border-color:var(--error);box-shadow:0 0 0 3px #c832321a}.form-error{color:var(--error);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.submit-button{background-color:var(--secondary);border:none;border-radius:var(--radius-2xl);color:#fff;cursor:pointer;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.submit-button:hover:not(:disabled){background-color:var(--secondary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.submit-button:disabled{background-color:var(--line);cursor:not-allowed;opacity:.6}@media (min-width:769px){.report-issue-mobile-header{display:none}.report-issue-page{background:#fff}.report-issue-main{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:var(--space-8) var(--space-10)}.report-issue-container{align-items:center;justify-content:center;padding:0}.report-issue-card{border:1px solid var(--line);box-shadow:var(--shadow-md);max-width:500px;padding:var(--space-8)}.report-issue-header{margin-bottom:var(--space-8);text-align:center}.report-issue-header h1{display:block;font-size:var(--text-3xl)}.report-issue-subtitle{margin-bottom:var(--space-6);text-align:center}}.call-history-page{background-color:var(--paper-soft);display:flex;flex-direction:column;min-height:100vh}.call-history-mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-4);position:sticky;top:0;z-index:10}.call-history-back-btn{align-items:center;background:#0000;border:none;color:var(--ink);cursor:pointer;display:flex;font-family:inherit;justify-content:center;padding:0;transition:all var(--transition-base)}.call-history-back-btn:active{opacity:.7}.call-history-mobile-title{color:var(--ink);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.3px;margin:0}.call-history-main{flex:1 1;overflow-y:auto;padding:var(--space-4)}.call-history-container{display:flex;gap:var(--space-4);justify-content:center;padding:0}.call-history-sidebar{display:none}.call-history-subtitle-box{background:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4)}.call-history-subtitle{color:var(--ink-soft);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--line-height-normal);margin:0}.call-history-content{flex:1 1;width:100%}.call-history-empty,.call-history-error,.call-history-loading{color:var(--ink-soft);padding:var(--space-8) var(--space-4);text-align:center}.call-history-empty{align-items:center;display:flex;flex-direction:column;gap:var(--space-4)}.empty-icon{align-items:center;background:var(--paper-soft);border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;width:64px}.call-history-error{background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--space-4);padding:var(--space-4)}.call-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.call-history-item{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4)}.call-item-contact{align-items:flex-start;display:flex;flex:1 1;gap:var(--space-3);min-width:220px}.call-item-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--text-base);font-weight:var(--font-bold);height:56px;justify-content:center;width:56px}.call-item-details{flex:1 1}.call-item-name{color:var(--ink);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.call-item-phone{color:var(--ink-soft);font-family:monospace;font-size:var(--text-sm);margin:0}.call-item-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);white-space:nowrap}.call-item-date{color:var(--ink-soft);font-size:var(--text-sm);font-weight:var(--font-medium)}.call-item-duration{color:var(--ink);font-size:var(--text-sm)}.call-item-disposition{color:#fff;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-2);text-transform:capitalize}.call-item-disposition,.call-item-notes{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.call-item-notes{background:var(--paper-soft);border-left:3px solid var(--line);color:var(--ink-soft);font-size:var(--text-xs);width:100%}@media (min-width:769px){.call-history-mobile-header{display:none}.call-history-page{background:#fff}.call-history-main{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:var(--space-8) var(--space-10)}.call-history-container{align-items:flex-start;gap:var(--space-6);max-width:1000px;width:100%}.call-history-sidebar{display:flex;flex-shrink:0;width:200px}.call-history-subtitle-box{position:sticky;top:var(--space-8);width:100%}.call-history-subtitle{font-size:var(--text-lg)}.call-history-content{flex:1 1}.call-history-item{align-items:center;flex-wrap:nowrap}.call-item-contact{flex:1 1;min-width:auto}.call-item-meta{align-items:center;flex-direction:row;gap:var(--space-4)}.call-item-disposition{margin-top:0}.call-item-notes{margin-top:var(--space-2);width:100%}}@media (max-width:767px){.call-item-contact{flex:1 1;min-width:0}.call-item-avatar{height:48px;width:48px}.call-item-avatar,.call-item-name{font-size:var(--text-sm)}.call-item-phone{font-size:var(--text-xs)}.call-item-meta{gap:var(--space-1)}.call-item-date,.call-item-disposition{font-size:var(--text-xs)}.call-item-disposition{padding:var(--space-2) var(--space-2)}}.contact-assignment-container{margin:0 auto;max-width:1400px;padding:var(--space-6) var(--space-4)}.assignment-header{margin-bottom:var(--space-8);text-align:center}.assignment-header h1{color:var(--ink);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-3) 0}.assignment-subtitle{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.success-message{align-items:flex-start;background-color:var(--success-light);border:1px solid var(--success);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.success-icon{color:var(--success-dark);flex-shrink:0;font-size:var(--text-xl);font-weight:var(--font-bold)}.success-text{color:var(--success-dark);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.error-message{align-items:flex-start;background-color:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4)}.error-icon{color:var(--error-dark);flex-shrink:0;font-size:var(--text-xl);font-weight:var(--font-bold)}.error-text{color:var(--error-dark);flex:1 1;font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.dismiss-btn{background:#0000;border:none;color:var(--error-dark);cursor:pointer;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-medium);padding:0}.dismiss-btn:hover{text-decoration:underline}.assignment-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:2fr 1fr;margin-top:var(--space-6)}.assignment-left,.assignment-right{display:flex;flex-direction:column}.assignment-right{gap:var(--space-6)}.contact-assignment-list{display:flex;flex-direction:column;gap:var(--space-4)}.search-section{display:flex;flex-direction:column;gap:var(--space-2)}.search-input{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);padding:var(--space-3);transition:border-color var(--transition-base);width:100%}.search-input:focus{background-color:var(--secondary-light);border-color:var(--secondary);outline:none}.search-input::placeholder{color:var(--ink-soft)}.selection-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.control-button{background-color:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-base)}.control-button:hover:not(:disabled){background-color:var(--paper);border-color:var(--secondary)}.control-button:disabled{cursor:not-allowed;opacity:.5}.count-display{color:var(--ink-soft);font-size:var(--text-xs);margin:0}.count-display p{margin:0}.contacts-list{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-md);max-height:500px;overflow-y:auto}.contact-item{align-items:flex-start;border-bottom:1px solid var(--line);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3);transition:background-color var(--transition-base)}.contact-item:last-child{border-bottom:none}.contact-item:hover{background-color:var(--paper-soft)}.contact-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.contact-name{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold)}.contact-email,.contact-language,.contact-phone{color:var(--ink-soft);font-size:var(--text-xs)}.contact-language{background-color:var(--paper-soft);border-radius:var(--radius-sm);padding:2px 6px;width:fit-content}.loading-state{align-items:center;color:var(--ink-soft);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-5)}.spinner{animation:spin .8s linear infinite;border:2px solid var(--line);border-radius:50%;border-top-color:var(--secondary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{color:var(--ink-soft);padding:var(--space-8) var(--space-5);text-align:center}.retry-button{background-color:var(--secondary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-3);padding:var(--space-2) var(--space-4)}.retry-button:hover{background-color:var(--secondary-dark)}.empty-state{color:var(--ink-soft);font-size:var(--text-sm);padding:var(--space-8) var(--space-5);text-align:center}.volunteer-selector{background-color:var(--paper-soft);border:1px solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6)}.volunteer-label{font-weight:var(--font-semibold)}.volunteer-dropdown,.volunteer-label{color:var(--ink);font-size:var(--text-sm)}.volunteer-dropdown{background-color:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-3);transition:border-color var(--transition-base);width:100%}.volunteer-dropdown:focus{background-color:var(--secondary-light);border-color:var(--secondary);outline:none}.volunteer-dropdown:disabled{cursor:not-allowed;opacity:.5}.assignment-info{color:var(--ink-soft);font-size:var(--text-xs);margin:0;padding:0 var(--space-6)}.assignment-info p{margin:0}.assign-button{background-color:var(--secondary);border:none;border-radius:var(--radius-2xl);box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 var(--space-6);min-width:160px;padding:var(--space-3) var(--space-8);transition:all var(--transition-base);width:100%}.assign-button:hover:not(:disabled){background-color:var(--secondary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.assign-button:disabled{background-color:var(--line);cursor:not-allowed;transform:none}.assign-button:active:not(:disabled){transform:translateY(0)}@media (max-width:1023px){.assignment-layout{gap:var(--space-5);grid-template-columns:1.5fr 1fr}.contact-assignment-container{padding:var(--space-5) var(--space-3)}.assignment-header h1{font-size:var(--text-2xl)}.assignment-subtitle{font-size:var(--text-xs)}}@media (max-width:767px){.assignment-layout{gap:var(--space-5);grid-template-columns:1fr}.contact-assignment-container{padding:var(--space-4) var(--space-3)}.assignment-header{margin-bottom:var(--space-6)}.assignment-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.assignment-subtitle{font-size:var(--text-xs)}.search-input{font-size:var(--text-sm);padding:var(--space-3) var(--space-3)}.control-button{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.contact-item{gap:var(--space-3);padding:var(--space-3)}.contact-item input[type=checkbox]{height:18px;width:18px}.contact-email,.contact-name,.contact-phone{font-size:var(--text-xs)}.volunteer-selector{padding:var(--space-4)}.volunteer-dropdown,.volunteer-label{font-size:var(--text-xs)}.volunteer-dropdown{padding:var(--space-3) var(--space-3)}.assign-button{font-size:var(--text-sm);margin:0 var(--space-4);min-width:140px;padding:var(--space-3) var(--space-6)}.assignment-info{font-size:var(--text-xs);padding:0 var(--space-4)}.error-message,.success-message{gap:var(--space-2);margin-bottom:var(--space-4)}}@media (max-width:639px){.contact-assignment-container{padding:var(--space-3) var(--space-2)}.assignment-header{margin-bottom:var(--space-5)}.assignment-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.assignment-subtitle,.search-input{font-size:var(--text-xs)}.search-input{padding:var(--space-2) var(--space-3)}.control-button{padding:var(--space-1) var(--space-3)}.control-button,.count-display{font-size:var(--text-xs)}.contact-item{gap:var(--space-2);padding:var(--space-2)}.contact-item input[type=checkbox]{height:18px;width:18px}.contact-email,.contact-name,.contact-phone{font-size:var(--text-xs)}.volunteer-selector{gap:var(--space-2);padding:var(--space-3)}.volunteer-dropdown,.volunteer-label{font-size:var(--text-xs)}.volunteer-dropdown{padding:var(--space-2) var(--space-3)}.assign-button{font-size:var(--text-xs);margin:0 var(--space-3);min-width:120px;padding:var(--space-3) var(--space-4)}.assignment-info{font-size:var(--text-xs);padding:0 var(--space-3)}.error-icon,.success-icon{font-size:var(--text-lg)}.error-text,.success-text{font-size:var(--text-xs)}.empty-state,.error-state,.loading-state{padding:var(--space-8) var(--space-4)}.contacts-list{max-height:400px}}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:var(--paper)}.contacts-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}.two-factor-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-4)}.two-factor-container{max-width:500px;width:100%}.two-factor-card{animation:slideUp .3s ease-out;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;padding:var(--space-6)}.two-factor-header{margin-bottom:var(--space-6);text-align:center}.two-factor-header h1{color:var(--ink);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.two-factor-header p{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.two-factor-info{background:var(--paper-soft);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4)}.info-item{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.info-item:last-child{margin-bottom:0}.info-icon{flex-shrink:0;font-size:var(--text-lg)}.info-item p{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--line-height-normal);margin:0}.qr-section{margin-bottom:var(--space-6)}.qr-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-4) 0}.qr-container{background:var(--paper-soft);border-radius:var(--radius-md);display:flex;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4)}.qr-code{height:auto;max-width:100%}.manual-entry{background:var(--paper-soft);border-left:4px solid #667eea;border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.manual-label{color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0 0 var(--space-2) 0;text-transform:uppercase}.secret-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.secret-box code{color:var(--ink);flex:1 1;font-family:Monaco,Menlo,monospace;font-size:var(--text-sm);letter-spacing:2px;word-break:break-all}.secret-box code.hidden{color:var(--ink-soft);letter-spacing:normal}.btn-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-lg);justify-content:center;padding:var(--space-1);transition:transform .2s}.btn-icon:hover{transform:scale(1.1)}.btn-icon:active{transform:scale(.95)}.totp-input-section{margin-bottom:var(--space-6)}.totp-input-section label{color:var(--ink);display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.totp-input{border:2px solid var(--line);border-radius:var(--radius-md);font-family:Monaco,Menlo,monospace;font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:8px;padding:var(--space-3) var(--space-4);text-align:center;transition:all .2s;width:100%}.totp-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.totp-input:disabled{background:var(--paper-soft);cursor:not-allowed;opacity:.6}.success-card{text-align:center}.success-icon{animation:bounce .6s ease-out;font-size:64px;margin-bottom:var(--space-4)}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.backup-codes-section{background:var(--paper-soft);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-4);text-align:left}.backup-label{color:var(--ink);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.backup-warning{background:#fef3c7;border-radius:var(--radius-sm);color:#d97706;font-size:var(--text-xs);line-height:var(--line-height-normal);margin:0 0 var(--space-4) 0;padding:var(--space-2) var(--space-3)}.backup-codes-container{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:var(--space-4);max-height:300px;overflow-y:auto;padding:var(--space-3)}.backup-code{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2)}.backup-code:last-child{border-bottom:none}.code-number{color:var(--ink-soft);font-weight:var(--font-semibold);min-width:30px}.backup-code code{color:var(--ink);flex:1 1;font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);letter-spacing:1px;word-break:break-all}.backup-actions{display:flex;gap:var(--space-2)}.backup-actions .btn{flex:1 1}.actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-large{font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-6)}.error-box{background:#fee2e2;border:1px solid #fca5a5;border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.error-box h1{color:#dc2626;margin:0 0 var(--space-2) 0}.error-box p{color:#991b1b;margin:0 0 var(--space-4) 0}@media (max-width:640px){.two-factor-page{padding:var(--space-3)}.two-factor-card{padding:var(--space-4)}.two-factor-header h1{font-size:var(--text-lg)}.totp-input{font-size:var(--text-base);letter-spacing:4px}.backup-codes-container{max-height:200px}.info-item{margin-bottom:var(--space-2)}.backup-actions{flex-direction:column}}.session-expiry-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:2000}.session-expiry-modal{animation:slideUp .3s ease-out;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.session-expiry-icon{display:flex;justify-content:center;margin-bottom:var(--space-4)}.session-expiry-title{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4) 0}.session-expiry-timer{align-items:baseline;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius-md);display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4)}.timer-label{color:var(--ink-soft);font-size:var(--text-sm);font-weight:var(--font-medium)}.timer-value{font-feature-settings:"tnum";color:#f59e0b;font-family:Monaco,Courier New,monospace;font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--font-bold)}.session-expiry-message{color:var(--ink-soft);font-size:var(--text-base);line-height:var(--line-height-normal);margin:0 0 var(--space-6) 0}.session-expiry-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.session-expiry-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.session-expiry-btn:disabled{cursor:not-allowed;opacity:.6}.session-expiry-btn-primary{background-color:#f59e0b;color:#fff}.session-expiry-btn-primary:hover:not(:disabled){background-color:#d97706;box-shadow:var(--shadow-md);transform:translateY(-1px)}.session-expiry-btn-primary:active:not(:disabled){transform:translateY(0)}.session-expiry-btn-secondary{background-color:var(--paper-soft);border:1px solid var(--line);color:var(--ink)}.session-expiry-btn-secondary:hover:not(:disabled){background-color:var(--paper);border-color:var(--ink-soft)}.session-expiry-btn-secondary:active:not(:disabled){opacity:.9}.session-expiry-footer{color:var(--ink-soft);font-size:var(--text-xs);line-height:var(--line-height-tight);margin:0}@media (max-width:767px){.session-expiry-modal{max-width:100%;padding:var(--space-6) var(--space-4)}.session-expiry-title{font-size:var(--text-lg)}.timer-value{font-size:var(--text-2xl)}.session-expiry-actions{flex-direction:column}.session-expiry-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:oklch(0.55 0.18 260);--primary-dark:oklch(0.38 0.16 260);--primary-light:oklch(0.92 0.04 260);--secondary:oklch(0.72 0.17 55);--secondary-dark:oklch(0.62 0.18 45);--secondary-light:oklch(0.96 0.04 65);--success:oklch(0.62 0.16 150);--success-light:oklch(0.94 0.06 150);--warning:oklch(0.78 0.16 75);--warning-light:oklch(0.96 0.05 75);--error:oklch(0.58 0.20 25);--error-light:oklch(0.96 0.04 25);--ink:oklch(0.22 0.02 260);--ink-soft:oklch(0.45 0.02 260);--paper:oklch(0.99 0.005 80);--paper-soft:oklch(0.97 0.005 80);--line:oklch(0.92 0.01 260);--text:var(--ink);--text-light:var(--ink-soft);--background:var(--paper-soft);--surface:var(--paper);--border:var(--line);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Inter",sans-serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--text-3xl:20px;--text-4xl:24px;--text-5xl:28px;--text-6xl:32px;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height-tight:1.15;--line-height-snug:1.25;--line-height-normal:1.45;--line-height-relaxed:1.6;--letter-spacing-tight:-0.2px;--letter-spacing-normal:0px;--letter-spacing-wide:0.4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 0 #00000014,0 2px 8px -4px #0000001f;--shadow-md:0 4px 12px -4px #00000026;--shadow-lg:0 8px 20px -8px #0000002e;--shadow-xl:0 12px 32px -16px #0003;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-pill:999px;--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease}html{scroll-behavior:smooth}body{background-color:oklch(.97 .005 80);background-color:var(--paper-soft);color:oklch(.22 .02 260);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--text-base);line-height:1.45;line-height:var(--line-height-normal)}.loading{align-items:center;color:oklch(.45 .02 260);color:var(--ink-soft);display:flex;font-size:18px;font-size:var(--text-2xl);height:100vh;justify-content:center}.error{background-color:oklch(.96 .04 25);background-color:var(--error-light);border:1px solid oklch(.58 .2 25);border:1px solid var(--error);border-radius:8px;border-radius:var(--radius-md);color:oklch(.58 .2 25);color:var(--error);margin-bottom:16px;margin-bottom:var(--space-4)}.btn,.error{padding:12px 16px;padding:var(--space-3) var(--space-4)}.btn{border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,sans-serif;font-family:var(--font-family);font-size:15px;font-size:var(--text-lg);font-weight:600;font-weight:var(--font-semibold);transition:all .2s ease;transition:all var(--transition-base);width:100%}.btn-primary{background-color:oklch(.72 .17 55);background-color:var(--secondary);box-shadow:0 4px 12px -4px #00000026;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover:not(:disabled){background-color:oklch(.62 .18 45);background-color:var(--secondary-dark);box-shadow:0 8px 20px -8px #0000002e;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background-color:oklch(.92 .01 260);background-color:var(--line);cursor:not-allowed;opacity:.6}.btn-secondary{background-color:initial;border:1px solid oklch(.92 .01 260);border:1px solid var(--line);color:oklch(.22 .02 260);color:var(--ink)}.btn-secondary:hover{background-color:oklch(.97 .005 80);background-color:var(--paper-soft);border-color:oklch(.72 .17 55);border-color:var(--secondary)}.btn-text{background-color:initial;color:oklch(.72 .17 55);color:var(--secondary);padding:8px 12px;padding:var(--space-2) var(--space-3)}.btn-text:hover{background-color:oklch(.96 .04 65);background-color:var(--secondary-light);color:oklch(.62 .18 45);color:var(--secondary-dark)}@media (max-width:640px){body{font-size:13px;font-size:var(--text-sm)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e4ee1067.css.map*/