:root{--color-cyan: #37b7e6;--color-cyan-soft: #dff3fb;--color-cyan-dark: #0094b4;--color-magenta: #dd3e77;--color-magenta-light: #fcdfe8;--color-soft-black: #383838;--color-gray: #606060;--color-info-gray: #999da0;--color-placeholder: var(--color-info-gray);--color-bg: #e7e7e7;--color-white: #ffffff;--color-border: #e7e7ea;--color-picker-border: #a4a9ad;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.4;color:var(--color-soft-black)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--color-bg)}#root{display:flex}.login-shell{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-white);overflow:hidden}.login-hero{flex:1;min-height:240px;background:var(--color-cyan-soft);display:flex;align-items:center;justify-content:center;padding:30px;overflow:hidden}.login-hero-logo{width:100%;height:100%;max-height:60vh;object-fit:contain}.login-form-section{background:var(--color-bg);padding:16px;display:flex;flex-direction:column;align-items:center}.login-form-section>*{width:100%;max-width:900px}.login-field{display:flex;flex-direction:column;gap:4px}.login-label{font-size:.8rem;color:var(--color-gray);font-weight:500}.login-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:12px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-white);font-size:1rem;color:var(--color-soft-black);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23606060'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.login-info{font-size:.9rem;color:var(--color-gray);margin:8px 0 0}.login-phone-input{display:flex;align-items:stretch;background:var(--color-white);border-radius:8px;border:1px solid var(--color-border);overflow:hidden}.login-phone-input.error{border-color:var(--color-magenta)}.login-phone-prefix{display:flex;align-items:center;padding:0 16px;font-weight:600;color:var(--color-soft-black);border-right:2px solid var(--color-border)}.login-phone-input input{flex:1;padding:14px 16px;border:0;outline:0;font-size:1rem;background:transparent;color:var(--color-soft-black);font-family:inherit}.login-phone-input input::placeholder{color:var(--color-placeholder);opacity:1}.login-error{color:var(--color-magenta);font-size:.8rem;margin-top:4px}.login-config-banner{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;padding:12px 14px;border-radius:8px;font-size:.85rem;line-height:1.5}.login-config-banner code{background:#0000000d;padding:1px 5px;border-radius:3px;font-size:.8rem}.login-otp-row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.login-countdown{width:36px;height:36px;border-radius:50%;border:3px solid var(--color-cyan);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--color-cyan)}.login-secondary-btn{padding:8px 12px;border-radius:22px;border:1px solid var(--color-cyan);background:var(--color-white);color:var(--color-cyan);font-size:.85rem;font-weight:500;cursor:pointer}.login-secondary-btn:hover:not(:disabled){background:#f5f5f5}.login-secondary-btn:disabled{opacity:.5;cursor:not-allowed}.login-otp-boxes{display:flex;gap:8px;background:var(--color-white);padding:16px 8px;border-radius:10px;justify-content:center}.login-otp-box{width:44px;height:56px;border:1px solid var(--color-picker-border);border-radius:8px;text-align:center;font-size:1.5rem;font-weight:600;background:var(--color-white);outline:none;font-family:inherit;color:var(--color-soft-black)}.login-otp-box:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px #37b7e633}.login-submit-bar{padding:12px 16px 24px;background:var(--color-white);box-shadow:0 -4px 12px #3838380f}.login-primary-btn{width:100%;padding:16px;border:0;border-radius:22px;background:var(--color-cyan);color:var(--color-white);font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:54px}.btn-loading{position:relative;opacity:.5}.btn-loading-spinner{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center}.login-primary-btn:hover:not(:disabled){background:var(--color-cyan-dark)}.login-primary-btn:disabled{opacity:.5;cursor:not-allowed}.login-version{text-align:center;font-size:.7rem;color:var(--color-info-gray);margin-top:8px}.signup-shell{display:flex;flex-direction:column;background:var(--color-bg);min-height:100vh}.signup-header{padding:40px 24px 10px}.signup-header-top{display:flex;align-items:center;gap:8px}.signup-heading{flex:1;margin:0;color:var(--color-cyan);font-size:30px;font-weight:600;line-height:40px}.signup-subheading{margin:0;color:var(--color-cyan);font-size:20px;font-weight:500}.signup-logout-btn{background:transparent;border:none;padding:4px;cursor:pointer}.signup-form-scroll{flex:1;overflow-y:auto;padding:0 24px 24px}.signup-loading{display:flex;justify-content:center;padding:24px 0}.signup-footer{border-top:1px solid var(--color-container-border);padding:8px 16px;background:#fff}.app-shell{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-bg)}.content-container{width:100%;max-width:900px;margin:0 auto}.app-header{background:var(--color-white);height:55px;padding:0;display:flex;align-items:stretch;border-bottom:1px solid var(--color-border);flex-shrink:0}.app-header>.content-container{display:flex;align-items:center;padding:0 16px}.app-header-back{background:transparent;border:0;padding:0;margin-right:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px}.app-header-back:hover{background:var(--color-bg)}.app-header-title{font-size:1rem;font-weight:700;margin:0;color:var(--color-soft-black);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.app-header-cyan{background:var(--color-cyan);border-bottom-color:var(--color-cyan)}.app-header-cyan .app-header-title{color:var(--color-white)}.app-header-cyan .app-header-back:hover{background:#ffffff26}.app-header-action{display:flex;gap:8px;margin-left:auto}.app-content{flex:1;min-height:0;overflow-y:auto}.app-content>.content-container{padding:16px;display:flex;flex-direction:column;min-height:100%}.app-footer{flex-shrink:0;background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #3838380f;padding:0}.app-footer>.content-container{padding:12px 16px}.bottom-tabs{position:sticky;bottom:0;display:flex;background:var(--color-white);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #3838380f;padding:4px 0}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0;text-decoration:none;color:var(--color-info-gray);font-size:.7rem}.bottom-tab-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:2px 14px;border-radius:20px;color:var(--color-picker-border);transition:background-color .15s ease,color .15s ease}.bottom-tab-icon-wrapper-active{background:var(--color-cyan-soft);color:var(--color-cyan)}.bottom-tab-active{color:var(--color-cyan);font-weight:600}.bottom-tab-active .bottom-tab-label{color:var(--color-cyan)}.greeting{background:var(--color-white);padding:16px;border-radius:10px;margin-bottom:16px}.greeting-title{margin:0;font-size:1.4rem;font-weight:600}.greeting-sub{margin:4px 0 0;color:var(--color-gray);font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.stat-card{background:var(--color-white);border-radius:10px;padding:14px 8px;text-align:center;border:1px solid var(--color-border)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-cyan-dark)}.stat-label{font-size:.7rem;color:var(--color-gray);margin-top:4px}.section-heading{font-size:1rem;font-weight:600;color:var(--color-soft-black);margin:4px 0 8px}.empty-state{background:var(--color-white);border:1px dashed var(--color-border);border-radius:8px;padding:16px;text-align:center;color:var(--color-gray);font-size:.85rem}.empty-state code{background:#0000000a;padding:1px 5px;border-radius:3px;font-size:.8rem}.empty-state-error{background:var(--color-magenta-light);border-color:var(--color-magenta);color:var(--color-magenta)}.empty-loader{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:8px}.empty-loader-img{width:200px;height:100px;object-fit:cover;opacity:.5;margin-bottom:16px}.empty-loader-text1{font-size:1.25rem;font-weight:600;color:var(--color-gray);text-align:center;margin:0}.empty-loader-text2{font-size:1rem;color:var(--color-gray);text-align:center;margin:0}.session-row{background:var(--color-white);border-radius:8px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border)}.session-row-title{font-weight:600;font-size:.95rem}.session-row-sub{color:var(--color-gray);font-size:.8rem;margin-top:2px}.session-row-counts{display:flex;gap:10px;font-size:.85rem}.session-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.85rem;font-weight:500;color:var(--color-gray)}.form-required{color:var(--color-magenta)}.form-helper{font-size:.75rem;color:var(--color-info-gray)}.form-input,.form-select{width:100%;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-white);font-size:1rem;font-family:inherit;color:var(--color-soft-black)}.form-input::placeholder{color:var(--color-placeholder);opacity:1}.form-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23606060'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #37b7e62e}.has-error .form-input,.has-error .form-select{border-color:var(--color-magenta)}.form-error{font-size:.8rem;color:var(--color-magenta)}.form-multiselect{background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.form-radio-group{display:flex;flex-direction:row;align-items:stretch;justify-content:space-around;gap:20px}.form-radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;border:1.5px solid #e8e8e8;border-radius:15px;background:var(--color-white);font-size:.95rem;font-family:inherit;color:var(--color-soft-black);cursor:pointer;text-align:left}.form-radio-option:disabled{opacity:.5;cursor:not-allowed}.form-radio-indicator{width:20px;height:20px;border:3px solid var(--color-cyan);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.form-radio-indicator.checked:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-cyan)}.form-radio-label{flex:1}.form-image-placeholder{padding:14px;background:#00000005;border:1px dashed var(--color-border);border-radius:8px;font-size:.85rem;color:var(--color-gray)}.home-shell{height:100vh;min-height:0;overflow:hidden;background:var(--color-white);padding-bottom:0}.home-state-logos{display:flex;justify-content:space-between;padding:10px 16px;background:var(--color-white);flex-shrink:0}.home-state-logo{height:60px;width:auto;object-fit:contain}.home-welcome{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--color-white);overflow:hidden}.home-welcome-image{flex:1 1 0;min-height:0;max-width:100%;width:auto;height:100%;object-fit:contain}.home-welcome-title{font-size:30px;font-weight:500;color:var(--color-cyan)}.home-greeting{background:var(--color-cyan);color:var(--color-white);padding:24px 0;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.home-greeting>.content-container{display:flex;flex-direction:column;gap:18px;padding:0 16px}.home-name{font-size:24px;font-weight:800;color:var(--color-white)}.home-number{font-size:16px;font-weight:600}.home-sub{font-size:20px;font-weight:500;color:var(--color-white);margin-top:4px}.home-actions{display:flex;flex-direction:column;gap:10px}.home-action-btn{background:var(--color-white);color:var(--color-soft-black);border:0;border-radius:16px;padding:14px 16px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}.home-action-btn:hover:not(:disabled){background:#f5f5f5}.home-action-btn:disabled{opacity:.5;cursor:not-allowed}.home-action-icon{font-size:1.1rem}.home-unverified{text-align:center;font-size:14px;font-weight:500}.home-inactive-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}.initial-sync-panel{padding:38px 24px}.initial-sync-content{align-items:center;gap:15px;text-align:center;width:100%}.initial-sync-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.initial-sync-subheading{font-size:20px;font-weight:600;color:var(--color-white);padding:0 20px}.initial-sync-info{font-size:16px;color:var(--color-white);padding:8px 20px 0}.initial-sync-btn{width:100%;background:var(--color-white);color:var(--color-soft-black);border:0;border-radius:16px;padding:14px 16px;font-size:1rem;font-weight:600}.privacy-consent-shell{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-bg)}.privacy-consent-banner{background:var(--color-cyan);padding:16px;margin:16px 16px 8px;border-radius:12px;color:var(--color-white)}.privacy-consent-title{margin:0 0 8px;font-size:1.125rem;font-weight:600}.privacy-consent-subtitle{margin:0;font-size:.875rem;line-height:1.4;font-weight:400}.privacy-consent-policy{flex:1;margin:0 16px 8px;border-radius:8px;overflow:hidden;background:var(--color-white);position:relative;min-height:min(50vh,420px)}.privacy-consent-iframe{width:100%;height:100%;border:0;display:block}.privacy-consent-iframe-loading{opacity:0}.privacy-consent-loading,.privacy-consent-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center;background:var(--color-white)}.privacy-consent-loading p,.privacy-consent-error{margin:0;color:var(--color-soft-black);font-size:1rem}.privacy-consent-actions{padding:16px;background:var(--color-white);display:flex;flex-direction:column;gap:12px}.privacy-consent-actions .login-primary-btn,.privacy-consent-actions .login-secondary-btn{width:100%}.learning-list{display:flex;flex-direction:column;gap:16px}.learning-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;width:100%}.learning-row:hover{background:#f5f5f5}.learning-row-icon{font-size:1.8rem;width:32px;text-align:center}.learning-row-label{flex:1;font-size:1.05rem;font-weight:600;color:var(--color-gray)}.learning-row-chevron{width:32px;height:32px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-gray);margin-left:auto}.learning-row-logo{flex-shrink:0;display:block}.qr-image-view{display:flex;justify-content:center;align-items:center;min-height:min(60vh,480px);padding:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px}.qr-image-view img{max-width:100%;max-height:min(70vh,640px);object-fit:contain}.kb-content{display:flex;flex-direction:column;gap:16px}.kb-content-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.kb-content-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.kb-content-offline{display:flex;align-items:center;justify-content:center;height:100%;margin:0;padding:16px;color:var(--color-white);text-align:center}.kb-content-body{padding:16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;line-height:1.5;color:var(--color-soft-black)}.kb-content-body p{margin:0 0 12px}.date-picker{position:relative}.date-picker-input{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-white);font-size:1rem;font-family:inherit;color:var(--color-soft-black);cursor:pointer;text-align:left}.date-picker-input.has-error{border-color:var(--color-magenta)}.date-picker-input.open{border-color:var(--color-cyan);box-shadow:0 0 0 3px #37b7e62e}.date-picker-trigger-icon{transition:transform .15s ease,color .15s ease}.date-picker-trigger-icon.open{color:var(--color-cyan)!important;transform:scale(1.05)}.date-picker-input:disabled{opacity:.5;cursor:not-allowed}.date-picker-value{flex:1}.date-picker-placeholder{flex:1;color:var(--color-placeholder)}.date-picker-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:100;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:12px;display:flex;flex-direction:column;gap:10px}.date-picker-header{display:flex;align-items:center;justify-content:space-between}.date-picker-nav{width:32px;height:32px;border:0;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.date-picker-nav:hover{background:#0000000a}.rotate-180{transform:rotate(180deg)}.date-picker-title{flex:1;text-align:center;border:0;background:transparent;font-size:1rem;font-weight:600;color:var(--color-soft-black);cursor:pointer;padding:6px 8px;border-radius:6px;font-family:inherit}.date-picker-title:hover{background:#0000000a}.date-picker-toggle{display:flex;background:#0000000a;border-radius:8px;padding:4px;gap:4px}.date-picker-toggle-btn{flex:1;border:0;background:transparent;padding:6px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--color-gray);cursor:pointer;font-family:inherit}.date-picker-toggle-btn.active{background:var(--color-white);color:var(--color-cyan);box-shadow:0 1px 2px #00000014}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.75rem;color:var(--color-info-gray);text-align:center;padding-bottom:4px}.date-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker-cell{aspect-ratio:1;border:0;background:transparent;border-radius:50%;font-size:.9rem;color:var(--color-soft-black);cursor:pointer;font-family:inherit;padding:0}.date-picker-cell:hover:not(:disabled):not(.selected){background:#37b7e61f}.date-picker-cell.selected{background:var(--color-cyan);color:var(--color-white);font-weight:600}.date-picker-cell.disabled{color:var(--color-info-gray);cursor:not-allowed;opacity:.5}.date-picker-month-grid,.date-picker-year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.date-picker-month-cell,.date-picker-year-cell{padding:12px 8px;border:1px solid var(--color-border);background:var(--color-white);border-radius:8px;font-size:.9rem;font-weight:500;color:var(--color-soft-black);cursor:pointer;font-family:inherit}.date-picker-month-cell:hover:not(:disabled),.date-picker-year-cell:hover:not(:disabled){background:#37b7e614;border-color:var(--color-cyan)}.date-picker-month-cell.disabled,.date-picker-year-cell:disabled{opacity:.4;cursor:not-allowed}.select{position:relative}.select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-white);font-size:1rem;font-family:inherit;color:var(--color-soft-black);cursor:pointer;text-align:left;gap:8px}.select-trigger.has-error{border-color:var(--color-magenta)}.select-trigger-icon{display:flex;align-items:center;flex-shrink:0}.login-flag{font-size:1.2rem;line-height:1}.login-country-code{color:var(--color-info-gray);font-weight:600;font-size:.95rem}.select-trigger.open{border-color:var(--color-cyan);box-shadow:0 0 0 3px #37b7e62e}.select-trigger:disabled{opacity:.5;cursor:not-allowed}.select-trigger-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger-placeholder{flex:1;color:var(--color-placeholder)}.select-chevron{transform:rotate(90deg);transition:transform .15s ease}.select-chevron.open{transform:rotate(-90deg)}.select-popover{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:320px;display:flex;flex-direction:column;overflow:hidden}.select-search{padding:10px 10px 6px;border-bottom:1px solid var(--color-border)}.select-search-input{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;font-family:inherit;outline:none}.select-search-input:focus{border-color:var(--color-cyan)}.select-options{overflow-y:auto;padding:4px}.select-empty{padding:16px;color:var(--color-info-gray);font-size:.85rem;text-align:center}.select-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;border-radius:6px;font-size:.95rem;font-family:inherit;color:var(--color-soft-black);cursor:pointer;text-align:left}.select-option:hover{background:#37b7e614}.select-option.selected{background:#37b7e61f;color:var(--color-cyan-dark);font-weight:500}.select-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-icon{display:flex;align-items:center;flex-shrink:0}.select-checkbox{width:20px;height:20px;border:1.5px solid var(--color-picker-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;color:var(--color-white)}.select-checkbox.checked{background:var(--color-cyan);border-color:var(--color-cyan)}.select-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:confirm-modal-fade-in .15s ease-out}.select-sheet{background:var(--color-bg);width:100%;max-width:480px;max-height:90vh;border-top-left-radius:32px;border-top-right-radius:32px;display:flex;flex-direction:column;overflow:hidden;animation:confirm-modal-slide-up .2s ease-out}.select-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 8px}.select-sheet-title{font-size:1.25rem;font-weight:600;color:var(--color-soft-black)}.select-sheet-close{background:transparent;border:0;padding:4px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.select-sheet-close:hover{background:var(--color-border)}.select-sheet-search{padding:0 16px 8px}.select-sheet-search-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;font-family:inherit;outline:none;background:var(--color-white)}.select-sheet-search-input:focus{border-color:var(--color-cyan)}.select-sheet-info{padding:0 16px 8px;font-size:.8rem;color:var(--color-info-gray)}.select-sheet-options{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.select-sheet-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border);background:var(--color-white);border-radius:15px;font-size:1rem;font-family:inherit;color:var(--color-soft-black);cursor:pointer;text-align:left}.select-sheet-option.selected{border-color:var(--color-cyan);background:var(--color-cyan-soft)}.select-sheet-radio{width:20px;height:20px;border:1.5px solid var(--color-picker-border);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.select-sheet-radio.checked{border-color:var(--color-cyan)}.select-sheet-radio.checked:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-cyan)}.select-sheet-empty{padding:16px;color:var(--color-info-gray);font-size:.9rem;text-align:center}.select-sheet-footer{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--color-white);box-shadow:0 -4px 12px #3838380f}.image-upload{display:flex;flex-direction:column}.image-upload.has-error .image-upload-empty,.image-upload.has-error .image-upload-with-images{border-color:var(--color-magenta)}.image-upload.is-disabled .image-upload-empty{opacity:.4;cursor:not-allowed}.image-upload-empty{display:flex;align-items:center;gap:20px;width:100%;padding:24px;border:2px dashed #e8e8e8;border-radius:8px;background:var(--color-white);color:var(--color-soft-black);font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer}.image-upload-empty span{flex:1}.image-upload-with-images{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:20px;width:100%;padding:24px;border:3px dashed #e8e8e8;border-radius:8px;background:var(--color-white)}.image-upload-item{position:relative;flex-shrink:0}.image-upload-thumb{width:90px;height:90px;border-radius:8px;object-fit:cover;display:block;background:var(--color-bg)}.image-upload-badge{position:absolute;left:-8px;bottom:-8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.image-upload-remove{position:absolute;right:-16px;top:-16px;z-index:3;border:0;background:transparent;padding:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.image-upload-add-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100px;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--color-soft-black);font-size:.875rem;font-family:inherit;cursor:pointer}.wa-done-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 0 24px}.wa-done-summary{width:100%;text-align:left;white-space:pre-wrap;word-break:break-word;background:var(--color-bg);border-radius:12px;padding:16px;margin:8px 0 0;max-height:45vh;overflow-y:auto;font-family:inherit;font-size:.85rem;line-height:1.5;color:var(--color-soft-black)}.wa-done-thumb{width:90px;height:90px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#e0e0e0 25%,#ececec,#e0e0e0 75%);background-size:200% 100%;animation:photo-shimmer 1.4s infinite;flex-shrink:0}.wa-done-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wa-done-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:24px}.wa-done-close-btn{width:100%;padding:16px;justify-content:center}.wa-done-title{font-size:1.4rem;font-weight:700;color:var(--color-soft-black);margin:0}.wa-done-text{font-size:.95rem;color:var(--color-gray);max-width:320px;margin:0}.image-picker-choices{display:flex;gap:16px;padding:16px 16px 8px}.image-picker-choice{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;border:2px dashed var(--color-picker-border);border-radius:15px;background:var(--color-white);color:var(--color-soft-black);font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer}.image-picker-choice:hover{border-color:var(--color-cyan);background:var(--color-cyan-soft)}.date-picker-sheet-body{overflow-y:auto;padding:0 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.profile-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;padding:14px 16px;margin-bottom:16px}.profile-name{font-size:1.1rem;font-weight:700;color:var(--color-soft-black)}.profile-number{font-size:.85rem;color:var(--color-gray);font-style:italic;margin-top:2px}.profile-edit-btn{width:36px;height:36px;border:0;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.profile-edit-btn:hover{background:#0000000a}.profile-details{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.profile-detail-row{padding:12px 16px;border-bottom:1px solid var(--color-border)}.profile-detail-row:last-child{border-bottom:0}.profile-detail-label{font-size:.75rem;color:var(--color-gray);font-weight:400}.profile-detail-value{font-size:.95rem;font-weight:600;color:var(--color-soft-black);margin-top:2px}.profile-logout-btn{margin-top:24px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--color-white);color:var(--color-magenta);border:1px solid var(--color-magenta);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.profile-logout-btn:hover{background:var(--color-magenta-light)}.more-screen{display:flex;flex-direction:column;flex:1;min-height:100%}.more-main{display:flex;flex-direction:column;gap:16px}.more-language{display:flex;flex-direction:column;gap:8px}.more-row{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;width:100%;color:var(--color-gray);font-size:1rem;font-weight:600}.more-row:hover{background:#f5f5f5}.more-row-icon{width:32px;height:32px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center}.more-row-label{flex:1}.more-row-chevron{width:20px;height:20px;border-radius:50%;background:var(--color-border);display:flex;align-items:center;justify-content:center;margin-left:auto}.more-footer-info{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:center;gap:6px}.more-privacy-link{color:var(--color-soft-black);text-decoration:underline;font-size:.85rem}.more-version{font-size:.7rem;color:var(--color-info-gray)}.more-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--color-white);color:var(--color-cyan);border:1px solid var(--color-cyan);border-radius:22px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.more-logout-btn:hover{background:var(--color-cyan-soft)}.spinner{border-style:solid;border-color:var(--spinner-track-color, rgba(55, 183, 230, .18));border-top-color:var(--spinner-color, var(--color-cyan));border-radius:50%;animation:spinner-spin .9s linear infinite;box-sizing:border-box;flex-shrink:0}.spinner-center{flex:1;display:flex;align-items:center;justify-content:center}@keyframes spinner-spin{to{transform:rotate(360deg)}}.sessions-dashboard{display:flex;gap:8px;align-items:center;justify-content:center;background:var(--color-cyan);margin:-16px -16px 0;padding:16px}.sessions-dashboard-item{flex:1;min-width:0}.sessions-dashboard-value{font-size:1.875rem;font-weight:600;color:var(--color-white);line-height:1.1;min-height:36px;display:flex;align-items:center}.sessions-dashboard-label{font-size:.75rem;font-weight:600;color:var(--color-white)}.sessions-info{font-size:.75rem;color:var(--color-info-gray);background:var(--color-white);margin:0 -16px 12px;padding:6px 24px}.session-cards{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.session-card{background:var(--color-white);border-radius:16px;overflow:hidden}.session-card-btn{width:100%;background:transparent;border:0;text-align:left;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:inherit}.session-card-btn:hover{background:#f5f5f5}.session-card-title,.session-card-date{font-size:.875rem;font-weight:700;color:var(--color-soft-black)}.session-card-counts{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px}.session-card-count{font-size:.75rem;color:var(--color-gray);display:inline-flex;align-items:center}.session-card-count-divider{display:inline-block;width:1px;height:12px;background:var(--color-gray);margin:0 8px}.session-card-footer{display:flex;align-items:center;gap:8px;margin-top:4px}.session-card-marked-by{flex:1;font-size:.75rem;color:var(--color-gray)}.session-card-photos{display:flex;align-items:center;gap:8px;margin-left:auto}.session-card-chip{display:inline-flex;align-items:center;gap:2px;background:var(--color-border);padding:1px 8px;border-radius:100px;font-size:.625rem;color:var(--color-gray);font-weight:500}.session-card-chevron{background:var(--color-border);border-radius:100px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.empty-state-sub{margin-top:6px;font-size:.85rem;color:var(--color-info-gray)}.session-list-load-more{display:flex;justify-content:center;align-items:center;min-height:48px;padding:16px 0}.session-detail{display:flex;flex-direction:column;gap:16px;padding-bottom:8px}.session-detail-item{display:flex;flex-direction:column;gap:4px}.session-detail-label{font-size:.75rem;color:var(--color-gray);font-weight:400}.session-detail-value{font-size:.875rem;color:var(--color-soft-black);font-weight:700;word-break:break-word}.session-detail-photos{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:4px}.session-detail-photo-wrap{position:relative;flex-shrink:0}.image-thumbnail{position:relative;width:90px;height:90px;border-radius:8px;overflow:hidden;background:#e1f4fb;flex-shrink:0}.image-thumbnail-interactive{display:block;border:0;padding:0;cursor:pointer;font:inherit}.image-thumbnail-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-thumbnail-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .2s ease}.image-thumbnail-photo-visible{opacity:1}.session-detail-photo-badge{position:absolute;left:-8px;bottom:-8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.session-detail-photo-add-wrap{width:90px;height:90px;border:3px dashed var(--color-picker-border);border-radius:8px;flex-shrink:0;box-sizing:border-box}.session-detail-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--color-soft-black);font-size:.875rem;font-weight:600;text-align:center;cursor:pointer;font-family:inherit}.session-detail-photo-add span{line-height:1.2;padding:0 4px}.session-detail-photo-btn{width:90px;height:90px;border-radius:8px;overflow:hidden;background:#e1f4fb;border:0;padding:0;cursor:pointer;flex-shrink:0}.session-detail-photo-btn img{width:100%;height:100%;object-fit:cover;display:block}@keyframes photo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-skeleton{display:inline-block;border-radius:6px;background:linear-gradient(90deg,#e0e0e0 25%,#ececec,#e0e0e0 75%);background-size:200% 100%;animation:photo-shimmer 1.4s infinite;color:transparent;-webkit-user-select:none;user-select:none}.text-skeleton--cyan{display:inline-block;border-radius:6px;background:linear-gradient(90deg,#ffffff2e 25%,#ffffff52,#ffffff2e 75%);background-size:200% 100%;animation:photo-shimmer 1.4s infinite;color:transparent;-webkit-user-select:none;user-select:none}.session-detail-no-edit{font-size:.75rem;color:var(--color-info-gray);text-align:center;padding:6px 0}.confirm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:center;z-index:200;animation:confirm-modal-fade-in .15s ease-out}.confirm-modal-sheet{background:var(--color-bg);width:100%;max-width:480px;border-top-left-radius:24px;border-top-right-radius:24px;padding:16px;display:flex;flex-direction:column;gap:16px;animation:confirm-modal-slide-up .2s ease-out}.confirm-modal-header{display:flex;align-items:flex-start;gap:12px}.confirm-modal-title{flex:1;font-size:1rem;font-weight:700;color:var(--color-soft-black);line-height:1.35}.confirm-modal-close{background:transparent;border:0;padding:4px;cursor:pointer;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.confirm-modal-close:hover{background:var(--color-border)}.confirm-modal-info{font-size:.875rem;color:var(--color-gray);line-height:1.4}.confirm-modal-footer{display:flex;gap:16px;background:var(--color-white);margin:8px -16px -16px;padding:12px 16px;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.confirm-modal-footer>button{flex:1}@keyframes confirm-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes confirm-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.toast-host{position:fixed;top:20px;left:0;right:0;z-index:300;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;background:var(--color-white);color:var(--color-soft-black);padding:12px 18px;border-radius:10px;box-shadow:0 6px 20px #0000001f;font-size:.9rem;font-weight:500;max-width:90%;border-left:4px solid var(--color-cyan);animation:toast-in .18s ease-out}.toast-success{border-left-color:#4caf50}.toast-error{border-left-color:var(--color-magenta)}.toast-info{border-left-color:var(--color-cyan)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dev-settings{display:flex;flex-direction:column;gap:20px}.dev-settings-section{display:flex;flex-direction:column;gap:6px}.dev-settings-readonly{padding:12px 14px;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;color:var(--color-soft-black)}.dev-settings-help{font-size:.75rem;color:var(--color-gray);word-break:break-all}.dev-settings-help code{background:var(--color-bg);padding:1px 6px;border-radius:4px;font-size:.7rem}.dev-settings-actions{display:flex;gap:10px;margin-top:8px}.dev-settings-actions>button{flex:1}.dev-settings-saved{background:var(--color-magenta-light);color:var(--color-magenta);padding:10px 12px;border-radius:8px;font-size:.85rem;text-align:center}.env-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-magenta-light);color:var(--color-magenta);font-size:.625rem;font-weight:600;text-align:center;padding:2px 8px;opacity:.5;pointer-events:none;z-index:100}.appreciation{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-cyan);color:var(--color-white);overflow:hidden}.appreciation-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.appreciation-body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.appreciation-check{width:150px;height:150px}.appreciation-heading{font-size:1rem;margin:8px 0 0}.appreciation-subheading{font-size:2.5rem;font-weight:700;margin:16px 0 0}.appreciation-names{font-size:1.5rem;font-weight:700;margin:8px 0 0}.appreciation-subheading2{font-size:1rem;font-weight:400;margin:16px 0 0}.appreciation-counts{display:flex;flex-wrap:wrap;justify-content:center;column-gap:60px;row-gap:16px;padding-top:24px;width:100%}.appreciation-count{display:flex;flex-direction:column;align-items:center;width:40%}.appreciation-count-value{font-size:2.5rem;font-weight:700}.appreciation-count-label{font-size:1.25rem;font-weight:400}.appreciation-footer{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding:16px;width:100%}.appreciation-share-btn,.appreciation-next-btn{width:100%;padding:16px;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer}.appreciation-share-btn{background:transparent;border:1px solid var(--color-white);color:var(--color-white)}.appreciation-next-btn{background:var(--color-white);border:0;color:var(--color-soft-black)}.image-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg);display:flex;flex-direction:column}.image-viewer-header{height:55px;min-height:55px;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.image-viewer-header-btn{background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;flex-shrink:0}.image-viewer-header-btn:hover{background:var(--color-bg)}.image-viewer-header-title{font-size:1rem;font-weight:700;color:var(--color-soft-black);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.image-viewer-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-viewer-bottom{height:80px;background:#ffffffd9;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.image-viewer-nav-btn{background:transparent;border:0;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.image-viewer-nav-btn:disabled{cursor:default;opacity:.5}.image-viewer-counter{font-size:1rem;font-weight:600;color:var(--color-soft-black)}.pdf-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg);display:flex;flex-direction:column}.pdf-viewer-header{height:55px;min-height:55px;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0}.pdf-viewer-back{background:transparent;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;flex-shrink:0}.pdf-viewer-back:hover{background:var(--color-bg)}.pdf-viewer-title{font-size:1rem;font-weight:700;color:var(--color-soft-black);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-viewer-open-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:16px;flex-shrink:0;text-decoration:none}.pdf-viewer-open-btn:hover{background:var(--color-bg)}.pdf-viewer-body{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.pdf-viewer-body .spinner-center{position:absolute;top:0;right:0;bottom:0;left:0}.pdf-viewer-object{flex:1;width:100%;height:100%;border:none;display:block}.pdf-viewer-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;color:var(--color-gray)}