.auth-layout{overflow:hidden}.auth-fullscreen,.auth-layout{display:flex;height:100vh;width:100vw;position:relative;z-index:1}.auth-fullscreen{align-items:center;justify-content:center;background-color:var(--color-body-bg)}.auth-panel-left{flex:1 1;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);color:white;display:flex;flex-direction:column;justify-content:center;padding:64px;position:relative;overflow:hidden}.auth-panel-left:after{content:"";position:absolute;top:-10%;right:-10%;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.06);filter:blur(40px)}.auth-panel-right{flex:1 1;background-color:var(--color-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:48px;overflow-y:auto;border-left:1px solid var(--color-border)}@media (max-width:900px){.auth-panel-left{display:none}}@media (min-width:901px) and (max-width:1100px){.auth-panel-right{padding:32px 28px;overflow-y:auto;max-height:100vh}.auth-panel-left{padding:40px 32px}.auth-tagline{font-size:30px}.form-row{flex-direction:column;gap:0}}.auth-centered-card,.auth-form-container{width:100%;max-width:440px}.auth-centered-card{background-color:var(--color-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:40px;border-radius:var(--radius-card);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-logo{font-size:32px;font-weight:700;margin-bottom:24px;letter-spacing:-.03em;color:white}.auth-tagline{font-size:40px;font-weight:700;line-height:1.2;margin-bottom:32px;letter-spacing:-.02em}.social-proof-list{list-style:none;font-size:18px;display:flex;flex-direction:column;gap:16px;opacity:.9}.social-proof-item{display:flex;align-items:center;gap:12px}.auth-title{font-size:28px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.02em}.auth-subtitle{font-size:15px;color:var(--color-text-secondary);margin-bottom:32px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:16px}.form-row>.form-group{flex:1 1}.form-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-control-wrapper{position:relative;display:flex;align-items:stretch}.prefix{display:flex;align-items:center;padding:0 12px;background:var(--color-border-light);border:1px solid var(--color-border);border-right:none;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:14px;font-weight:500}.form-input{width:100%;height:44px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-inter);font-size:14px;outline:none;transition:all .2s;background-color:var(--color-body-bg);color:var(--color-text-primary)}.form-control-wrapper .form-input{border-top-left-radius:0;border-bottom-left-radius:0}.form-input::placeholder{color:var(--color-text-muted);opacity:.8}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(168,85,247,.08)}.form-input.is-error{border-color:var(--color-danger)}.form-input.is-error:focus{box-shadow:0 0 0 1px var(--color-danger)}.form-input.is-success{border-color:var(--color-success)}.form-input.is-success:focus{box-shadow:0 0 0 1px var(--color-success)}.error-text{font-size:12px;color:var(--color-danger);margin-top:4px}.btn-full{width:100%;height:44px;justify-content:center;font-size:15px;margin-top:8px}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.terms-text{font-size:13px;color:var(--color-text-secondary);text-align:center;margin-top:24px}.forgot-password-link{display:block;text-align:right;font-size:13px;color:var(--color-primary);font-weight:500;margin-top:-12px;margin-bottom:20px}.forgot-password-link:hover{text-decoration:underline}@media (max-width:600px){.auth-panel-right{padding:24px 16px!important}.form-row{flex-direction:column!important;gap:0!important}.auth-title{font-size:24px!important}.auth-centered-card{padding:24px 16px!important}}.signup-layout{--signup-bg:#FFFFFF;--signup-sidebar-bg:linear-gradient(155deg,#FBFAFF,#F3EFFF 48%,#FBEFFB);--signup-card-bg:#FFFFFF;--signup-card-border:#E8E5F0;--signup-text-primary:#0F172A;--signup-text-secondary:#5B6472;--signup-text-muted:#9AA1AE;--signup-input-bg:#FFFFFF;--signup-input-border:#E2E0EC;--signup-phone-prefix-bg:#F8FAFC;--signup-badge-bg:#EDE9FE;--signup-badge-text:#7C3AED;--signup-badge-border:rgba(124,58,237,0.18);--signup-panel-right-bg:#F5F2FF;background-color:var(--signup-bg);color:var(--signup-text-primary);width:100vw;min-height:100vh;height:100vh;display:flex;overflow:hidden}.dark .signup-layout{--signup-bg:#0B0814;--signup-sidebar-bg:linear-gradient(155deg,#0A0616,#140B2E 50%,#1E1040);--signup-card-bg:#15112A;--signup-card-border:#2C2748;--signup-text-primary:#F1EEFF;--signup-text-secondary:#A39FC0;--signup-text-muted:#6B6688;--signup-input-bg:#1A1530;--signup-input-border:#2F2A4C;--signup-phone-prefix-bg:#1A1530;--signup-badge-bg:rgba(192,132,252,0.12);--signup-badge-text:#C084FC;--signup-badge-border:rgba(192,132,252,0.25);--signup-panel-right-bg:#0C0919}.signup-layout .auth-panel-left{flex:1.05 1;background:var(--signup-sidebar-bg);color:var(--signup-text-primary);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:28px 40px;overflow:hidden;border-right:1px solid var(--signup-card-border)}.signup-layout .auth-panel-left:after{display:none}.signup-layout .left-inner{width:100%;max-width:600px;display:flex;flex-direction:column;flex:1 1;min-height:0;position:relative;z-index:1;justify-content:center}.signup-layout .auth-panel-right{flex:0.95 1;background-color:var(--signup-panel-right-bg);display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:20px 24px;overflow-y:auto;border-left:none}.signup-layout .left-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin-bottom:20px;letter-spacing:-.02em;color:var(--signup-text-primary)}.signup-layout .left-logo img{height:30px;width:30px}.signup-layout .left-logo-text{color:var(--signup-text-primary)}.signup-layout .left-logo-text-sync{color:var(--color-primary)}.signup-layout .trial-badge{display:inline-flex;align-items:center;gap:6px;background-color:var(--signup-badge-bg);color:var(--signup-badge-text);padding:7px 16px;border-radius:9999px;font-size:12.5px;font-weight:600;margin-bottom:18px;border:1px solid var(--signup-badge-border);width:-moz-fit-content;width:fit-content}.signup-layout .main-title{font-size:33px;font-weight:800;line-height:1.08;color:var(--signup-text-primary);margin-bottom:14px;letter-spacing:-.03em}.signup-layout .main-title .highlight-text{color:var(--signup-badge-text)}.signup-layout .main-subtitle{font-size:14.5px;color:var(--signup-text-secondary);line-height:1.55;margin-bottom:22px;max-width:430px}.signup-layout .features-list{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 24px;gap:14px 24px}.signup-layout .features-list li{display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:600;color:var(--signup-text-primary)}.signup-layout .feature-icon{width:34px;height:34px;border-radius:50%;background-color:var(--signup-badge-bg);color:var(--signup-badge-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.signup-layout .dash-mockup{width:100%;flex:0 0 auto;height:clamp(300px,46vh,440px);display:flex;background-color:var(--signup-card-bg);border:1px solid var(--signup-card-border);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px -20px rgba(76,29,149,.25)}.signup-layout .dash-sidebar{width:130px;flex-shrink:0;padding:14px 10px;border-right:1px solid var(--signup-card-border);display:flex;flex-direction:column;gap:12px}.signup-layout .dash-logo{display:flex;align-items:center;gap:7px;font-weight:800;font-size:14px;color:var(--signup-text-primary)}.signup-layout .dash-logo img{width:20px;height:20px}.signup-layout .dash-nav{display:flex;flex-direction:column;gap:2px}.signup-layout .dash-nav-item{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:6px;font-size:10.5px;font-weight:500;color:var(--signup-text-secondary)}.signup-layout .dash-nav-item.active{background-color:var(--signup-badge-bg);color:var(--signup-badge-text);font-weight:600}.signup-layout .dash-main{flex:1 1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.signup-layout .dash-main-title{font-size:14px;font-weight:700;color:var(--signup-text-primary)}.signup-layout .dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.signup-layout .dash-kpi{background-color:var(--signup-card-bg);border:1px solid var(--signup-card-border);border-radius:8px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}.signup-layout .dash-kpi .k-label{font-size:9px;color:var(--signup-text-secondary);font-weight:500}.signup-layout .dash-kpi .k-value{font-size:16px;font-weight:800;color:var(--signup-text-primary);line-height:1.05;letter-spacing:-.02em}.signup-layout .dash-kpi .k-trend{font-size:8px;font-weight:600}.signup-layout .dash-kpi .k-trend.up{color:#16A34A}.dark .signup-layout .dash-kpi .k-trend.up{color:#4ADE80}.signup-layout .dash-kpi .k-trend.link{color:var(--signup-badge-text)}.signup-layout .dash-lower{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:10px;gap:10px;flex:1 1;min-height:0}.signup-layout .dash-chart,.signup-layout .dash-checkins{background-color:var(--signup-card-bg);border:1px solid var(--signup-card-border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;min-height:0}.signup-layout .dash-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}.signup-layout .dash-chart-head>span:first-child{font-size:11px;font-weight:600;color:var(--signup-text-primary)}.signup-layout .dash-chart-filter{font-size:8.5px;color:var(--signup-text-secondary);border:1px solid var(--signup-card-border);border-radius:4px;padding:3px 6px}.signup-layout .dash-chart-body{display:flex;gap:5px;flex:1 1;min-height:64px}.signup-layout .dash-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:7.5px;color:var(--signup-text-muted)}.signup-layout .dash-chart-svg{flex:1 1;height:100%;width:100%}.signup-layout .dash-x-axis{display:flex;justify-content:space-between;font-size:8px;color:var(--signup-text-muted);margin-top:5px;padding-left:22px;flex-shrink:0}.signup-layout .dash-checkins-head{font-size:11px;font-weight:600;color:var(--signup-text-primary);margin-bottom:10px;flex-shrink:0}.signup-layout .dash-checkins-list-wrapper{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;gap:6px;scrollbar-width:none}.signup-layout .dash-checkins-list-wrapper::-webkit-scrollbar{display:none}.signup-layout .dash-checkin{display:flex;align-items:center;gap:8px;margin-bottom:0;flex-shrink:0;padding:6px 8px;background-color:var(--signup-input-bg);border:1px solid var(--signup-card-border);border-radius:6px}.signup-layout .dash-viewall{flex-shrink:0;margin-top:8px;padding-top:8px;border-top:1px dashed var(--signup-card-border);font-size:9.5px;font-weight:600;color:var(--signup-badge-text);text-align:center;cursor:pointer;transition:color .15s,background-color .15s;border-radius:0 0 6px 6px}.signup-layout .dash-viewall:hover{color:var(--color-primary-hover)}.signup-layout .dash-pulse-dot{width:5px;height:5px;border-radius:50%;background-color:var(--color-success);margin-left:auto;flex-shrink:0;animation:statusPulse .8s ease-in-out infinite}.signup-layout .dash-avatar{width:22px;height:22px;border-radius:50%;background-color:#EDE9FE;color:#7C3AED;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.signup-layout .dash-avatar.blue{background-color:#E0F2FE;color:#0284C7}.signup-layout .dash-avatar.pink{background-color:#FDF2F8;color:#DB2777}.signup-layout .dash-ci-info{display:flex;flex-direction:column;line-height:1.15}.signup-layout .dash-ci-info strong{font-size:10px;font-weight:600;color:var(--signup-text-primary)}.signup-layout .dash-ci-info span{font-size:8px;color:var(--signup-text-muted)}.signup-layout .dash-avatar.green{background-color:#DCFCE7;color:#15803D}.signup-layout .relative-kpi{position:relative}.signup-layout .float-revenue-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-success);color:white;font-size:8px;font-weight:700;padding:3px 6px;border-radius:4px;pointer-events:none;white-space:nowrap;animation:floatUpFade 1.2s ease-out forwards;z-index:10}@keyframes floatUpFade{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(.95)}}.signup-layout .chart-transition-path{transition:d .4s ease-in-out}.signup-layout .dash-tab-content{flex:1 1;min-height:0;display:flex;flex-direction:column;background-color:var(--signup-card-bg);border:1px solid var(--signup-card-border);border-radius:8px;padding:10px 12px}.signup-layout .dash-members-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0}.signup-layout .dash-search-wrapper{position:relative;flex:1 1;display:flex;align-items:center}.signup-layout .dash-search-icon{position:absolute;left:6px;color:var(--signup-text-muted)}.signup-layout .dash-preview-input{width:100%;height:22px;padding:2px 6px 2px 18px;font-size:9px;background-color:var(--signup-input-bg);border:1px solid var(--signup-input-border);border-radius:4px;color:var(--signup-text-primary);outline:none}.signup-layout .dash-preview-input:focus{border-color:var(--color-primary)}.signup-layout .dash-add-member-form{display:flex;gap:4px;flex:1 1}.signup-layout .dash-add-member-form .dash-preview-input{padding-left:6px}.signup-layout .dash-preview-btn-add{height:22px;width:22px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:white;border:none;border-radius:4px;cursor:pointer;flex-shrink:0}.signup-layout .dash-preview-btn-add:hover{background-color:var(--color-primary-hover)}.signup-layout .dash-members-list-wrapper{flex:1 1;min-height:0;overflow-y:auto}.signup-layout .dash-members-table{width:100%;border-collapse:collapse;font-size:9.5px}.signup-layout .dash-members-table th{text-align:left;font-weight:600;color:var(--signup-text-muted);padding:4px 6px;border-bottom:1px solid var(--signup-card-border)}.signup-layout .dash-members-table td{padding:5px 6px;border-bottom:1px dashed var(--signup-card-border);color:var(--signup-text-primary);vertical-align:middle}.signup-layout .dash-status-pill{display:inline-flex;align-items:center;padding:1.5px 5px;border-radius:9999px;font-size:8px;font-weight:700}.signup-layout .dash-status-pill.active{background-color:var(--color-success-bg);color:var(--color-success-text)}.signup-layout .dash-status-pill.inactive{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.signup-layout .dash-attendance-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;gap:6px}.signup-layout .dash-attendance-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background-color:var(--signup-input-bg);border:1px solid var(--signup-card-border);border-radius:6px}.signup-layout .dash-member-name{font-size:10px;font-weight:600;color:var(--signup-text-primary)}.signup-layout .dash-checkin-btn{font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px;border:1px solid var(--signup-input-border);background-color:var(--signup-card-bg);color:var(--signup-text-secondary);cursor:pointer;transition:all .2s}.signup-layout .dash-checkin-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.signup-layout .dash-checkin-btn.checked{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text);cursor:not-allowed}.signup-layout .dash-payments-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.signup-layout .dash-payments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-shrink:0}.signup-layout .dash-payments-title{font-size:11px;font-weight:600;color:var(--signup-text-primary)}.signup-layout .dash-payment-record-btn{display:flex;align-items:center;gap:4px;font-size:8.5px;font-weight:700;padding:3px 8px;border-radius:4px;border:none;background-color:var(--color-primary);color:white;cursor:pointer}.signup-layout .dash-payment-record-btn:hover{background-color:var(--color-primary-hover)}.signup-layout .dash-payments-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;gap:5px}.signup-layout .dash-payment-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background-color:var(--signup-input-bg);border:1px solid var(--signup-card-border);border-radius:6px}.signup-layout .dash-pay-member{display:flex;flex-direction:column;line-height:1.2}.signup-layout .dash-pay-member strong{font-size:9.5px;color:var(--signup-text-primary);font-weight:600}.signup-layout .dash-pay-member span{font-size:7.5px;color:var(--signup-text-muted)}.signup-layout .dash-pay-details{display:flex;align-items:center;gap:8px}.signup-layout .dash-pay-amount{font-size:9.5px;font-weight:700;color:var(--signup-text-primary)}.signup-layout .dash-pay-status{font-size:7.5px;font-weight:700;padding:1.5px 4px;border-radius:3px;text-transform:uppercase}.signup-layout .dash-pay-status.paid{background-color:var(--color-success-bg);color:var(--color-success-text)}.signup-layout .dash-pay-status.pending{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.signup-layout .dash-settings-container{flex:1 1;min-height:0;display:flex;flex-direction:column}.signup-layout .dash-settings-header{font-size:11px;font-weight:600;color:var(--signup-text-primary);margin-bottom:8px;flex-shrink:0}.signup-layout .dash-settings-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;justify-content:safe center;gap:6px}.signup-layout .dash-setting-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:var(--signup-input-bg);border:1px solid var(--signup-card-border);border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.signup-layout .dash-setting-row:focus-visible{outline:2px solid var(--color-primary)}.signup-layout .dash-setting-info{display:flex;flex-direction:column;line-height:1.2}.signup-layout .dash-setting-info strong{font-size:9.5px;color:var(--signup-text-primary);font-weight:600}.signup-layout .dash-setting-info span{font-size:7.5px;color:var(--signup-text-muted)}.signup-layout .dash-switch{width:22px;height:12px;background-color:var(--signup-input-border);border-radius:9999px;position:relative;transition:background-color .2s;cursor:pointer;flex-shrink:0}.signup-layout .dash-switch:after{content:"";position:absolute;top:1.5px;left:1.5px;width:9px;height:9px;background-color:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.15)}.signup-layout .dash-switch.active{background-color:var(--color-primary)}.signup-layout .dash-switch.active:after{transform:translateX(10px)}.signup-layout .signup-card{width:100%;max-width:520px;background-color:var(--signup-card-bg);border:1px solid var(--signup-card-border);border-radius:20px;padding:28px 32px;box-shadow:0 4px 32px -8px rgba(76,29,149,.12),0 1px 4px rgba(0,0,0,.04);display:flex;flex-direction:column;text-align:left}.signup-layout .signup-card-title{font-size:26px;font-weight:800;color:var(--signup-text-primary);margin-bottom:5px;letter-spacing:-.02em;text-align:center}.signup-layout .signup-card-subtitle{font-size:13.5px;color:var(--signup-text-secondary);margin-bottom:18px;text-align:center}.signup-layout .form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.signup-layout .form-label{font-size:12px;font-weight:600;color:var(--signup-text-primary);margin:0}.signup-layout .input-icon-wrapper{position:relative;display:flex;align-items:center;width:100%}.signup-layout .input-icon-wrapper .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--signup-text-muted);pointer-events:none;transition:color .2s;z-index:2}.signup-layout .input-icon-wrapper .form-input{width:100%;height:38px;padding:0 12px 0 40px;background-color:var(--signup-input-bg);border:1.5px solid var(--signup-input-border);border-radius:8px;color:var(--signup-text-primary);font-size:13.5px;font-weight:450;transition:all .2s}.signup-layout .form-input::placeholder{color:var(--signup-text-muted);opacity:1}.signup-layout .input-icon-wrapper .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(124,58,237,.12)}.signup-layout .input-icon-wrapper .form-input:focus+.input-icon{color:var(--color-primary)}.signup-layout .password-toggle-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--signup-text-muted);display:flex;align-items:center;padding:0;z-index:3}.signup-layout .password-toggle-btn:hover{color:var(--color-primary)}.signup-layout .phone-wrapper{position:relative;display:flex;align-items:stretch;width:100%}.signup-layout .phone-prefix-selector{display:flex;align-items:center;gap:5px;padding:0 10px 0 12px;background-color:var(--signup-phone-prefix-bg);border:1.5px solid var(--signup-input-border);border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px;color:var(--signup-text-secondary);font-size:13px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:38px;transition:border-color .2s}.signup-layout .prefix-arrow{font-size:9px;color:var(--signup-text-muted)}.signup-layout .phone-wrapper .form-input{width:100%;height:38px;padding:0 12px;border:1.5px solid var(--signup-input-border);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:var(--signup-input-bg);color:var(--signup-text-primary);font-size:13.5px;transition:all .2s}.signup-layout .phone-wrapper .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(124,58,237,.12);position:relative;z-index:1}.signup-layout .phone-wrapper:focus-within .phone-prefix-selector{border-color:var(--color-primary)}.signup-layout .btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-primary);color:#FFFFFF;border:none;border-radius:8px;height:40px;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .2s;width:100%;box-shadow:0 4px 12px rgba(124,58,237,.2);margin-top:6px}.signup-layout .btn-submit:hover{background-color:var(--color-primary-hover)}.signup-layout .btn-submit:active{transform:scale(.98)}.signup-layout .btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.signup-layout .auth-footer{margin-top:12px;text-align:center;font-size:13px;color:var(--signup-text-secondary)}.signup-layout .terms-text{font-size:12px;color:var(--signup-text-secondary);text-align:center;margin-top:8px;line-height:1.4}.signup-layout .auth-link{color:var(--color-primary);font-weight:600}.signup-layout .auth-link:hover{text-decoration:underline}.signup-layout .signup-user-badge{width:52px;height:52px;border-radius:14px;background-color:var(--signup-badge-bg);color:var(--signup-badge-text);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;border:1.5px solid var(--signup-badge-border)}.signup-layout .form-row-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 12px;gap:0 12px}.signup-layout .trust-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:12px;font-size:11px;color:#16A34A}.dark .signup-layout .trust-badges{color:#4ADE80}.signup-layout .trust-badge-item{display:flex;align-items:center;gap:4px;font-weight:500;white-space:nowrap}.signup-layout .trust-sep{color:var(--signup-text-muted);font-size:12px}.signup-layout .signup-footer-divider{height:1px;background-color:var(--signup-card-border);margin:14px 0}.signup-layout .form-input.is-error{border-color:#EF4444}.signup-layout .form-input.is-error:focus{box-shadow:0 0 0 4px rgba(239,68,68,.1)}.signup-layout .form-input.is-success{border-color:#22C55E}.signup-layout .form-input.is-success:focus{box-shadow:0 0 0 4px rgba(34,197,94,.1)}.signup-layout .error-text{font-size:12px;color:#EF4444;margin-top:2px}.dark .signup-layout .error-text{color:var(--color-danger)}.signup-layout .user-badge{width:48px;height:48px;border-radius:50%;background-color:var(--signup-badge-bg);color:var(--signup-badge-text);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1.5px solid var(--signup-badge-border)}.signup-layout .otp-icon-badge{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.signup-layout .channel-option-title{font-weight:600;font-size:15px;color:var(--signup-text-primary);margin-bottom:2px}.signup-layout .channel-option-desc{font-size:13px;color:var(--signup-text-secondary)}.signup-layout .otp-dest{color:var(--signup-text-primary);font-weight:600}.signup-layout .channel-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.signup-layout .channel-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;cursor:pointer;border:1.5px solid var(--signup-input-border);background:var(--signup-card-bg);text-align:left;width:100%;transition:all .15s;color:var(--signup-text-primary)}.signup-layout .channel-btn:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--signup-bg)}.signup-layout .channel-btn.whatsapp-style:hover:not(:disabled){border-color:#25D366}.signup-layout .back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--signup-text-secondary);font-size:14px;font-weight:600;margin-bottom:20px;padding:0;transition:color .15s}.signup-layout .back-btn:hover{color:var(--color-primary)}@media (max-width:1280px){.signup-layout .auth-panel-left{padding:22px 36px}.signup-layout .main-title{font-size:30px}.signup-layout .features-list{gap:12px 16px}}@media (max-width:980px){.signup-layout .auth-panel-left{display:none}.signup-layout .auth-panel-right{flex:1 1;padding:24px 16px}}@media (max-width:600px){.signup-layout .form-row-2col{grid-template-columns:1fr;gap:0}}@media (max-width:520px){.signup-layout .auth-panel-right{padding:12px}.signup-layout .signup-card{padding:22px 20px;border-radius:16px}.signup-layout .signup-card-title{font-size:22px}}@media (max-height:670px){.signup-layout .auth-panel-left,.signup-layout .auth-panel-right{overflow-y:auto}}.signup-layout .showcase-aurora,.signup-layout .showcase-grid{position:absolute;inset:0;pointer-events:none;z-index:0}.signup-layout .showcase-grid{background-image:linear-gradient(to right,var(--signup-card-border) 1px,transparent 1px),linear-gradient(to bottom,var(--signup-card-border) 1px,transparent 1px);background-size:38px 38px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 30% 0,#000 0,transparent 70%);mask-image:radial-gradient(120% 120% at 30% 0,#000 0,transparent 70%)}.dark .signup-layout .showcase-grid{opacity:.5}.signup-layout .showcase-aurora{background:radial-gradient(38% 42% at 18% 12%,rgba(124,58,237,.22) 0,transparent 70%),radial-gradient(34% 38% at 88% 22%,rgba(192,132,252,.18) 0,transparent 72%),radial-gradient(46% 50% at 70% 96%,rgba(124,58,237,.16) 0,transparent 72%);animation:auroraDrift 18s ease-in-out infinite alternate;filter:blur(8px)}.dark .signup-layout .showcase-aurora{background:radial-gradient(38% 42% at 18% 12%,rgba(168,85,247,.3) 0,transparent 70%),radial-gradient(34% 38% at 88% 22%,rgba(192,132,252,.22) 0,transparent 72%),radial-gradient(46% 50% at 70% 96%,rgba(124,58,237,.24) 0,transparent 72%)}@keyframes auroraDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,1%,0) scale(1.04)}}@keyframes authFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes authCardIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-layout .dash-mockup,.signup-layout .features-list,.signup-layout .left-logo,.signup-layout .main-subtitle,.signup-layout .main-title,.signup-layout .trial-badge{animation:authFadeUp .55s cubic-bezier(.16,1,.3,1) both}.signup-layout .left-logo{animation-delay:.02s}.signup-layout .trial-badge{animation-delay:.08s}.signup-layout .main-title{animation-delay:.14s}.signup-layout .main-subtitle{animation-delay:.2s}.signup-layout .features-list{animation-delay:.26s}.signup-layout .dash-mockup{animation-delay:.34s}.signup-layout .features-list li{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) both}.signup-layout .signup-card{animation:authCardIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}.signup-layout .dash-mockup{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.signup-layout .dash-mockup:hover{transform:translateY(-4px);box-shadow:0 32px 60px -22px rgba(76,29,149,.4)}.signup-layout .chart-line-stroke{stroke:var(--color-primary);stroke-dasharray:600;stroke-dashoffset:600;animation:chartDraw 1.2s cubic-bezier(.16,1,.3,1) forwards}.signup-layout .chart-area-fill{fill:rgba(124,58,237,.1);opacity:0;animation:chartFillIn .9s ease-out .35s forwards}.dark .signup-layout .chart-line-stroke{stroke:#C084FC}.dark .signup-layout .chart-area-fill{fill:rgba(192,132,252,.13)}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartFillIn{to{opacity:1}}.signup-layout .main-title .highlight-text{background:linear-gradient(100deg,#7C3AED,#C084FC 48%,#7C3AED);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:titleShimmer 5s linear infinite}.dark .signup-layout .main-title .highlight-text{background:linear-gradient(100deg,#A855F7,#F0E1FF 50%,#A855F7);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes titleShimmer{to{background-position:220%}}@media (max-height:780px){.signup-layout .left-inner{justify-content:flex-start}}.signup-layout .features-list li{transition:transform .2s ease}.signup-layout .features-list li:hover{transform:translateX(3px)}.signup-layout .feature-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.signup-layout .features-list li:hover .feature-icon{transform:scale(1.1);box-shadow:0 4px 12px var(--signup-badge-border)}.signup-layout .btn-submit{position:relative;overflow:hidden}.signup-layout .btn-submit:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease;pointer-events:none}.signup-layout .btn-submit:hover:not(:disabled):after{left:130%}.signup-layout .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px rgba(124,58,237,.35)}.signup-layout .pw-strength{display:flex;align-items:center;gap:8px;margin-top:7px}.signup-layout .pw-strength-track{display:flex;gap:3px;flex:1 1}.signup-layout .pw-strength-track span{height:4px;flex:1 1;border-radius:2px;background-color:var(--signup-input-border);transition:background-color .3s ease}.signup-layout .pw-strength-label{font-size:10px;font-weight:700;min-width:34px;text-align:right;letter-spacing:.02em;color:var(--signup-text-muted)}.signup-layout .pw-strength.fair .pw-strength-track span:nth-child(-n+2),.signup-layout .pw-strength.good .pw-strength-track span:nth-child(-n+3),.signup-layout .pw-strength.strong .pw-strength-track span:nth-child(-n+4),.signup-layout .pw-strength.weak .pw-strength-track span:nth-child(-n+1){background-color:currentColor}.signup-layout .pw-strength.weak{color:#EF4444}.signup-layout .pw-strength.fair{color:#F59E0B}.signup-layout .pw-strength.good{color:#84CC16}.signup-layout .pw-strength.strong{color:#22C55E}.signup-layout .pw-strength.weak .pw-strength-label{color:#EF4444}.signup-layout .pw-strength.fair .pw-strength-label{color:#F59E0B}.signup-layout .pw-strength.good .pw-strength-label{color:#65A30D}.signup-layout .pw-strength.strong .pw-strength-label{color:#16A34A}.dark .signup-layout .pw-strength.good .pw-strength-label{color:#A3E635}.dark .signup-layout .pw-strength.strong .pw-strength-label{color:#4ADE80}.signup-layout .signup-forgot{display:block;text-align:right;font-size:12.5px;font-weight:600;color:var(--color-primary);margin:2px 0 14px}.signup-layout .signup-forgot:hover{text-decoration:underline}@media (min-width:1600px){.signup-layout .left-inner{max-width:680px;margin:0 auto}.signup-layout .main-title{font-size:36px}.signup-layout .signup-card{max-width:540px}}@media (max-width:1440px) and (min-width:981px){.signup-layout .auth-panel-right{padding:20px}.signup-layout .signup-card{max-width:480px;padding:24px 28px}}@media (max-height:860px){.signup-layout .auth-panel-left{padding:22px 36px}.signup-layout .main-title{font-size:29px;margin-bottom:10px}.signup-layout .main-subtitle{margin-bottom:16px}.signup-layout .features-list{margin-bottom:18px;gap:10px 18px}.signup-layout .trial-badge{margin-bottom:14px}}@media (max-height:760px){.signup-layout .feature-icon{width:30px;height:30px}.signup-layout .features-list{gap:8px 16px;margin-bottom:14px}.signup-layout .main-title{font-size:26px}.signup-layout .signup-card{padding:22px 26px}.signup-layout .signup-card-title{font-size:23px}}@media (max-width:980px){.signup-layout .signup-card{max-width:460px;box-shadow:0 8px 40px -12px rgba(76,29,149,.18)}}@media (max-width:600px){.signup-layout .auth-panel-right{padding:18px 14px;align-items:stretch}.signup-layout .signup-card{max-width:100%;padding:24px 20px}.signup-layout .trust-badges{font-size:10.5px;gap:4px}}@media (max-width:380px){.signup-layout .signup-card{padding:20px 16px;border-radius:14px}.signup-layout .signup-card-title{font-size:21px}.signup-layout .signup-card-subtitle{font-size:12.5px}.signup-layout .channel-btn{padding:14px 16px;gap:12px}}.signup-layout{--gb-angle:0deg}.signup-layout .signup-card{position:relative;z-index:1;border:1px solid transparent;background:linear-gradient(var(--signup-card-bg),var(--signup-card-bg)) padding-box,conic-gradient(from var(--gb-angle),rgba(124,58,237,.55),var(--signup-card-border) 70deg,var(--signup-card-border) 290deg,rgba(192,132,252,.65) 330deg,rgba(124,58,237,.55)) border-box}.signup-layout .signup-card:hover{animation:authCardIn .5s cubic-bezier(.16,1,.3,1) .1s both,gbSpin 6s linear infinite}.signup-layout .auth-panel-right{position:relative}.signup-layout .auth-panel-right:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--signup-card-border) 1px,transparent 1.4px);background-size:26px 26px;opacity:.55;-webkit-mask-image:radial-gradient(85% 65% at 50% 0,black,transparent 78%);mask-image:radial-gradient(85% 65% at 50% 0,black,transparent 78%);pointer-events:none}.signup-layout .auth-panel-right:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(420px,70%);height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.5),transparent);box-shadow:0 0 22px 2px rgba(168,85,247,.22);animation:beamBreathe 6s ease-in-out infinite;pointer-events:none}.signup-layout .dash-mockup{position:relative}.signup-layout .dash-mockup:hover .mockup-glare{opacity:1}.signup-layout .dash-mockup.is-tilting{transition:transform .15s ease-out}.signup-layout .signup-user-badge{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) .16s both}.signup-layout .signup-card-title{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) .2s both}.signup-layout .signup-card-subtitle{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) .24s both}.signup-layout .signup-card form>*{animation:authFadeUp .5s cubic-bezier(.16,1,.3,1) both}.signup-layout .signup-card form>:first-child{animation-delay:.28s}.signup-layout .signup-card form>:nth-child(2){animation-delay:.34s}.signup-layout .signup-card form>:nth-child(3){animation-delay:.4s}.signup-layout .signup-card form>:nth-child(4){animation-delay:.46s}.signup-layout .signup-card form>:nth-child(5){animation-delay:.52s}.signup-layout .signup-card form>:nth-child(6){animation-delay:.58s}.signup-layout .signup-card form>:nth-child(7){animation-delay:.64s}.signup-layout .input-icon-wrapper .input-icon{transition:color .2s ease,transform .2s ease}.signup-layout .input-icon-wrapper:focus-within .input-icon{color:var(--color-primary);transform:translateY(-50%) scale(1.12)}.signup-layout ::selection{background:rgba(124,58,237,.28)}.dark .signup-layout ::selection{background:rgba(192,132,252,.32)}.signup-layout{position:relative}.signup-layout:after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.025;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.dark .signup-layout:after{opacity:.045;mix-blend-mode:overlay}.signup-layout .signup-card{box-shadow:0 1px 2px rgba(76,29,149,.05),0 6px 16px -6px rgba(76,29,149,.1),0 24px 48px -16px rgba(76,29,149,.16)}.dark .signup-layout .signup-card{box-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 20px -6px rgba(0,0,0,.45),0 28px 64px -18px rgba(124,58,237,.28)}@media (prefers-reduced-motion:reduce){.signup-layout .auth-panel-right:after,.signup-layout .signup-card:hover{animation:none}.signup-layout .signup-card form>*,.signup-layout .signup-card-subtitle,.signup-layout .signup-card-title,.signup-layout .signup-user-badge{animation:none;opacity:1}.signup-layout .dash-mockup{transform:none!important}}.global-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.global-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;color:white;background:var(--color-text-primary);min-width:280px;box-shadow:var(--shadow-lg);border-left:3px solid transparent}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning);color:white}.dark .global-toast{background:#12091f;border:1px solid rgba(192,132,252,.15);box-shadow:0 10px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.5);color:#F8FAFC}.toast-close{margin-left:auto;color:#A1A1AA;opacity:.8;padding:2px;transition:opacity .15s}.toast-close:hover{opacity:1;color:white}@keyframes toastSlideIn{0%{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.skeleton{background:linear-gradient(90deg,#F4F4F5 25%,#E4E4E7 50%,#F4F4F5 75%);background-size:200% 100%;animation:skeletonPulse 2s linear infinite;border-radius:var(--radius-sm)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-menu{width:200px;display:flex;flex-direction:column;gap:4px}.settings-menu-item{padding:8px 16px;border-radius:var(--radius-pill);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.settings-menu-item:hover{color:var(--color-text-primary);background:var(--color-border-light)}.settings-menu-item.active{background:var(--color-primary);color:white}.settings-content{flex:1 1;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:32px}.settings-section-title{font-size:16px;font-weight:600;margin-bottom:24px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:12px}@media (max-width:768px){.settings-layout{flex-direction:column}.settings-menu{width:100%;flex-direction:row;overflow-x:auto;gap:8px}.settings-menu-item{white-space:nowrap}}.members-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.members-toolbar-left{font-size:14px;font-weight:600;color:var(--color-text-primary)}.members-toolbar-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-select{height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-inter);font-size:13px;color:var(--color-text-primary);outline:none;background:var(--color-card-bg);cursor:pointer;transition:border-color .15s}.filter-select:focus{border-color:var(--color-primary)}.view-member-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:14px}.view-member-label{color:var(--color-text-secondary);font-weight:500;font-size:13px}.view-member-value{color:var(--color-text-primary);font-weight:500}.action-dropdown{position:absolute;right:0;top:100%;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;min-width:140px;overflow:hidden}.action-dropdown-item{padding:8px 16px;font-size:13px;color:var(--color-text-primary);cursor:pointer;transition:background .15s;display:block;width:100%;text-align:left}.action-dropdown-item:hover{background:var(--color-border-light)}.action-dropdown-item.danger{color:var(--color-danger)}.action-dropdown-item.danger:hover{background:var(--color-danger-bg)}.settings-content .toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.settings-content .toggle-switch input{opacity:0;width:0;height:0}.settings-content .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.settings-content .toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:white;transition:.3s;border-radius:50%}.settings-content input:checked+.toggle-slider{background-color:var(--color-primary)}.settings-content input:checked+.toggle-slider:before{transform:translateX(20px)}.active-plan-card{border-color:var(--color-primary)!important;box-shadow:0 10px 30px rgba(124,58,237,.08)!important}input,select,textarea{transition:border-color .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}input:focus,select:focus,textarea:focus{outline:none}button{transition:background-color .15s ease-out,transform .1s ease-out,box-shadow .15s ease-out}button:active{transform:scale(.98)}.error-message,.validation-message,[class*=error],[class*=validation]{animation:fadeSlideDown .2s ease-out forwards}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.action-button{transition:background-color .15s ease-out,transform .1s ease-out}.action-button:hover{transform:scale(1.02)}.action-button:active{transform:scale(.97)}.biometric-punch-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:none}.biometric-punch-card{pointer-events:auto;position:relative;display:flex;flex-direction:column;width:320px;padding:16px;border-radius:12px;background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}.dark .biometric-punch-card{background:#12091f;border:1px solid rgba(192,132,252,.15)}.biometric-punch-card.status-active{border-left:4px solid var(--color-success)}.biometric-punch-card.status-alert{border-left:4px solid var(--color-danger)}.punch-card-header{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-bottom:8px}.punch-card-header.text-active{color:var(--color-success)}.punch-card-header.text-alert{color:var(--color-danger)}.punch-card-body{display:flex;gap:12px;align-items:flex-start}.punch-avatar-fallback{width:40px;height:40px;border-radius:50%;background:var(--color-border-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.dark .punch-avatar-fallback{background:var(--color-primary-light);color:var(--color-primary)}.punch-info{display:flex;flex-direction:column;flex:1 1}.punch-name{font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.2}.punch-plan{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.punch-status-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;margin-top:4px;align-self:flex-start}.status-badge-active{background:var(--color-success-bg);color:var(--color-success-text)}.status-badge-alert{background:var(--color-danger-bg);color:var(--color-danger-text)}.punch-time{font-size:11px;margin-top:4px}.punch-close-btn,.punch-time{color:var(--color-text-muted)}.punch-close-btn{position:absolute;top:12px;right:12px;opacity:.6;transition:opacity .15s}.punch-close-btn:hover{opacity:1;color:var(--color-text-primary)}.punch-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--color-border);transition:width .1s linear}.punch-progress-bar.bar-active{background:var(--color-success)}.punch-progress-bar.bar-alert{background:var(--color-danger)}