.crm-workspace{--crm-primary: #b1d685;--crm-primary-dark: #7fb44f;--crm-deep: #075443;--crm-ink: #123f35;--crm-muted: #6f8179;--crm-surface: rgba(255, 255, 255, .9);--crm-soft: #f3f8ee;--crm-border: rgba(67, 108, 52, .22);box-sizing:border-box;min-height:calc(100vh - 132px);color:var(--crm-ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif}.crm-workspace *,.crm-workspace *:before,.crm-workspace *:after{box-sizing:border-box}.crm-workspace button,.crm-workspace input,.crm-workspace select,.crm-workspace textarea{font:inherit}.crm-workspace button{color:inherit}.crm-tabs{display:flex;gap:34px;margin:-10px 0 28px;padding:0 4px;border-bottom:1px solid var(--crm-border)}.crm-tabs button{position:relative;border:0;background:transparent;padding:14px 8px 15px;color:var(--crm-muted);cursor:pointer}.crm-tabs button:hover,.crm-tabs button.active{color:var(--crm-deep)}.crm-tabs button.active:after{position:absolute;right:6px;bottom:-1px;left:6px;height:3px;border-radius:3px;background:var(--crm-deep);content:""}.crm-panel,.crm-brief-card,.crm-schedule-card{border:1px solid var(--crm-border);border-radius:18px;background:var(--crm-surface);box-shadow:0 10px 30px #1e4b360d}.crm-panel{padding:24px}.crm-button{min-height:40px;border:1px solid transparent;border-radius:11px;padding:8px 18px;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.crm-button:hover:not(:disabled){transform:translateY(-1px)}.crm-button:disabled{cursor:not-allowed;opacity:.5}.crm-button--primary{background:var(--crm-deep);color:#fff!important}.crm-button--primary:hover:not(:disabled){background:#043f33}.crm-button--secondary{background:#e7f3d8;color:var(--crm-deep)}.crm-button--secondary:hover:not(:disabled){background:#d6ebbf}.crm-button--ghost{border-color:var(--crm-border);background:#fff;color:var(--crm-deep)}.crm-button--ghost:hover:not(:disabled){background:#edf5e6}.crm-button--danger{border-color:#efc1c4;background:#fff0f1;color:#a52a35}.crm-page-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.crm-page-header__main{display:flex;align-items:center;gap:14px}.crm-page-header h2,.crm-page-header p,.crm-detail-head h2,.crm-detail-head p{margin:0}.crm-page-header h2{font-size:27px}.crm-page-header p{margin-top:5px;color:var(--crm-muted)}.crm-back-button{flex:0 0 auto}.crm-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.crm-brief-card{display:grid;grid-template-columns:1fr 120px auto;align-items:center;gap:20px;padding:28px;background:linear-gradient(135deg,#eef8df,#e8f4da)}.crm-brief-card h2,.crm-brief-card p{margin:0}.crm-brief-card h2{margin:9px 0;font-size:clamp(24px,2.3vw,36px)}.crm-brief-card img{width:110px;height:110px;object-fit:contain}.crm-brief-stats{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,1fr);border-radius:15px;background:#ffffffc7}.crm-brief-stats button{display:grid;gap:4px;border:0;border-right:1px solid var(--crm-border);background:transparent;padding:14px 22px;text-align:left;cursor:pointer;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.crm-brief-stats button:last-child{border-right:0}.crm-brief-stats button:hover{background:#dceec9}.crm-brief-stats small,.crm-customer-row small,.crm-today-card small,.crm-deal-row small{color:var(--crm-muted)}.crm-brief-stats strong{font-size:23px}.crm-section-title{margin:25px 4px 14px}.crm-today-list,.crm-customer-list,.crm-deals-list{display:grid;gap:12px}.crm-today-card,.crm-customer-row,.crm-deal-row,.crm-schedule-item,.crm-day-customer,.crm-timeline-record{border:1px solid var(--crm-border);background:#ffffffed;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.crm-customer-row,.crm-deal-row,.crm-schedule-item,.crm-day-customer{position:relative}.crm-card-detail-button{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}.crm-card-ripple-container{position:fixed;z-index:2;top:var(--crm-ripple-card-top);left:var(--crm-ripple-card-left);overflow:hidden;width:var(--crm-ripple-card-width);height:var(--crm-ripple-card-height);border-radius:var(--crm-ripple-card-radius);pointer-events:none}.crm-card-ripple-overlay{position:absolute;top:var(--crm-ripple-y);left:var(--crm-ripple-x);width:32px;height:32px;border-radius:50%;background:#b1d6856b;pointer-events:none;transform:translate(-50%,-50%) scale(0);animation:crm-card-ripple .32s ease-out forwards}@keyframes crm-card-ripple{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}.crm-card-detail-button:focus-visible{outline:3px solid var(--crm-primary-dark);outline-offset:2px}@media(hover:hover)and (pointer:fine){.crm-today-card:hover,.crm-customer-row:hover,.crm-deal-row:hover,.crm-schedule-item:hover,.crm-day-customer:hover,.crm-brief-stats button:hover,.crm-calendar-day:hover,.crm-timeline-record:hover{border-color:#53913280;background:#e3f0d6;box-shadow:0 8px 22px #2b5b361a}.crm-today-card:hover,.crm-customer-row:hover,.crm-deal-row:hover,.crm-schedule-item:hover,.crm-day-customer:hover,.crm-brief-stats button:hover,.crm-calendar-day:hover,.crm-timeline-record:hover{transform:translateY(-2px) scale(1.01)}}.crm-today-card:has(.crm-card-detail-button:active),.crm-customer-row:has(.crm-card-detail-button:active),.crm-deal-row:has(.crm-card-detail-button:active),.crm-schedule-item:has(.crm-card-detail-button:active),.crm-day-customer:has(.crm-card-detail-button:active){transform:scale(.995)}.crm-brief-stats button:active,.crm-calendar-day:active,.crm-timeline-record:active{transform:scale(.995)}.crm-today-card{position:relative;display:grid;grid-template-columns:50px minmax(175px,1.2fr) minmax(150px,.85fr) minmax(190px,1.15fr) minmax(140px,.7fr);align-items:center;gap:14px;width:100%;min-height:116px;border-radius:17px;padding:18px 22px;text-align:left;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.crm-today-card:has(.crm-quick-edit--open),.crm-customer-row:has(.crm-quick-edit--open),.crm-deal-row:has(.crm-quick-edit--open),.crm-schedule-item:has(.crm-quick-edit--open),.crm-day-customer:has(.crm-quick-edit--open){z-index:60;transform:none}.crm-timeline-number{position:absolute;left:-22px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--crm-deep);color:#fff;font-weight:800}.crm-avatar{display:inline-grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:50%;background:#e7f2dc;color:var(--crm-deep);font-size:20px;font-weight:800}.crm-card-identity,.crm-card-note,.crm-card-next{display:grid;gap:5px}.crm-card-identity span,.crm-card-note span{color:var(--crm-muted);font-size:13px}.crm-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.crm-card-badges>span{display:flex;flex-wrap:wrap;gap:6px}.crm-card-next span{color:var(--crm-deep);font-weight:700}.crm-badge{display:inline-flex;width:max-content;align-items:center;justify-content:center;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;white-space:nowrap}.crm-quick-edit{position:relative;z-index:3;display:inline-flex;width:max-content}.crm-quick-edit--open{z-index:50}.crm-quick-edit__trigger{gap:5px;border:0;cursor:pointer}.crm-quick-edit__trigger:hover,.crm-quick-edit__trigger[aria-expanded=true]{box-shadow:0 0 0 2px #05523e33}.crm-quick-edit__trigger:disabled{cursor:wait;opacity:.72}.crm-quick-edit__menu{position:absolute;z-index:40;top:calc(100% + 7px);left:50%;display:grid;min-width:132px;padding:6px;border:1px solid var(--crm-border);border-radius:12px;background:#fff;box-shadow:0 12px 28px #0436292e;transform:translate(-50%)}.crm-quick-edit__menu button{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;background:transparent;padding:7px 9px;color:var(--crm-ink);cursor:pointer;white-space:nowrap}.crm-quick-edit__menu button:hover,.crm-quick-edit__menu button:focus-visible{outline:none;background:#e7f2dc}.crm-intent-badge--high,.crm-wechat-badge--added{background:#dff1ca;color:#568e2d}.crm-intent-badge--normal{background:#fff0c7;color:#9a6b05}.crm-intent-badge--low,.crm-wechat-badge--not_added{background:#edf1ef;color:#687973}.crm-status-badge{background:#e8f3dc;color:var(--crm-deep)}.crm-status-badge--won{background:#d6eed3}.crm-status-badge--invalid{background:#ecefed;color:#586761}.crm-status-badge--archived{border:1px solid #92ad79;background:#fff}.crm-status-badge--large{min-height:32px;padding:7px 17px;font-size:14px}.crm-schedule-card{display:flex;min-height:560px;flex-direction:column;gap:10px;padding:20px}.crm-schedule-card h3{margin:0 0 6px}.crm-schedule-item{display:grid;gap:5px;border-width:0 0 1px;border-radius:9px;padding:13px 8px;text-align:left}.crm-schedule-card>.crm-button{margin-top:auto}.crm-scope-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:12px 15px;border:1px solid #b7d79a;border-radius:12px;background:#eaf5dc;color:var(--crm-ink)}.crm-scope-banner button{border:0;background:transparent;color:var(--crm-primary-dark);font-weight:700;cursor:pointer;white-space:nowrap}.crm-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 140px 140px 140px auto;gap:12px;margin-bottom:10px}.crm-filter-bar input,.crm-filter-bar select,.crm-created-filter input,.crm-created-filter select,.crm-field input,.crm-field select,.crm-field textarea{width:100%;border:1px solid var(--crm-border);border-radius:11px;outline:none;background:#fffffff0;color:var(--crm-ink)}.crm-filter-bar input,.crm-filter-bar select,.crm-created-filter input,.crm-created-filter select,.crm-field input,.crm-field select{min-height:44px;padding:10px 13px}.crm-filter-bar input:focus,.crm-filter-bar select:focus,.crm-created-filter input:focus,.crm-created-filter select:focus,.crm-field input:focus,.crm-field select:focus,.crm-field textarea:focus{border-color:var(--crm-primary-dark);box-shadow:0 0 0 3px #b1d68540}.crm-search-box{position:relative}.crm-search-box span{position:absolute;top:11px;left:13px;z-index:1}.crm-search-box input{padding-left:39px}.crm-archive-check{display:flex;align-items:center;gap:7px;white-space:nowrap}.crm-archive-check input{width:16px;height:16px}.crm-created-filter{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.crm-created-filter__custom{display:flex;align-items:center;gap:8px}.crm-created-filter__custom input{width:160px}.crm-created-filter__custom span{color:var(--crm-muted);white-space:nowrap}.crm-result-count,.crm-muted{color:var(--crm-muted)}.crm-customer-row{display:grid;grid-template-columns:48px minmax(220px,1.25fr) auto auto auto minmax(155px,.8fr) minmax(130px,.65fr) 18px;align-items:center;gap:13px;width:100%;min-height:82px;border-radius:16px;padding:14px 18px;text-align:left}.crm-customer-row__identity,.crm-customer-row>span:not(.crm-badge):not(.crm-avatar){display:grid;gap:5px}.crm-pagination{display:flex;justify-content:center;gap:8px;margin:22px 0 4px}.crm-pagination>button:not(.crm-button){width:40px;height:40px;border:1px solid var(--crm-border);border-radius:10px;background:#fff;cursor:pointer}.crm-pagination>button.active{border-color:var(--crm-deep);background:var(--crm-deep);color:#fff}.crm-detail-card{display:grid;gap:22px}.crm-detail-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crm-detail-head>div:first-of-type{min-width:260px;flex:1}.crm-detail-note{border-radius:13px;background:var(--crm-soft);padding:15px 18px}.crm-detail-note p{margin:6px 0 0}.crm-conversion-history{display:grid;gap:10px}.crm-conversion-history h3{margin:0 0 4px}.crm-conversion-history article{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(180px,.7fr) minmax(220px,1fr) auto;align-items:center;gap:14px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-soft);padding:13px 15px}.crm-conversion-history article>span{display:grid;gap:4px}.crm-conversion-history article p{margin:0}.crm-timeline{display:grid;gap:10px}.crm-timeline h3{margin-bottom:4px}.crm-timeline-record{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;border-width:0 0 1px;border-radius:10px;padding:16px 18px 16px 25px;text-align:left}.crm-timeline-record p,.crm-timeline-record small{margin:5px 0 0}.crm-timeline-record>span:last-child{display:flex;flex-direction:column;align-items:flex-start;align-self:start;justify-items:start;gap:7px}.crm-timeline-record>span:nth-child(2){grid-column:1;grid-row:1;min-width:0}.crm-timeline-record>span:nth-child(2) p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin-top:12px}.crm-timeline-record>p{grid-column:1 / -1;padding:12px 14px;background:var(--crm-bg, #f4f7f2);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.crm-timeline-record>span:last-child{grid-column:2;grid-row:1;min-width:150px}.crm-timeline-record>span:last-child .crm-badge{flex:none;align-self:flex-start}.crm-timeline-dot{position:absolute;top:22px;left:7px;width:8px;height:8px;border-radius:50%;background:var(--primary, var(--crm-primary-dark))}.crm-detail-actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.crm-detail-actions .crm-button--secondary{margin-left:auto}.crm-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.crm-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.crm-calendar-toolbar strong{font-size:21px}.crm-calendar-weekdays,.crm-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.crm-calendar-weekdays span{padding:10px 4px;color:var(--crm-muted);text-align:center}.crm-calendar-day{display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:space-between;border:1px solid var(--crm-border);border-radius:12px;background:#fff;padding:12px;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.crm-calendar-day:hover{background:#edf6e5}.crm-calendar-day--scheduled{border-color:#9cc676;background:#d9ecc8}.crm-calendar-day--scheduled:hover,.crm-calendar-day--scheduled.active{background:#c6e3ad}.crm-calendar-day.active{outline:2px solid var(--crm-deep);outline-offset:-2px}.crm-calendar-day--blank{visibility:hidden}.crm-calendar-day strong{border-radius:999px;background:#ffffffa8;padding:5px 8px;font-size:12px}.crm-day-panel{display:flex;flex-direction:column;gap:10px}.crm-day-panel h3{margin:0 0 5px}.crm-day-customer{display:grid;gap:8px;border-radius:14px;padding:16px;text-align:left}.crm-day-customer small{color:var(--crm-deep);font-weight:700}.crm-deals-list{padding:15px}.crm-deal-row{display:grid;grid-template-columns:48px minmax(180px,1fr) minmax(260px,auto) 160px auto;align-items:center;gap:14px;border-radius:14px;padding:15px;text-align:left}.crm-deal-row>span{display:grid;gap:4px}.crm-modal-layer{position:fixed;z-index:1100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#04271f61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crm-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 70px #05372b47}.crm-modal--confirm{width:min(480px,100%)}.crm-conversion-confirm{border:1px solid rgba(127,180,79,.3);border-radius:14px;padding:18px;background:#f3f8ee}.crm-conversion-confirm strong{display:block;color:var(--crm-deep);font-size:17px}.crm-conversion-confirm p{margin:8px 0 0;color:var(--crm-muted);line-height:1.7}.crm-modal>header,.crm-modal>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px}.crm-modal>header{border-bottom:1px solid var(--crm-border)}.crm-modal>footer{justify-content:flex-end;border-top:1px solid var(--crm-border)}.crm-modal header h2,.crm-modal header p{margin:0}.crm-modal header p{margin-top:4px;color:var(--crm-muted)}.crm-icon-button{width:38px;height:38px;border:0;border-radius:50%;background:var(--crm-soft);cursor:pointer}.crm-modal__body{padding:22px 24px}.crm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-field{display:grid;gap:7px;font-weight:700}.crm-field--wide{grid-column:1 / -1}.crm-field textarea{min-height:104px;resize:vertical;padding:12px 13px}.crm-form-error{align-self:end;color:#b52e39;font-size:13px}.crm-form-note,.crm-cancel-conversion-note p{margin:0;color:var(--crm-muted);font-weight:400}.crm-cancel-conversion-note{display:grid;gap:6px;border:1px solid #c7dda8;border-radius:13px;background:var(--crm-soft);padding:14px 16px}.crm-feedback-layer{position:fixed;z-index:1300;top:50%;left:50%;display:flex;min-width:260px;max-width:min(520px,calc(100vw - 36px));align-items:center;justify-content:space-between;gap:24px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.3);border-radius:15px;background:var(--crm-deep);box-shadow:0 20px 60px #0330264d;padding:17px 20px;color:#fff!important;font-weight:700;cursor:pointer}.crm-feedback-layer--error{background:#a4313b}.crm-empty-state{display:grid;min-height:270px;place-items:center;align-content:center;gap:10px;text-align:center}.crm-empty-state img{width:100px;height:100px;object-fit:contain}.crm-empty-state h3,.crm-empty-state p{margin:0}.crm-loading-state p{margin-bottom:0;color:var(--crm-muted)}@media(max-width:1180px){.crm-dashboard-grid,.crm-calendar-layout{grid-template-columns:1fr}.crm-schedule-card{min-height:auto}.crm-today-card{grid-template-columns:48px 1fr 1fr}.crm-card-next,.crm-card-note{grid-column:span 1}.crm-customer-row{grid-template-columns:48px minmax(200px,1fr) auto auto auto 18px}.crm-customer-row>span:nth-last-of-type(2),.crm-customer-row>span:nth-last-of-type(1){display:none}}@media(max-width:760px){.crm-tabs{gap:8px;overflow-x:auto}.crm-tabs button{white-space:nowrap}.crm-page-header,.crm-brief-card{align-items:stretch}.crm-page-header,.crm-page-header__main{flex-direction:column}.crm-brief-card{grid-template-columns:1fr}.crm-brief-card img{display:none}.crm-brief-stats{grid-column:1}.crm-today-card,.crm-customer-row,.crm-deal-row,.crm-conversion-history article{grid-template-columns:48px 1fr}.crm-conversion-history article>*{grid-column:1 / -1}.crm-timeline-record{grid-template-columns:minmax(0,1fr)}.crm-timeline-record>span:last-child{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;align-items:center}.crm-today-card>*:not(.crm-avatar):not(.crm-timeline-number):not(.crm-card-identity),.crm-customer-row>*:not(.crm-avatar):not(.crm-customer-row__identity):not(:last-child){grid-column:2}.crm-filter-bar,.crm-form-grid{grid-template-columns:1fr}.crm-created-filter{display:block}.crm-created-filter__custom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.crm-created-filter__custom input{width:100%;min-width:0}.crm-field--wide{grid-column:1}.crm-calendar-day{min-height:70px;padding:8px}.crm-calendar-day strong{padding:3px 5px;font-size:10px}}@media(prefers-reduced-motion:reduce){.crm-today-card,.crm-customer-row,.crm-deal-row,.crm-schedule-item,.crm-day-customer,.crm-brief-stats button,.crm-calendar-day,.crm-timeline-record{transition:none}.crm-today-card:hover,.crm-customer-row:hover,.crm-deal-row:hover,.crm-schedule-item:hover,.crm-day-customer:hover,.crm-brief-stats button:hover,.crm-calendar-day:hover,.crm-timeline-record:hover,.crm-today-card:has(.crm-card-detail-button:active),.crm-customer-row:has(.crm-card-detail-button:active),.crm-deal-row:has(.crm-card-detail-button:active),.crm-schedule-item:has(.crm-card-detail-button:active),.crm-day-customer:has(.crm-card-detail-button:active),.crm-brief-stats button:active,.crm-calendar-day:active,.crm-timeline-record:active{transform:none}.crm-card-ripple-container{display:none}}*{box-sizing:border-box}html{background:#f4f5f7;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}body{margin:0}body.reminder-client-body{max-width:100%;min-height:100svh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;width:100%}body.reminder-client-body #root{max-width:100%;min-height:100svh;overflow:visible;width:100%}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{margin:0 auto;max-width:720px;min-height:100vh;padding:18px 12px 34px}.reminder-mobile-shell{max-width:430px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));width:100%}.reminder-page{display:block;height:auto;min-height:100svh;overflow:visible}.device-page,.settings-page,.source-page{height:100dvh;overflow-y:auto;overscroll-behavior:contain}.page-header,.detail-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.detail-header{align-items:flex-start;flex-direction:row-reverse}.page-header h1,.detail-header h1{color:#101827;font-size:28px;letter-spacing:0;line-height:1.15;margin:0}.detail-header h1{font-size:24px}.page-header p,.detail-header p{color:#667085;font-size:14px;line-height:1.45;margin:6px 0 0}.header-actions{display:flex;flex:0 0 auto;gap:8px}.primary-button,.text-button{border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:0 14px}.primary-button{background:#07c160;border-color:#07c160;color:#fff;font-weight:700}.text-button{background:#fff;color:#1d2939}.link-button{background:transparent;border:0;color:#2563eb;justify-self:start;min-height:28px;padding:0}.sync-panel,.filter-panel,.message-card,.detail-card,.source-card,.empty-state{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 2px #1018280a}.sync-panel{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px;padding:10px 12px}.sync-panel div{display:grid;gap:3px}.sync-panel strong{color:#101827;font-size:14px}.sync-panel span{color:#667085;font-size:13px}.sync-panel .text-button{flex:0 0 auto}.sync-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sync-actions-main{display:grid;flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sync-actions-main .text-button{width:100%}.new-message-banner{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:8px;color:#067647;font-weight:700;margin-bottom:10px;min-height:44px;padding:0 12px;text-align:left;width:100%}.filter-panel{display:grid;gap:10px;margin-bottom:10px;padding:12px}.quick-stats{display:grid;gap:8px;grid-template-columns:1fr 1fr}.stat-card{background:#f9fafb;border:1px solid #e4e7ec;border-radius:8px;display:grid;gap:3px;min-height:56px;padding:8px 10px;text-align:left}.stat-card span{color:#667085;font-size:12px}.stat-card strong{color:#101827;font-size:22px;line-height:1}.stat-card.active{background:#ecfdf3;border-color:#86efac}.stat-card.static{cursor:default}.search-input{border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:0 12px;width:100%}.section-label{color:#667085;font-size:12px;margin-bottom:7px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{background:#f9fafb;border:1px solid #d0d5dd;border-radius:999px;color:#344054;flex:0 0 auto;min-height:34px;padding:0 12px}.filter-chip.active{background:#07c160;border-color:#07c160;color:#fff;font-weight:700}.filter-chip:disabled{cursor:not-allowed;opacity:.45}.filter-chip.bulk-action{border-color:#86efac;color:#067647}.message-list{display:grid;gap:8px}.reminder-page .message-list{overflow:visible;padding-bottom:10px}.reminder-page>.empty-state{flex:1 1 auto}.swipe-card,.message-card-shell{border-radius:8px;overflow:hidden;position:relative}.swipe-delete{background:#ef4444;border:0;bottom:0;color:#fff;font-weight:800;position:absolute;right:0;top:0;width:88px}.message-card{color:inherit;display:grid;gap:8px;min-height:112px;padding:12px;text-align:left;width:100%;position:relative;transform:translate(0);transition:transform .16s ease;z-index:1}.swipe-card.open .message-card,.message-card-shell.open .message-card,.swipe-card.open .source-card{transform:translate(-88px)}.message-card:active{background:#f9fafb}.message-card.pinned{border-color:#f59e0b}.conversation-main{background:transparent;border:0;color:inherit;display:grid;gap:8px;min-height:88px;padding:0;text-align:left;touch-action:pan-y;width:100%}.card-topline,.detail-meta{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.source-name{align-items:center;color:#16794c;display:inline-flex;font-size:15px;font-weight:800;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-logo{border-radius:4px;flex:0 0 auto;height:20px;object-fit:contain;width:20px}.source-dot{border-radius:999px;display:inline-block;flex:0 0 auto;height:10px;width:10px}.source-dot-green{background:#16a34a}.source-dot-blue{background:#2563eb}.source-dot-purple{background:#7c3aed}.source-dot-orange{background:#ea580c}.source-dot-red{background:#dc2626}.source-dot-gray{background:#667085}.badge-row{align-items:center;display:flex;flex:0 0 auto;gap:5px}.status-pill{background:#fffaeb;border:1px solid #fedf89;border-radius:999px;color:#b54708;flex:0 0 auto;font-size:12px;line-height:1;padding:5px 8px}.status-pill.done{background:#ecfdf3;border-color:#abefc6;color:#067647}.status-pill.online{background:#ecfdf3;border-color:#bbf7d0;color:#067647}.status-pill.pinned-pill{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.favorite-badge{color:#d97706;font-size:15px;line-height:1}.sender-line{align-items:center;color:#101827;display:flex;gap:8px;min-width:0}.sender-line span{font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-line em{color:#667085;font-size:14px;font-style:normal;font-weight:700}.summary{color:#475467;display:-webkit-box;font-size:17px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.timestamp{color:#667085;font-size:14px}.detail-card,.source-card{padding:14px}.source-card{position:relative;transform:translate(0);transition:transform .16s ease;z-index:1}.conversation-thread{display:grid;gap:8px;margin-top:14px}.inline-detail{border-top:1px solid #e4e7ec;margin-top:4px;padding-top:12px}.inline-toolbar{display:grid;gap:8px;grid-template-columns:minmax(180px,260px);justify-content:center;margin-top:12px}.inline-toolbar button{background:#07c160;border:0;border-radius:8px;color:#fff;font-weight:700;min-height:44px;padding:0 12px}.thread-message{background:#f9fafb;border:1px solid #e4e7ec;border-radius:8px;padding:11px 12px}.thread-time{color:#667085;font-size:13px;margin-bottom:6px}.thread-content{color:#101827;font-size:18px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:14px}.actions button{background:#07c160;border:0;border-radius:8px;color:#fff;min-height:42px;padding:0 10px}.actions button:disabled{background:#98a2b3}.source-card.muted{opacity:.68}.source-stats{color:#344054;display:flex;flex-wrap:wrap;font-size:14px;gap:8px 14px;margin-top:12px}.source-detail,.source-note{color:#667085;font-size:13px;line-height:1.45;margin-top:8px;overflow-wrap:anywhere}.source-note{background:#f9fafb;border-radius:8px;padding:8px}.source-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.edit-button{margin-top:0}.danger-button{color:#b42318}.alert,.empty-state{border-radius:8px;margin-bottom:10px;padding:12px}.alert.error{background:#fef3f2;color:#b42318}.alert.success{background:#ecfdf3;color:#067647}.alert.info{background:#eff6ff;color:#175cd3}.empty-state{color:#667085;text-align:center}.modal-backdrop{align-items:end;background:#1018286b;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:12px;position:fixed;z-index:10}.source-form{background:#fff;border-radius:8px;max-width:520px;padding:16px;width:100%}.source-form h2{font-size:20px;margin:0 0 14px}.source-form label{color:#344054;display:grid;font-size:14px;gap:7px;margin-top:12px}.source-form input[type=text],.source-form input:not([type]),.source-form textarea{border:1px solid #d0d5dd;border-radius:8px;padding:10px;width:100%}.checkbox-row{align-items:center;display:flex!important;gap:8px!important}.color-fieldset{border:1px solid #e4e7ec;border-radius:8px;margin:14px 0 0;padding:10px}.color-fieldset legend{color:#344054;font-size:14px;padding:0 4px}.color-options{display:grid;gap:8px;grid-template-columns:1fr 1fr}.color-option{align-items:center;display:flex!important;gap:8px!important;margin-top:0!important}.form-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:16px}.form-actions button{background:#07c160;border:0;border-radius:8px;color:#fff;min-height:44px}.form-actions button[type=button]{background:#667085}@media(max-width:390px){.page-header h1,.detail-header h1{font-size:23px}.actions{grid-template-columns:1fr}}@media(min-width:680px){.app-shell{padding-top:28px}.modal-backdrop{align-items:center}}.login-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.login-panel,.admin-panel,.binding-panel{background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 8px 24px #10182714}.login-panel{display:grid;gap:16px;padding:24px;width:min(420px,100%)}.login-panel h1,.admin-panel h2{margin:0}.login-panel label,.admin-panel label{display:grid;gap:6px;font-size:14px;font-weight:600}.login-panel input,.admin-panel input,.admin-panel select{border:1px solid #d0d5dd;border-radius:8px;min-height:42px;padding:0 12px}.binding-panel{display:grid;gap:10px;margin-bottom:16px;padding:16px}.binding-header{align-items:start;display:flex;gap:12px;justify-content:space-between}.binding-panel p{color:#667085;margin:4px 0 0}.compact-button{flex:0 0 auto;min-height:34px;padding:0 12px}.binding-qr{background:#fff;border:1px solid #d0d5dd;border-radius:8px;height:220px;padding:10px;width:220px}.binding-panel code{background:#eef7f2;border-radius:8px;color:#087443;display:block;overflow-wrap:anywhere;padding:12px}.binding-panel small{color:#667085}.home-hero{background:linear-gradient(135deg,#fff,#eef8f2);border:1px solid #d9eadf;border-radius:8px;box-shadow:0 8px 22px #1018280f;margin-bottom:12px;padding:16px}.home-hero h1{font-size:32px}.account-summary{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.account-summary span{color:#0f766e}.logout-button{align-self:flex-start}.refresh-action-panel{align-items:center;background:#fff;border:1px solid #d9e2ec;border-radius:8px;box-shadow:0 1px 2px #1018280a;color:#172033;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px;text-align:left}.refresh-action-panel div{display:grid;gap:3px}.refresh-action-panel span{color:#667085;font-size:12px}.refresh-action-panel strong{font-size:14px;line-height:1.25}.refresh-action-panel p{color:#667085;font-size:12px;margin:0}.refresh-button{flex:0 0 auto;min-height:42px;min-width:82px;width:auto}.notification-preview{align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 2px #1018280a;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding:12px;text-align:left;width:100%}.notification-preview div{display:grid;gap:4px}.notification-preview strong{color:#101827;font-size:16px}.notification-preview span:not(.status-pill){color:#667085;font-size:13px}.mobile-bottom-nav{background:#fffffff5;border:1px solid #e4e7ec;border-radius:8px;bottom:10px;box-shadow:0 8px 24px #1018281f;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));left:12px;margin:18px 0 0;max-width:696px;padding:6px;position:sticky;right:12px;width:100%;z-index:4}.mobile-bottom-nav button{align-items:center;background:transparent;border:0;border-radius:8px;color:#667085;display:grid;font-size:12px;gap:2px;justify-items:center;min-height:48px}.mobile-bottom-nav button.active{background:#ecfdf3;color:#067647;font-weight:700}.compact-page-header{align-items:flex-start}.detail-page,.device-page,.settings-page,.source-page{max-width:430px}.detail-card h2{color:#101827;font-size:22px;line-height:1.2;margin:14px 0 7px}.detail-summary{color:#475467;font-size:15px;line-height:1.45;margin:0}.thread-message span{color:#667085;display:inline-block;font-size:13px;margin-right:6px}.detail-status-button,.settings-test-button{margin-top:12px;width:100%}.device-count-pill{background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;color:#067647;font-weight:800;padding:8px 12px}.device-binding-card{align-items:center;background:#f0fdf4;border:1px solid #abefc6;justify-items:center;text-align:center}.device-binding-card .primary-button{width:min(180px,100%)}.device-limit-message{color:#344054;display:grid;gap:8px;margin-bottom:12px;padding:4px 2px}.device-limit-message strong{color:#b54708;font-size:18px}.device-limit-message p{line-height:1.55;margin:0}.qr-placeholder{align-items:center;background:#101827;border:10px solid #ffffff;border-radius:8px;box-shadow:0 10px 20px #10182824;color:#fff;display:flex;font-weight:800;height:220px;justify-content:center;width:220px}.device-helper-card,.settings-card{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 1px 2px #1018280a;margin-bottom:10px;padding:14px}.device-helper-card p,.settings-card p{color:#475467;font-size:14px;line-height:1.5;margin:8px 0 0}.settings-card{display:grid;gap:10px}.settings-card>div{align-items:center;display:flex;gap:10px;justify-content:space-between}.settings-card strong,.device-helper-card strong,.device-binding-card strong{color:#101827;font-size:17px}@media(max-width:760px){html,body{background:#f5f7f8;min-height:100%;overflow-x:hidden}.app-shell.reminder-mobile-shell{max-width:none;min-height:100svh;padding:calc(12px + env(safe-area-inset-top,0px)) 12px calc(84px + env(safe-area-inset-bottom,0px));width:100%}.reminder-mobile-shell .home-hero{margin-bottom:8px;padding:12px}.reminder-mobile-shell .home-hero h1{font-size:27px}.reminder-mobile-shell .home-hero p{font-size:13px;margin-top:4px}.reminder-mobile-shell .logout-button{min-height:36px;padding:0 10px}.reminder-mobile-shell .account-summary{gap:6px}.notification-preview,.sync-panel,.filter-panel{margin-bottom:8px;padding:10px}.notification-preview strong{font-size:15px}.sync-actions-main .text-button,.search-input,.primary-button,.text-button{min-height:38px}.quick-stats{gap:6px}.stat-card{min-height:48px;padding:7px 9px}.stat-card strong{font-size:20px}.section-label{margin-bottom:5px}.filter-row{gap:6px}.filter-chip{min-height:32px;padding:0 11px}.message-list{gap:8px}.message-card{min-height:auto;padding:11px 12px}.conversation-main{gap:6px}.sender-line span{font-size:19px}.summary{font-size:16px;line-height:1.35}.mobile-bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));left:12px;margin:0 auto;max-width:none;position:fixed;right:12px;width:calc(100% - 24px)}.detail-page,.device-page,.settings-page,.source-page{min-height:100svh;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.detail-page{padding-bottom:18px}}.login-hero{display:grid;gap:7px;max-width:420px;width:min(420px,100%)}.login-hero h1{color:#101827;font-size:40px;line-height:1.05;margin:0}.login-hero p{color:#344054;font-size:18px;margin:0}.login-hero span,.login-note{color:#667085;font-size:13px;line-height:1.5}.login-note{margin:-4px 0 0}.admin-shell{margin:0 auto;max-width:1180px;padding:24px}.admin-grid{align-items:start;display:grid;gap:16px;grid-template-columns:320px 1fr}.admin-panel{display:grid;gap:14px;padding:18px}.admin-list{display:grid;gap:10px}.admin-row{align-items:center;border-bottom:1px solid #eaecf0;display:flex;gap:16px;justify-content:space-between;padding:10px 0}.admin-row:last-child{border-bottom:0}.admin-row span{color:#667085;display:block;font-size:13px;margin-top:4px}.admin-row-main{flex:1;min-width:320px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-actions button,.admin-row button{background:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px}.admin-actions .danger-button{border-color:#fda29b;color:#b42318}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-row{align-items:flex-start;flex-direction:column}}.admin-dashboard{background:#f5f7f8;color:#111827;display:grid;grid-template-columns:220px 1fr;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#053a2c,#082f27);color:#dff7ec;display:flex;flex-direction:column;min-height:100vh;padding:18px 14px}.admin-brand{align-items:center;display:flex;font-size:18px;gap:10px;margin-bottom:28px}.admin-brand-mascot{border:1px solid rgba(255,255,255,.55);border-radius:11px;box-shadow:0 5px 14px #01241b52;flex:0 0 auto;height:38px;object-fit:cover;width:38px}.admin-nav{display:grid;gap:8px}.admin-nav button{background:transparent;border:0;border-radius:8px;color:#cfe9dd;font-size:14px;min-height:42px;padding:0 14px;text-align:left}.admin-nav button.active,.admin-nav button:hover{background:#19b16f3d;color:#fff}.admin-sidebar-footer{background:#ffffff14;border-radius:8px;color:#d8efe5;display:grid;font-size:13px;gap:4px;margin-top:auto;padding:14px}.admin-workspace{display:grid;gap:18px;padding:24px}.admin-topbar{align-items:center;display:flex;gap:18px;justify-content:space-between}.admin-topbar h1{font-size:26px;margin:0}.admin-topbar p,.admin-panel-title span{color:#667085;margin:4px 0 0}.admin-topbar-actions{align-items:center;display:flex;gap:10px}.admin-topbar-actions input{border:1px solid #d0d5dd;border-radius:8px;height:40px;min-width:280px;padding:0 12px}.admin-content-grid{align-items:start;display:grid;gap:18px;grid-template-columns:1fr}.admin-create-panel{gap:16px}.admin-create-modal{max-width:760px}.admin-form-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr))}.admin-create-modal .admin-form-grid input,.admin-create-modal .admin-form-grid select{background:#fff;border:1px solid #d0d5dd;border-radius:8px;font:inherit;min-height:42px;padding:0 12px;width:100%}.admin-panel-title{align-items:center;display:flex;gap:12px;justify-content:space-between}.admin-panel-title h2{font-size:22px}.admin-panel-title-actions{align-items:center;display:flex;gap:10px}.admin-panel-title-actions select{border:1px solid #d0d5dd;border-radius:8px;color:#101828;height:36px;padding:0 10px}.admin-table{display:grid;gap:10px}.admin-table-head,.admin-table-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(200px,1.4fr) 150px 72px 76px minmax(210px,auto)}.admin-table-head{background:#f8fafb;border-radius:8px;color:#667085;font-size:13px;font-weight:700;padding:12px}.admin-table-row{background:#ffffff9e;border:1px solid rgba(17,17,19,.16);border-radius:14px;box-shadow:0 10px 24px #1018280d;cursor:pointer;padding:14px 12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}.admin-table-row:hover{border-color:#11111375;box-shadow:0 14px 28px #10182817;transform:translateY(-1px)}.admin-table-row.selected{background:linear-gradient(135deg,#97d3ffb8,#cabeff99 56%,#ffcfe294);border-color:#ffffffeb;box-shadow:0 16px 32px #566ab438,inset 0 1px #ffffffb3}.admin-user-cell{display:grid;gap:4px}.admin-user-cell strong{align-items:center;display:flex;gap:8px}.admin-user-cell span{color:#667085;font-size:15px;font-weight:500}.admin-device-row span{color:#667085;font-size:13px}.admin-password-row{align-items:center;display:flex;gap:8px;min-height:22px}.admin-password-toggle{background:#ffffff8f;border:1px solid rgba(17,17,19,.28);border-radius:999px;color:#344054;cursor:pointer;font-size:12px;font-weight:700;padding:3px 8px}.admin-password-toggle:disabled{cursor:wait;opacity:.62}.admin-user-cell .platform-pill{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#175cd3;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:4px 8px}.status-pill{border-radius:999px;display:inline-flex;font-size:13px;justify-content:center;padding:4px 10px;width:fit-content}.status-pill.active{background:#ecfdf3;color:#067647}.status-pill.disabled{background:#fef3f2;color:#b42318}.admin-device-panel{max-height:440px;overflow:auto;position:static}.admin-device-panel-inline{background:#ffffff85;box-shadow:none;grid-column:1 / -1;margin-top:2px;padding:14px}.admin-device-list{display:grid;gap:10px}.admin-device-row{align-items:center;background:#f8fafb;border:1px solid #eaecf0;border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:12px}.admin-device-row>div:first-child{display:grid;gap:4px;min-width:0}.admin-device-row input{border:1px solid #d0d5dd;border-radius:8px;min-height:36px;padding:0 10px;width:180px}.admin-customer-details{background:#ffffff80;border:1px solid rgba(17,17,19,.14);border-radius:12px;display:grid;gap:12px;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));padding:14px}.admin-customer-details>div{display:grid;gap:4px}.admin-customer-details label{color:#344054;display:grid;font-size:12px;font-weight:600;gap:6px}.admin-customer-details input,.admin-customer-details select{background:#ffffffc7;border:1px solid rgba(17,17,19,.22);border-radius:9px;color:#101828;min-height:38px;padding:0 10px;width:100%}.admin-customer-details input:focus,.admin-customer-details select:focus{border-color:#325ca0b8;box-shadow:0 0 0 3px #97d3ff47;outline:none}.admin-customer-details .admin-password-edit{align-items:center;display:flex;gap:8px}.admin-customer-details .admin-password-edit input{flex:1;min-width:0}.admin-customer-details .admin-password-edit .admin-password-toggle{flex:none;min-height:38px;white-space:nowrap}.admin-customer-details span{color:#667085;font-size:12px}.admin-customer-details strong{color:#101828;font-size:14px;overflow-wrap:anywhere}.admin-customer-save{align-items:end;display:flex!important;grid-column:1 / -1;justify-content:flex-end}.admin-customer-panel .admin-customer-details{grid-column:1 / -1}.salary-workspace{--salary-primary: #B1D685;--salary-primary-soft: rgba(177, 214, 133, .34);--salary-primary-pressed: rgba(177, 214, 133, .58);--salary-primary-border: rgba(111, 145, 74, .38);--salary-primary-border-strong: rgba(75, 111, 52, .62);--salary-ink: #26452f;--salary-muted: #617162;--salary-surface: rgba(255, 255, 255, .82);background:#f5f8f1;border-radius:22px;display:grid;gap:18px;padding:18px}.salary-toolbar,.salary-presets,.salary-date-range,.salary-panel-title,.salary-month-form{align-items:center;display:flex;gap:10px}.salary-toolbar{justify-content:space-between}.salary-presets{flex-wrap:wrap}.salary-presets button,.salary-detail button{background:#ffffffc7;border:1px solid var(--salary-primary-border);border-radius:10px;color:var(--salary-ink);cursor:pointer;padding:8px 12px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.salary-presets button.active{background:var(--salary-primary);border-color:var(--salary-primary-border-strong);box-shadow:0 5px 14px #42602f1f;color:var(--salary-ink);font-weight:700}.salary-presets button:hover,.salary-detail button:hover{background:var(--salary-primary-soft);border-color:var(--salary-primary-border-strong);transform:translateY(-1px)}.salary-presets button:active,.salary-detail button:active{background:var(--salary-primary-pressed);transform:translateY(0)}.salary-workspace .primary-button{background:var(--salary-primary);border-color:var(--salary-primary-border-strong);color:var(--salary-ink);box-shadow:0 5px 14px #42602f1f}.salary-workspace .primary-button:hover{background:#a6cc78}.salary-workspace button:focus-visible,.salary-workspace input:focus-visible,.salary-workspace select:focus-visible,.salary-workspace textarea:focus-visible{border-color:var(--salary-primary-border-strong);outline:3px solid var(--salary-primary-soft);outline-offset:2px}.salary-workspace button{min-height:44px;font-size:15px}.salary-date-range input,.salary-month-form input,.salary-form-grid input,.salary-form-grid select{background:#ffffffc7;border:1px solid var(--salary-primary-border);border-radius:10px;min-height:44px;padding:0 12px;font-size:16px}.salary-active-range{align-items:center;background:#ffffffad;border:1px solid var(--salary-primary-border);border-radius:12px;color:var(--salary-muted);display:flex;flex-wrap:wrap;gap:5px;padding:10px 14px}.salary-active-range strong{color:var(--salary-ink)}.salary-custom-apply{min-height:44px;white-space:nowrap}.salary-warning{background:#fff7e6;border:1px solid #f7d58c;border-radius:10px;color:#8a5a00;padding:12px 14px}.salary-card-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(150px,1fr))}.salary-card,.salary-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid var(--salary-primary-border);border-radius:18px;box-shadow:0 10px 28px #2b432b12;padding:16px}.salary-card{display:grid;gap:8px}.salary-card,.salary-panel{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.salary-card:hover,.salary-panel:hover{background:var(--salary-primary-soft);border-color:var(--salary-primary-border-strong);box-shadow:0 14px 32px #2b432b1c;transform:translateY(-2px)}.salary-card:active,.salary-panel:active{background:var(--salary-primary-pressed);box-shadow:0 6px 16px #2b432b1a;transform:translateY(0)}.salary-card span,.salary-panel-title span,.salary-detail p{color:var(--salary-muted)}.salary-card strong{color:var(--salary-ink);font-size:22px}.salary-panel{display:grid;gap:14px}.salary-panel-title{justify-content:space-between}.salary-panel-title h2{color:var(--salary-ink);font-size:20px;margin:0}.salary-table,.salary-customer-group{display:grid;gap:8px}.salary-table-head,.salary-table-row{align-items:center;display:grid;gap:12px;grid-template-columns:1.1fr .8fr 1.5fr 1fr 1.1fr auto}.salary-table-head{color:#667085;font-size:13px;font-weight:700;padding:0 12px}.salary-table-row{background:#ffffffad;border:1px solid var(--salary-primary-border);border-radius:14px;color:#101828;cursor:pointer;padding:12px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.salary-table-row:hover{background:var(--salary-primary-soft);border-color:var(--salary-primary-border-strong);box-shadow:0 8px 20px #2b432b17;transform:translateY(-1px)}.salary-table-row:active{background:var(--salary-primary-pressed);transform:translateY(0)}.salary-table-row.selected{background:var(--salary-primary-soft);border-color:var(--salary-primary-border-strong);box-shadow:inset 4px 0 0 var(--salary-primary),0 8px 20px #2b432b14}.salary-row-actions{display:flex;gap:8px}.salary-row-actions button{background:#ffffffdb;border:1px solid var(--salary-primary-border);border-radius:10px;color:var(--salary-ink);cursor:pointer;padding:8px 12px}.salary-table-row strong,.salary-table-row small{display:block}.salary-table-row small{color:#667085;margin-top:4px}.salary-customer-select{background:transparent;border:0;color:inherit;cursor:pointer;padding:0;text-align:left}.salary-customer-select:focus-visible{outline:3px solid var(--salary-primary-soft);outline-offset:3px}.salary-overpayment{color:#b42318;display:block;font-size:12px;margin-top:4px}.salary-performance-note{display:block;margin-top:6px;color:#64748b;font-size:12px}.salary-inline-detail{background:#f6faf1e6;border:1px solid var(--salary-primary-border-strong);border-radius:14px;box-shadow:inset 4px 0 0 var(--salary-primary),0 8px 20px #2b432b12;display:grid;gap:14px;margin:0 8px 4px;padding:16px}.salary-detail>p{margin:0}.salary-payment-list{display:grid;gap:8px}.salary-payment-list article{align-items:center;background:#ffffffad;border:1px solid var(--salary-primary-border);border-radius:14px;display:grid;gap:10px;grid-template-columns:100px 110px minmax(220px,1fr) auto;padding:12px 14px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.salary-payment-list article:hover{background:var(--salary-primary-soft);border-color:var(--salary-primary-border-strong);box-shadow:0 8px 20px #2b432b14;transform:translateY(-1px)}.salary-payment-list article:active{background:var(--salary-primary-pressed);transform:translateY(0)}.salary-payment-date{color:var(--salary-muted);font-size:14px}.salary-payment-amount{color:var(--salary-heading);font-size:15px}.salary-payment-breakdown{line-height:1.65}.salary-payment-actions{display:flex;gap:8px;justify-content:flex-end}.salary-payment-remark{grid-column:1 / -1;white-space:pre-wrap;overflow-wrap:anywhere;align-items:start;background:#eff7e6b3;border-left:3px solid var(--salary-primary);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);line-height:1.75;margin:2px 0 0;padding:10px 12px}.salary-payment-remark strong{color:var(--salary-muted);font-size:13px}.salary-payment-remark span{min-width:0}.salary-detail .danger-button{background:#fef3f2;border-color:#fecdca;color:#b42318}.salary-month-form{flex-wrap:wrap}.salary-month-form label,.salary-form-grid label{display:grid;font-size:14px;gap:6px}.salary-modal-backdrop{align-items:center;background:#10182873;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:20}.salary-modal{background:#fffffff0;border:1px solid var(--salary-primary-border);border-radius:18px;box-shadow:0 24px 70px #1c33222e;display:grid;gap:16px;max-width:720px;padding:22px;width:min(100%,720px)}.salary-modal-content{display:grid;gap:16px}.salary-modal .compact-button{min-height:40px;padding:0 14px}.salary-panel-actions,.salary-history-search{align-items:end;display:flex;gap:10px}.salary-secondary-button{background:#ffffffe6;border:2px solid var(--salary-primary-border-strong);border-radius:10px;min-height:42px;padding:0 16px;font-weight:700;color:var(--salary-heading);box-shadow:0 5px 14px #42602f1a}.salary-secondary-button:hover{background:var(--salary-primary-soft)}.salary-workspace .salary-add-customer-button{background:#ffffffe6;border-color:var(--salary-primary-border-strong);color:var(--salary-heading)}.salary-workspace .salary-add-customer-button:hover{background:var(--salary-primary-soft)}.salary-workspace .salary-add-customer-button:active{background:#b1d685}.salary-history-search label{display:grid;flex:1;font-size:14px;gap:6px}.salary-history-search input{min-height:46px;padding:0 14px;font-size:16px;border-radius:10px}.salary-history-search .primary-button{min-height:46px}.salary-history-results{display:grid;gap:8px}.salary-history-result{align-items:center;background:#ffffffb8;border:1px solid var(--salary-primary-border);border-radius:14px;display:flex;justify-content:space-between;padding:12px}.salary-history-result div{display:grid;gap:4px}.salary-history-result span{color:var(--salary-muted);font-size:13px}.salary-history-badge{background:var(--salary-primary-soft);border:1px solid var(--salary-primary-border-strong);border-radius:999px;color:var(--salary-heading);display:inline-flex;font-size:12px;margin-top:5px;padding:2px 7px;width:fit-content}@media(prefers-reduced-motion:reduce){.salary-card,.salary-panel,.salary-payment-list article,.salary-presets button,.salary-detail button,.salary-table-row{transition:none}.salary-card:hover,.salary-panel:hover,.salary-payment-list article:hover,.salary-presets button:hover,.salary-detail button:hover,.salary-table-row:hover{transform:none}}.salary-form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.admin-dashboard{grid-template-columns:1fr}.admin-sidebar{min-height:auto}.admin-brand-mascot{border-radius:10px;height:34px;width:34px}.admin-content-grid,.admin-form-grid{grid-template-columns:1fr}.admin-device-panel{max-height:none;position:static}.admin-table-head{display:none}.admin-table-row{align-items:start;grid-template-columns:1fr}.admin-customer-details{grid-template-columns:1fr;width:100%}.admin-topbar,.admin-topbar-actions{align-items:stretch;flex-direction:column}.admin-topbar-actions input{min-width:0;width:100%}.salary-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-table-head{display:none}.salary-table-row,.salary-payment-list article{align-items:start;grid-template-columns:1fr}.salary-payment-actions{justify-content:flex-start}.salary-payment-remark{grid-template-columns:1fr}.salary-table-row>[data-label]:before{color:var(--salary-muted);content:attr(data-label);display:block;font-size:12px;font-weight:700;margin-bottom:4px}.salary-form-grid{grid-template-columns:1fr}.salary-toolbar{align-items:stretch;flex-direction:column}}.promo-page{--ink:#0e1730;--muted:#69728b;--line:#e6e9f0;--lav:#f1edff;--purple:#6455e8;background:#fbfbfe;color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;overflow:hidden}.promo-page *{box-sizing:border-box}.promo-page a{text-decoration:none;color:inherit}.promo-page button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}.promo-nav{height:76px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.promo-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.04em}.promo-brand-mark{width:29px;height:29px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:var(--purple);color:#fff;font-size:16px}.promo-nav-links{display:flex;gap:30px;margin-left:120px}.promo-nav-links button{font-size:13px;color:#768096}.promo-nav-cta{border:1px solid #dfe2ec;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;background:#fff}.promo-nav-cta span{color:var(--purple);margin-left:5px}.promo-hero{max-width:1180px;margin:0 auto;padding:94px 28px 108px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px}.promo-eyebrow,.promo-kicker{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.promo-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#79c98c;box-shadow:0 0 0 5px #e2f6e7;margin-right:9px}.promo-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.09;letter-spacing:-.07em;margin:23px 0 25px;font-weight:800}.promo-page em{font-style:normal;color:var(--purple)}.promo-hero-lede{max-width:500px;color:var(--muted);font-size:16px;line-height:1.9;margin:0}.promo-hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.promo-primary{display:inline-flex;align-items:center;gap:27px;padding:15px 20px;border-radius:11px;background:var(--ink);color:#fff!important;font-size:14px;font-weight:700;box-shadow:0 12px 25px #0e173026}.promo-primary span{font-size:20px;font-weight:400}.promo-text-action{font-size:13px;color:#667089}.promo-text-action span{color:var(--purple);font-size:17px;margin-left:9px}.promo-trust-row{display:flex;flex-wrap:wrap;gap:15px;margin-top:43px;color:#81899c;font-size:11px}.promo-hero-visual{height:470px;position:relative;display:grid;place-items:center}.promo-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#e3dfff 0,rgba(234,230,255,.55) 45%,transparent 72%)}.promo-orbit{position:absolute;border:1px solid #ddd9fc;border-radius:50%;transform:rotate(-25deg)}.promo-orbit-one{width:500px;height:280px}.promo-orbit-two{width:390px;height:500px}.promo-inbox-card{position:relative;width:340px;padding:22px 23px 16px;border-radius:20px;background:#ffffffeb;box-shadow:0 28px 70px #483f972e;z-index:1}.promo-card-top,.promo-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8e96a8}.promo-card-status{color:#69b77c;font-size:10px}.promo-card-count{font-size:52px;font-weight:800;letter-spacing:-.08em;padding:18px 0 13px}.promo-card-count small{font-size:12px;letter-spacing:0;color:#8e96a8;font-weight:500;margin-left:8px}.promo-mini-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #f0f1f5}.promo-mini-row div{display:grid;gap:4px;flex:1}.promo-mini-row strong{font-size:12px}.promo-mini-row small{font-size:10px;color:#949bad}.promo-mini-row b{font-size:13px;color:var(--purple)}.promo-app-icon{width:28px;height:28px;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}.wechat{background:#75c881}.work{background:#518be9}.redbook{background:#ed716b}.promo-card-footer{border-top:1px solid #f0f1f5;padding-top:14px;margin-top:7px}.promo-card-footer span:last-child{color:var(--purple);font-weight:700}.promo-floating-note{position:absolute;z-index:2;padding:12px 15px;border-radius:10px;background:#fff;box-shadow:0 12px 30px #3236641a;font-size:11px;font-weight:700}.promo-floating-note span{color:var(--purple);margin-right:7px}.promo-note-top{top:58px;right:12px}.promo-note-bottom{bottom:50px;left:5px}.promo-proof{max-width:1180px;border-top:1px solid var(--line);margin:auto;padding:25px 28px 37px;display:flex;align-items:center;justify-content:space-between;color:#9ba2b2;font-size:11px}.promo-proof div{display:flex;gap:34px;color:#8b93a7;font-size:14px}.promo-proof strong{font-weight:700}.promo-section{max-width:1180px;margin:auto;padding:120px 28px}.promo-section-heading{max-width:600px}.promo-section-heading h2,.promo-final-cta h2{font-size:clamp(31px,4vw,51px);letter-spacing:-.06em;line-height:1.15;margin:18px 0}.promo-section-heading p{color:var(--muted);line-height:1.8;font-size:14px}.promo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:74px}.promo-steps article{border-top:1px solid #dfe3ed;padding-top:19px}.promo-steps article>span,.promo-feature-number,.promo-scene-list article>span{color:#a8afbf;font-size:11px;font-weight:800;letter-spacing:.15em}.promo-step-icon{font-size:34px;color:var(--purple);margin:23px 0 12px}.promo-steps h3,.promo-feature-grid h3,.promo-scene-list h3{font-size:16px;margin:0 0 10px}.promo-steps p,.promo-feature-grid p,.promo-scene-list p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.promo-features{max-width:none;background:var(--lav);padding-left:max(28px,calc((100vw - 1124px)/2));padding-right:max(28px,calc((100vw - 1124px)/2))}.promo-feature-grid{display:grid;grid-template-columns:1.25fr .9fr .9fr;gap:18px;margin-top:58px}.promo-feature-grid article{min-height:370px;padding:26px;border-radius:17px;background:#fff}.promo-feature-grid .promo-feature-large{background:var(--ink);color:#fff}.promo-feature-large p{color:#aab2c6}.promo-feature-visual{height:145px;border-radius:11px;margin:22px 0 25px;display:flex;align-items:center;justify-content:center;gap:12px}.promo-search-visual{background:#1c2640}.promo-search-visual>span{font-size:43px;color:#9c91ff}.promo-search-visual div{display:grid;gap:8px}.promo-search-visual small,.promo-alert-visual small{font-size:11px;color:#9aa4bc}.promo-alert-visual{background:#fff2dd;display:grid;justify-content:center;gap:7px}.promo-alert-visual span{font-size:35px;color:#ed9c4e}.promo-alert-visual b{font-size:13px}.promo-filter-visual{background:#f0f1fb;align-content:center;flex-wrap:wrap;padding:27px}.promo-filter-visual span{padding:9px 13px;border-radius:7px;background:#fff;color:#737b92;font-size:11px}.promo-filter-visual span:first-child{background:#dcd7ff;color:var(--purple)}.promo-feature-grid h3{font-size:17px}.promo-scenes{padding-bottom:140px}.promo-scene-list{margin-top:55px;border-top:1px solid var(--line)}.promo-scene-list article{display:grid;grid-template-columns:80px 1fr 30px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.promo-scene-list article>b{font-size:22px;color:var(--purple);font-weight:400}.promo-final-cta{max-width:1180px;margin:0 auto 30px;border-radius:22px;padding:63px 76px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:#fff;overflow:hidden;position:relative}.promo-final-cta:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;top:-220px}.promo-final-cta .promo-kicker{color:#d6d1ff}.promo-final-cta h2{margin-bottom:13px}.promo-final-cta p{color:#d8d5ff;font-size:13px}.promo-primary-light{background:#fff;color:var(--ink)!important;position:relative;z-index:1}.promo-footer{max-width:1180px;margin:auto;padding:30px 28px 38px;display:flex;align-items:center;justify-content:space-between;color:#9ba2b2;font-size:11px}.promo-footer>span:first-child{font-size:16px;color:var(--ink);font-weight:800}.promo-footer a{color:var(--purple);font-weight:700}@media(max-width:800px){.promo-nav-links{display:none}.promo-hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.promo-hero-visual{height:400px;order:-1}.promo-hero h1{font-size:47px}.promo-proof{display:block}.promo-proof div{gap:15px;flex-wrap:wrap;margin-top:20px}.promo-steps,.promo-feature-grid{grid-template-columns:1fr;gap:20px}.promo-feature-grid article{min-height:0}.promo-section{padding-top:78px;padding-bottom:78px}.promo-final-cta{margin:0 20px;padding:45px 30px;display:block}.promo-final-cta .promo-primary{margin-top:25px}.promo-footer{padding-left:20px;padding-right:20px;gap:16px;flex-wrap:wrap}.promo-note-top{right:-10px}.promo-note-bottom{left:-10px}}@media(max-width:420px){.promo-nav{padding:0 18px}.promo-nav-cta{padding:9px 12px}.promo-hero{padding-left:20px;padding-right:20px}.promo-hero h1{font-size:40px}.promo-inbox-card{width:300px}.promo-hero-visual{transform:scale(.9);margin:0 -25px}.promo-trust-row{line-height:1.6}.promo-section{padding-left:20px;padding-right:20px}.promo-scene-list article{grid-template-columns:45px 1fr 20px}}.promo-page{--ink:#152238;--muted:#657188;--line:#e5e9ef;--lav:#f3f6fc;--purple:#2455d6;background:#fffdf9}.promo-page em{color:#2455d6}.promo-brand-mark{background:#2455d6;border-radius:7px}.promo-nav{height:82px}.promo-nav-cta{border-color:#d9e1f2;color:#1d3365}.promo-primary{background:#2455d6;box-shadow:0 12px 25px #2455d62e}.promo-eyebrow,.promo-kicker,.promo-text-action span,.promo-card-footer span:last-child,.promo-mini-row b,.promo-scene-list article>b{color:#2455d6}.promo-hero{padding-top:78px;padding-bottom:84px}.promo-hero h1{letter-spacing:-.065em}.promo-hero-lede{font-size:15px}.promo-hero-visual{height:430px}.promo-glow{width:420px;height:420px;background:radial-gradient(circle,#edf2ff 0,rgba(244,247,255,.72) 46%,transparent 72%)}.promo-orbit{border-color:#cbd8fa}.promo-inbox-card{border:1px solid #edf0f6;box-shadow:0 22px 60px #31467124}.promo-proof{padding-top:27px;padding-bottom:38px}.promo-proof div{gap:28px;color:#54678e}.promo-section{padding-top:108px;padding-bottom:108px}.promo-section-heading h2{font-weight:800}.promo-step-icon{color:#2455d6}.promo-features{background:#f5f7fb}.promo-feature-grid article{border:1px solid #e7ebf2;box-shadow:0 10px 30px #1b305809}.promo-feature-grid .promo-feature-large{background:#152238;border-color:#152238}.promo-search-visual{background:#1d2c47}.promo-search-visual>span{color:#83a8ff}.promo-alert-visual{background:#fff7ed}.promo-filter-visual{background:#f2f5fb}.promo-filter-visual span:first-child{background:#dbe5ff;color:#2455d6}.promo-scenes{padding-bottom:122px}.promo-final-cta{background:#2455d6;border-radius:15px;padding:54px 64px}.promo-final-cta:after{border-color:#fff3}.promo-footer>span:first-child{color:#152238}.promo-footer a{color:#2455d6}