*{margin:0;padding:0;box-sizing:border-box}:root{--purple-primary: #6c5ccc;--purple-dark: #5a4fcf;--purple-light: #a89ee0;--purple-bg: #eceaf8;--green-primary: #4caf7d;--text-dark: #2d2d5e;--text-medium: #6b6b9e;--text-light: #a0a0c0;--white: #ffffff;--text-on-primary: #ffffff;--orange: #f07d42;--blue-accent: #5b9cf6;--bg-surface: #ffffff;--bg-app: #f2f0ff;--bg-input: #f8f7ff;--bg-hover: #f4f2ff;--bg-selected: #ede9ff;--bg-row-hover: #faf9ff;--bg-info: #f0edff;--error: #d32f2f;--error-bright: #e53935;--logout-bg: rgba(255, 80, 80, .25);--logout-bg-hover: rgba(255, 80, 80, .4);--shadow-icon: 0 2px 10px rgba(124, 111, 205, .12);--shadow-card: 0 2px 12px rgba(124, 111, 205, .08);--shadow-panel: 0 4px 16px rgba(124, 111, 205, .1);--shadow-form: 0 4px 20px rgba(124, 111, 205, .1);--shadow-btn: 0 4px 14px rgba(90, 79, 207, .3);--shadow-profile: 0 6px 24px rgba(90, 79, 207, .3);--shadow-login-btn: 0 6px 20px rgba(90, 79, 207, .35);--radius-card: 20px;--radius-group: 18px;--border-subtle: 1.5px solid rgba(124, 111, 205, .15);--border-divider: rgba(124, 111, 205, .08);--focus-ring: 2px solid rgba(124, 111, 205, .4);--gradient-primary: linear-gradient(135deg, #8b7ed8, #5a4fcf);--gradient-primary-dim: linear-gradient(135deg, #7c6fcd, #5a4fcf);--gradient-avatar: linear-gradient(135deg, #ede9ff, #dbd5f7);--gradient-shimmer: linear-gradient(90deg, #f0eef8 25%, #e8e5f3 50%, #f0eef8 75%);--border-color-subtle: rgba(124, 111, 205, .15);--error-border-light: rgba(220, 53, 69, .15);--error-bg-light: rgba(220, 53, 69, .06)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-dark);height:100vh;height:100dvh;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:var(--bg-app);touch-action:pan-x pan-y}#root{width:100%;height:100%}.phone-frame{width:100%;max-width:480px;min-width:360px;height:100%;background:var(--white);overflow:hidden;position:relative;display:flex;flex-direction:column;margin:0 auto}.tab-pane{position:absolute;inset:0;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}.tab-pane-active{visibility:visible;pointer-events:auto;z-index:1}.tab-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:8px 20px 0;position:relative;z-index:1;gap:18px;mask-image:linear-gradient(to bottom,transparent,black 6px);-webkit-mask-image:linear-gradient(to bottom,transparent,black 6px)}.tab-screen::-webkit-scrollbar{display:none}.tab-screen:after{content:"";display:block;height:56px;flex-shrink:0}.required-label{font-size:10px;font-weight:600;color:var(--purple-primary);text-transform:uppercase;margin-left:6px;letter-spacing:.05em}.wave-bg{position:fixed;top:0;left:0;right:0;height:200px;pointer-events:none;z-index:0;background:var(--bg-app)}.wave-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg-app));pointer-events:none}.wave-bg svg{width:100%;height:100%}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:200;max-width:420px;width:calc(100% - 40px);pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 18px;border-radius:14px;font-size:14px;font-weight:700;text-align:left;box-shadow:0 4px 20px #00000026;animation:toast-in .25s ease-out;pointer-events:auto}.toast-message{flex:1;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;opacity:.7}.toast-close:hover{opacity:1}.toast.success{background:#e8f5e9;color:#2e7d32}.toast.error{background:#ffebee;color:#c62828}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.login-screen{background:var(--bg-app);position:relative;overflow:hidden;justify-content:center}.login-logo-area{display:flex;align-items:center;justify-content:center;gap:14px;padding:0 32px;margin:24px 0;position:relative;z-index:1}.login-brand{font-size:26px;color:var(--text-dark)}.login-brand-bold{font-weight:800}.login-brand-light{font-weight:400}.login-title{font-size:24px;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:8px}.login-subtitle{font-size:14px;color:var(--text-medium);text-align:center;margin-bottom:28px}.login-form-area{margin:0 20px 24px;padding:24px 20px;background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-form);position:relative;z-index:1;display:flex;flex-direction:column;gap:0}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-field{display:flex;align-items:center;background:var(--bg-input);border-radius:16px;padding:0 16px;height:58px;margin-bottom:14px;border:1.5px solid transparent}.login-field:focus-within{border-color:var(--purple-primary)}.login-field.error{border-color:var(--error);margin-bottom:4px}.field-error{font-size:12px;color:var(--error);padding-left:16px;margin-bottom:10px;display:block}.login-field-icon{display:flex;align-items:center;margin-right:12px;flex-shrink:0}.login-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text-dark);outline:none;font-family:inherit}.login-input::placeholder{color:var(--text-light)}.login-eye-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;margin-left:6px;flex-shrink:0}.login-link{background:none;border:none;color:var(--purple-primary);font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}.login-link:hover{text-decoration:underline}.login-btn{width:100%;padding:18px;background:var(--gradient-primary);color:var(--text-on-primary);border:none;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s;margin-bottom:24px;box-shadow:var(--shadow-login-btn)}.login-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:395px){.login-brand{font-size:22px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.login-field{border-radius:12px;padding:0 12px;height:48px}.login-input{font-size:14px}.login-btn{font-size:16px}}.recovery-screen{background:var(--bg-app);position:relative;overflow:hidden;justify-content:center}.recovery-form-area{margin:0 20px 24px;padding:24px 20px;background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-form);position:relative;z-index:1;display:flex;flex-direction:column;gap:0}.recovery-title{font-size:24px;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:8px}.recovery-subtitle{font-size:14px;color:var(--text-medium);text-align:center;margin-bottom:28px}@media(max-width:395px){.recovery-title{font-size:20px}.recovery-subtitle{font-size:13px}}.recovery-cooldown{font-size:13px;color:var(--text-medium);text-align:center;margin-top:-10px;margin-bottom:14px}.verify-screen{background:var(--bg-app);position:relative;overflow:hidden;justify-content:center}.verify-form-area{margin:0 20px 24px;padding:24px 20px;background:var(--bg-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-form);position:relative;z-index:1;display:flex;flex-direction:column;gap:0}.verify-title{font-size:24px;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:8px}.verify-subtitle{font-size:14px;color:var(--text-medium);text-align:center;margin-bottom:28px}.verify-code-boxes{display:flex;justify-content:center;gap:8px;margin-bottom:14px;position:relative;cursor:text}.verify-code-box{width:44px;height:54px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--text-dark);background:var(--bg-input);border-radius:12px;border:1.5px solid transparent}.verify-code-box.active{border-color:var(--purple-primary)}.verify-code-box.filled{background:#f0eeff}.verify-code-boxes.error .verify-code-box{border-color:var(--error)}.verify-code-hidden{position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;pointer-events:none}@media(max-width:395px){.verify-title{font-size:20px}.verify-subtitle{font-size:13px}.verify-code-box{width:38px;height:48px;font-size:20px;gap:6px}}.verify-cooldown{font-size:13px;color:var(--text-medium);text-align:center;margin-bottom:14px}.verify-links{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;min-width:360px;background:var(--bg-surface);border-top:1px solid rgba(124,111,205,.1);z-index:100;box-shadow:0 -4px 20px #7c6fcd14}.bottom-nav-inner{max-width:480px;margin:0 auto;display:flex;gap:8px;padding:10px 16px}.bottom-nav-item{flex:1;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50px;cursor:pointer;color:var(--text-light);padding:10px 0;transition:color .2s,background-color .2s}.bottom-nav-item.active{background:var(--purple-primary);color:var(--text-on-primary)}.heart-plus{fill:#fff}.bottom-nav-item.active .heart-plus{fill:var(--purple-primary)}.bottom-nav-icon{display:flex}.bottom-nav-item:focus-visible{outline:var(--focus-ring);outline-offset:2px;border-radius:8px}.app-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px 16px}.app-header-text{display:flex;align-items:center;gap:12px}.app-header-back{width:36px;height:36px;background:var(--bg-surface);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-icon);flex-shrink:0;margin-left:-4px}.app-header-title{font-size:24px;font-weight:800;color:var(--text-dark);line-height:1.3}.app-header-subtitle{font-size:13px;color:var(--text-medium)}.app-header-icons{display:flex;gap:12px;align-items:center;align-self:flex-start;flex-shrink:0;margin-right:-4px}.icon-btn{width:44px;height:44px;background:var(--bg-surface);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-icon);position:relative}.menu-icon-btn.menu-active{background:var(--purple-primary);cursor:default}.menu-icon-btn.menu-active svg path{fill:#fff}.badge{position:absolute;top:-4px;right:-4px;background:var(--error-bright);color:var(--text-on-primary);font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-app);box-sizing:border-box}.ind-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ind-metric-card{background:var(--bg-surface);border-radius:var(--radius-group);padding:18px 16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-panel)}.ind-metric-label{font-size:12px;color:var(--text-medium);font-weight:500}.ind-metric-value{font-size:28px;font-weight:800}.ind-metric-value.green{color:#4caf7d}.ind-metric-value.orange{color:#f0b429}.ind-metric-trend{font-size:11px;color:var(--text-light)}.ind-chart-card{background:var(--bg-surface);border-radius:var(--radius-card);padding:18px 16px;box-shadow:var(--shadow-panel)}.ind-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ind-chart-title{font-size:15px;font-weight:700;color:var(--text-dark)}.period-filters{display:flex;gap:4px;background:var(--bg-app);border-radius:10px;padding:3px}.period-btn{background:none;border:none;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text-medium);cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.period-btn.active{background:var(--bg-surface);color:var(--purple-primary);box-shadow:0 1px 4px #7c6fcd26}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:120px;gap:6px}.bar-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;height:100%}.bar-track{flex:1;width:100%;background:var(--bg-app);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:6px;transition:height .4s ease;min-height:4px}.bar-label{font-size:11px;color:var(--text-medium);font-weight:500}.ind-sectors-card{background:var(--bg-surface);border-radius:var(--radius-card);padding:18px 16px;box-shadow:var(--shadow-panel)}.ind-sectors-title{font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:16px}.sector-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sector-row:last-child{margin-bottom:0}.sector-info{display:flex;flex-direction:column;width:90px;flex-shrink:0}.sector-name{font-size:13px;font-weight:600;color:var(--text-dark)}.sector-risk{font-size:11px;font-weight:600}.sector-bar-track{flex:1;height:8px;background:var(--bg-app);border-radius:4px;overflow:hidden}.sector-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.sector-pct{font-size:12px;font-weight:700;color:var(--text-dark);width:32px;text-align:right;flex-shrink:0}.checkin-card{background:var(--bg-surface);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-panel)}.checkin-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.checkin-emoji{font-size:28px}.checkin-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.checkin-subtitle{font-size:12px;color:var(--text-medium)}.mood-row{display:flex;justify-content:space-between;gap:4px}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-hover);border:2px solid transparent;border-radius:14px;padding:10px 6px;cursor:pointer;font-family:inherit;flex:1;transition:border-color .2s,background .2s}.mood-btn.selected{border-color:var(--purple-primary);background:var(--bg-selected)}.mood-emoji{font-size:24px}.mood-label{font-size:10px;color:var(--text-medium);font-weight:500}.checkin-confirm{margin-top:14px;background:#e8f5ee;border-radius:10px;padding:10px 14px;font-size:13px;color:#3a9c63;font-weight:500;text-align:center}.resources-section{display:flex;flex-direction:column;gap:10px}.resources-title{font-size:17px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.resource-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-group);border:none;cursor:pointer;font-family:inherit;text-align:left;transition:transform .15s}.resource-card:hover{transform:translate(2px)}.resource-icon{font-size:26px}.resource-body{flex:1}.resource-title{font-size:14px;font-weight:700;margin-bottom:2px}.resource-desc{font-size:12px;color:var(--text-medium);line-height:1.4}.resource-arrow{font-size:22px;font-weight:300}.support-card{background:var(--bg-surface);border-radius:var(--radius-group);padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-panel)}.support-info{display:flex;align-items:center;gap:12px;flex:1}.support-icon{font-size:24px}.support-title{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.support-subtitle{font-size:12px;color:var(--text-medium)}.support-btn{background:var(--gradient-primary-dim);color:var(--text-on-primary);border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s}.support-btn:hover{opacity:.9}.profile-card{background:var(--gradient-primary);border-radius:var(--radius-card);padding:14px 20px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-profile)}.profile-avatar{width:42px;height:42px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--text-on-primary);flex-shrink:0;border:2px solid rgba(255,255,255,.4)}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}.profile-name{font-size:16px;font-weight:700;color:var(--text-on-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-role{font-size:12px;color:#fffc}.profile-email{font-size:11px;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-logout-btn{background:var(--logout-bg);border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:7px 14px;color:var(--text-on-primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s;flex-shrink:0}.profile-logout-btn:hover{background:var(--logout-bg-hover)}.profile-logout-btn:disabled{opacity:.6;cursor:not-allowed}.menu-section-title{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;padding-left:4px}.menu-group{background:var(--bg-surface);border-radius:var(--radius-group);overflow:hidden;box-shadow:var(--shadow-card)}.menu-row{display:flex;align-items:center;gap:12px;padding:15px 16px;background:none;border:none;cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:background .15s}.menu-row:hover{background:var(--bg-row-hover)}.menu-row-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.menu-row-label{flex:1;font-size:15px;color:var(--text-dark);font-weight:500}.menu-divider{height:1px;background:var(--border-divider);margin-left:52px}.toggle-switch{width:44px;height:26px;border-radius:13px;background:#ddd;border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;padding:0}.toggle-switch.on{background:var(--purple-primary)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--bg-surface);box-shadow:0 1px 4px #0003;transition:transform .2s}.toggle-switch.on .toggle-thumb{transform:translate(18px)}.change-pw-panel{padding:12px 16px 16px;border-top:1px solid var(--border-divider)}.change-pw-panel form{display:flex;flex-direction:column}.change-pw-field{display:flex;align-items:center;background:var(--bg-input);border-radius:12px;padding:0 12px;height:48px;margin-bottom:10px;border:1.5px solid transparent}.change-pw-field:focus-within{border-color:var(--purple-primary)}.change-pw-field.error{border-color:var(--error);margin-bottom:4px}.change-pw-field-icon{display:flex;align-items:center;margin-right:10px;flex-shrink:0}.change-pw-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-dark);outline:none;font-family:inherit}.change-pw-input::placeholder{color:var(--text-light)}.change-pw-eye{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:4px;margin-left:6px}.change-pw-field-error{font-size:12px;color:var(--error);padding-left:12px;margin-bottom:8px;display:block}.change-pw-submit{width:100%;padding:14px;background:var(--gradient-primary);color:var(--text-on-primary);border:none;border-radius:24px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:4px;box-shadow:var(--shadow-btn);transition:opacity .2s}.change-pw-submit:disabled{opacity:.6;cursor:not-allowed}.change-pw-submit:hover:not(:disabled){opacity:.9}.bottom-sheet-backdrop{position:fixed;inset:0;background:#00000059;z-index:150;opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-backdrop.active{opacity:1}.bottom-sheet-content{position:relative;width:100%;max-width:480px;min-width:360px;background:var(--bg-surface);border-radius:var(--radius-card) var(--radius-card) 0 0;padding:32px 20px 75px;z-index:101;transform:translateY(100%);transition:transform .3s ease;max-height:85vh;overflow-y:auto}.bottom-sheet-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:var(--bg-app);color:var(--text-medium);cursor:pointer;transition:background .2s,color .2s;z-index:1}.bottom-sheet-close:hover{background:#e4e0f8;color:var(--purple-primary)}.bottom-sheet-close:focus-visible{outline:var(--focus-ring);outline-offset:2px}.bottom-sheet-content.active{transform:translateY(0)}.searchable-select{position:relative}.searchable-select-bar{display:flex;align-items:center;background:var(--bg-input);border:var(--border-subtle);border-radius:12px;padding:0 12px;height:44px;transition:border-color .2s,opacity .2s}.searchable-select-bar:focus-within,.searchable-select-bar.focused{border-color:var(--purple-primary)}.searchable-select-bar.disabled{opacity:.5;cursor:not-allowed}.searchable-select-icon{display:flex;align-items:center;margin-right:10px;flex-shrink:0}.searchable-select-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-dark);outline:none;font-family:inherit;height:100%}.searchable-select-bar.disabled .searchable-select-input{cursor:not-allowed}.searchable-select-input::placeholder{color:var(--text-light)}.searchable-select-clear{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:4px;margin-left:4px;flex-shrink:0}.searchable-select-clear:focus-visible{outline:var(--focus-ring);outline-offset:2px}.searchable-select-dropdown{background:var(--bg-surface);border:var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-panel);overflow-y:auto;z-index:200;scrollbar-width:thin;scrollbar-color:rgba(124,111,205,.2) transparent}.searchable-select-dropdown.drop-above{box-shadow:0 -4px 16px #7c6fcd1f}.searchable-select-dropdown::-webkit-scrollbar{width:4px}.searchable-select-dropdown::-webkit-scrollbar-thumb{background:#7c6fcd33;border-radius:2px}.searchable-select-option{display:block;width:100%;padding:10px 14px;border:none;background:none;font-size:14px;font-family:inherit;color:var(--text-dark);text-align:left;cursor:pointer;transition:background .1s}.searchable-select-option:first-child{border-radius:10px 10px 0 0}.searchable-select-option:last-child{border-radius:0 0 10px 10px}.searchable-select-option:only-child{border-radius:10px}.searchable-select-dropdown:not(.has-highlight) .searchable-select-option:hover,.searchable-select-option.highlighted{background:var(--bg-hover)}.searchable-select-option.selected{color:var(--purple-primary);font-weight:600;background:var(--bg-selected)}.searchable-select-option:focus-visible{outline:var(--focus-ring);outline-offset:2px}.searchable-select-empty{padding:14px;text-align:center;color:var(--text-light);font-size:14px;font-family:inherit}.searchable-select-loading{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px}.searchable-select-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--purple-primary);opacity:.4;animation:searchable-select-pulse 1s ease-in-out infinite}.searchable-select-loading-dot:nth-child(2){animation-delay:.15s}.searchable-select-loading-dot:nth-child(3){animation-delay:.3s}@keyframes searchable-select-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.searchable-select-create{font-style:italic;color:var(--purple-primary);font-weight:600}.tab-toolbar-btn:focus-visible,.tab-panel-submit:focus-visible,.tab-panel-cancel:focus-visible,.tab-row:focus-visible{outline:var(--focus-ring);outline-offset:2px}.tab-summary{display:flex}.tab-metric-card{background:var(--bg-surface);border-radius:12px;padding:8px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-card);flex:1}.tab-metric-icon{width:30px;height:30px;border-radius:8px;background:var(--purple-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-metric-text{display:flex;flex-direction:column;gap:1px}.tab-metric-value{font-size:18px;font-weight:800;color:var(--purple-primary);line-height:1.2}.tab-metric-label{font-size:11px;color:var(--text-light);font-weight:500}.tab-toolbar{display:flex;gap:8px}.tab-toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-surface);font-size:13px;font-weight:600;color:var(--text-medium);cursor:pointer;transition:border-color .2s,color .2s,background .2s;font-family:inherit}.tab-toolbar-btn:hover{border-color:var(--purple-primary);color:var(--purple-primary)}.tab-toolbar-btn.active{background:var(--purple-primary);color:var(--text-on-primary);border-color:var(--purple-primary)}.tab-toolbar-btn.has-value:not(.active){background:var(--purple-primary);color:var(--text-on-primary);border-color:var(--purple-primary)}.tab-filters-btn{margin-left:auto}.tab-filter-panel,.tab-new-panel,.tab-new-panel form{display:flex;flex-direction:column;gap:16px}.tab-panel-section{display:flex;flex-direction:column;gap:8px}.tab-panel-section-title{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;padding-left:2px}.tab-panel-input-bar{display:flex;align-items:center;background:var(--bg-input);border:var(--border-subtle);border-radius:12px;padding:0 12px;height:44px;transition:border-color .2s}.tab-panel-input-bar:focus-within{border-color:var(--purple-primary)}.tab-panel-input-icon{display:flex;align-items:center;margin-right:10px;flex-shrink:0;color:var(--text-light)}.tab-search-input,.tab-new-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-dark);outline:none;font-family:inherit;height:100%}.tab-search-input::placeholder,.tab-new-input::placeholder{color:var(--text-light)}.tab-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.tab-panel-submit{width:100%;padding:14px;border:none;border-radius:24px;background:var(--gradient-primary);font-size:15px;font-weight:700;color:var(--text-on-primary);cursor:pointer;font-family:inherit;box-shadow:var(--shadow-btn);transition:opacity .2s}.tab-panel-submit:hover:not(:disabled){opacity:.9}.tab-panel-submit:disabled{opacity:.6;cursor:not-allowed}.tab-panel-cancel{width:100%;padding:12px;border:none;border-radius:24px;background:none;font-size:14px;font-weight:600;color:var(--text-medium);cursor:pointer;font-family:inherit;transition:color .2s}.tab-panel-cancel:hover{color:var(--purple-primary)}.tab-list{display:flex;flex-direction:column;gap:10px}.tab-group{background:var(--bg-surface);border-radius:var(--radius-group);overflow:hidden;box-shadow:var(--shadow-card)}.tab-row{display:flex;align-items:center;gap:12px;padding:15px 16px;background:none;border:none;font-family:inherit;width:100%;text-align:left;cursor:pointer;transition:background .15s}.tab-row:hover{background:var(--bg-row-hover)}.tab-row-chevron{display:flex;align-items:center;flex-shrink:0;color:var(--text-light);transition:transform .2s}.tab-row-chevron.open{transform:rotate(90deg)}.tab-divider{height:1px;background:var(--border-divider);margin-left:52px}.tab-card-avatar{width:36px;height:36px;border-radius:10px;background:var(--gradient-avatar);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple-primary);flex-shrink:0}.tab-card-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tab-card-name{font-size:15px;font-weight:500;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-skeleton-card{display:flex;align-items:center;gap:12px;padding:15px 16px;pointer-events:none}.tab-skeleton-body{flex:1;display:flex;flex-direction:column}.tab-skeleton-circle{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--gradient-shimmer);background-size:200% 100%;animation:tab-shimmer 1.5s ease-in-out infinite}.tab-skeleton-line{height:12px;border-radius:6px;background:var(--gradient-shimmer);background-size:200% 100%;animation:tab-shimmer 1.5s ease-in-out infinite}.tab-skeleton-line.wide{width:70%;margin-bottom:6px}.tab-skeleton-line.narrow{width:40%;height:10px}@keyframes tab-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.tab-empty-icon{display:flex;align-items:center;justify-content:center}.tab-empty-text{font-size:14px;color:var(--text-medium);font-weight:500}.tab-end-of-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;color:var(--text-light);font-size:13px}.tab-end-of-list-label{display:flex;align-items:center;gap:6px}.tab-scroll-top{display:flex;align-items:center;gap:4px;margin-top:12px;padding:4px 10px;border:var(--border-subtle);border-radius:14px;background:var(--bg-surface);font-size:12px;font-weight:600;color:var(--purple-primary);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,opacity .2s}.tab-scroll-top:disabled{opacity:.4;cursor:not-allowed;outline:none;border-color:var(--border-color-subtle);background:var(--bg-surface);pointer-events:none}.tab-scroll-top:hover:not(:disabled){background:var(--bg-hover);border-color:var(--purple-primary)}.tab-scroll-top:focus-visible:not(:disabled){outline:var(--focus-ring);outline-offset:2px}.employers-tooltip-trigger:focus-visible{outline:var(--focus-ring);outline-offset:2px}.employers-tooltip-wrap{display:flex;align-items:center;gap:6px;position:relative}.employers-tooltip-trigger{display:flex;align-items:center;background:none;border:none;cursor:help;padding:0}.employers-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:0;right:0;padding:10px 12px;background:var(--text-dark);color:var(--text-on-primary);font-size:12px;font-weight:400;line-height:1.5;border-radius:10px;text-transform:none;letter-spacing:normal;z-index:20;pointer-events:none}.employers-tooltip-trigger:hover .employers-tooltip,.employers-tooltip-trigger:focus .employers-tooltip{display:block}.employers-sort-panel{display:flex;gap:8px}.employers-sort-chip{padding:8px 16px;border:var(--border-subtle);border-radius:12px;background:var(--bg-surface);font-size:13px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:border-color .2s,color .2s,background .2s;font-family:inherit}.employers-sort-chip:hover{border-color:var(--purple-primary)}.employers-sort-chip.selected{background:var(--purple-primary);border-color:var(--purple-primary);color:var(--text-on-primary);font-weight:600}.employers-card-client{font-size:12px;color:var(--text-light);font-weight:400}.employers-detail-panel{padding:12px 16px 16px;border-top:1px solid var(--border-divider)}.employers-detail-text{font-size:14px;color:var(--text-medium)}.dismissable-banner-panel{display:flex;flex-direction:column;gap:16px}.dismissable-banner-header{display:flex;align-items:center;gap:8px}.dismissable-banner-icon{display:flex;align-items:center;color:var(--purple-primary)}.dismissable-banner-title{font-size:16px;font-weight:700;color:var(--text-dark)}.dismissable-banner-text{font-size:13px;line-height:1.5;color:var(--text-medium)}.dismissable-banner-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-medium);cursor:pointer}.dismissable-banner-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--purple-primary);cursor:pointer}.dismissable-banner-btn{width:100%;padding:14px;border:none;border-radius:24px;background:var(--gradient-primary);font-size:15px;font-weight:700;color:var(--text-on-primary);cursor:pointer;font-family:inherit;box-shadow:var(--shadow-btn);transition:opacity .2s}.dismissable-banner-btn:hover{opacity:.9}.dismissable-banner-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.clients-segment:focus-visible,.clients-sort-chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.clients-textarea-bar{height:auto;align-items:flex-start;padding-top:11px;padding-bottom:8px}.clients-textarea-bar .tab-panel-input-icon{margin-top:1px}textarea.tab-new-input{height:auto;resize:none;padding:0;line-height:1.5;min-height:60px}.clients-segmented-control{display:flex;border-radius:12px;overflow:hidden;border:var(--border-subtle);width:fit-content}.clients-segment{padding:8px 16px;border:none;background:var(--bg-surface);font-size:13px;font-weight:500;color:var(--text-medium);cursor:pointer;transition:background .2s,color .2s;font-family:inherit}.clients-segment:first-child{border-right:1px solid var(--border-color-subtle)}.clients-segment.selected{background:var(--purple-primary);color:var(--text-on-primary);font-weight:600}.clients-segment:hover:not(.selected){background:var(--bg-selected)}.clients-sort-panel{display:flex;gap:8px}.clients-sort-chip{padding:8px 16px;border:var(--border-subtle);border-radius:12px;background:var(--bg-surface);font-size:13px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:border-color .2s,color .2s,background .2s;font-family:inherit}.clients-sort-chip.selected{background:var(--purple-primary);border-color:var(--purple-primary);color:var(--text-on-primary);font-weight:600}.clients-detail-panel{padding:12px 16px 16px;border-top:1px solid var(--border-divider);display:flex;flex-direction:column;gap:4px}.clients-detail-label{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}.clients-detail-desc{font-size:13px;color:var(--text-medium);font-weight:400}.clients-detail-empty{font-style:italic;color:var(--text-light)}.clients-detail-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.clients-detail-action-btn{padding:6px 14px;border:var(--border-subtle);border-radius:12px;background:var(--bg-surface);font-size:12px;font-weight:600;color:var(--purple-primary);cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.clients-detail-action-btn:hover{background:var(--bg-selected);border-color:var(--purple-primary)}.clients-detail-action-delete{color:var(--error);border-color:var(--error-border-light)}.clients-detail-action-delete:hover{background:var(--error-bg-light);border-color:var(--error)}.clients-card-sub{font-size:12px;color:var(--text-light);font-weight:400}.home-screen{background:var(--bg-app)}.status-card{background:var(--bg-surface);border-radius:var(--radius-card);padding:18px 20px;box-shadow:var(--shadow-form)}.status-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.status-card-title{font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.status-badge{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--green-primary);font-weight:600}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-divider{height:1px;background:#7c6fcd1a;margin-bottom:14px}.status-metrics{list-style:none;display:flex;flex-direction:column;gap:10px}.status-metrics li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dark)}.metric-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.green{background:#4caf7d}.blue{background:#5b9cf6}.red{background:#e53935}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;border:none;border-radius:var(--radius-group);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;color:var(--text-on-primary);line-height:1.4;text-align:left;transition:transform .15s,box-shadow .15s;min-height:100px}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.action-card.purple{background:var(--gradient-primary)}.action-card.green-soft{background:linear-gradient(135deg,#c8e6d0,#a5d6b5);color:var(--text-dark)}.action-card.blue{background:linear-gradient(135deg,#6aacf8,#4a8fe8)}.action-card.orange{background:linear-gradient(135deg,#f09060,#e06030)}.action-icon{font-size:26px}.insights-title{font-size:17px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.insight-card{background:var(--bg-surface);border-radius:16px;padding:16px 14px;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-dark);font-weight:500;box-shadow:var(--shadow-card);line-height:1.4}.insight-icon{font-size:20px;flex-shrink:0}