/* Staff Ledger 4.0 — unified enterprise interface */
*{box-sizing:border-box}
:root{
  --bg:#f4f4f2;
  --surface:#fff;
  --surface-2:#f7f7f5;
  --surface-3:#ededeb;
  --ink:#171716;
  --text:#2e2e2c;
  --muted:#787873;
  --subtle:#9b9b95;
  --line:#e3e3df;
  --line-strong:#d4d4cf;
  --shadow:0 12px 32px rgba(18,18,16,.07);
  --shadow-lg:0 28px 80px rgba(16,16,14,.16);
  --green:#19704a;
  --green-bg:#e8f3ed;
  --red:#b53f39;
  --red-bg:#f8eae8;
  --amber:#876313;
  --amber-bg:#f4eedc;
  --female:#232322;
  --female-bg:#ededeb;
  --male:#64645f;
  --male-bg:#f4f4f2;
  --radius:16px;
  --font-xs:clamp(11px,10.5px + .12vw,12px);
  --font-sm:clamp(12px,11.5px + .18vw,14px);
  --font-md:clamp(14px,13px + .25vw,17px);
  --font-lg:clamp(22px,19px + .75vw,30px)
}
html{min-height:100%;background:#f4f4f2;-webkit-text-size-adjust:100%;touch-action:manipulation}
body{min-height:100%;margin:0;color:var(--text);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a,label{touch-action:manipulation}
button{cursor:pointer}
button:active,a:active{transform:none!important;filter:none!important;opacity:1!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(24,24,23,.14);outline-offset:2px}
img{display:block;max-width:100%}
svg{flex:none}
.site-shell{min-height:100dvh}

/* employee application */
.staff-body{background:#f4f4f2}
.staff-body .site-shell{width:100%}
.mobile-app{position:relative;width:min(100%,760px);min-height:100dvh;margin:0 auto;padding-bottom:calc(110px + env(safe-area-inset-bottom));overflow:visible;background:#f4f4f2;border-inline:1px solid rgba(0,0,0,.035);box-shadow:0 0 60px rgba(18,18,16,.05)}
.subpage-body .mobile-app{padding-bottom:40px}
.app-header{position:relative;padding:calc(25px + env(safe-area-inset-top)) clamp(18px,4.5vw,34px) 20px;background:#f4f4f2;border-bottom:1px solid var(--line)}
.app-wordmark{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#343431;font-size:var(--font-xs);font-weight:700}
.brand-mark,.login-logo,.install-mark{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:#181817;font-size:14px;font-weight:900}
.brand-mark.custom{background:#fff;border:1px solid var(--line)}
.brand-mark img,.login-logo img,.site-icon-preview img,.brand-preview img{width:100%;height:100%;object-fit:cover}
.app-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.app-heading p{margin:0 0 4px;color:var(--muted);font-size:var(--font-xs);font-weight:600}
.app-heading h1{margin:0;color:var(--ink);font-size:var(--font-lg);line-height:1.15;letter-spacing:-.04em}
.avatar-button{display:block;border-radius:50%}
.avatar-image,.profile-avatar-inner,.account-avatar,.table-avatar,.admin-avatar,.header-avatar,.avatar-preview,.big-avatar{display:grid;place-items:center;overflow:hidden;color:#fff;background:#292928;font-weight:800}
.avatar-image{width:46px;height:46px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px var(--line)}
.avatar-image img,.profile-avatar-inner img,.account-avatar img,.table-avatar img,.admin-avatar img,.header-avatar img,.avatar-preview img{width:100%;height:100%;object-fit:cover}
.page-content{position:relative;padding:22px clamp(16px,4.5vw,32px) 36px}
.quiet-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 16px}
.quiet-title h2{margin:0;color:var(--ink);font-size:var(--font-md)}
.quiet-title p{margin:5px 0 0;color:var(--muted);font-size:var(--font-xs)}
.quiet-title>span{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:var(--font-xs);font-weight:700}
.ledger-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.party-panel{min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 6px 18px rgba(18,18,16,.035)}
.party-panel>header{display:flex;align-items:center;margin-bottom:17px}
.party-panel>header>span{width:38px;height:38px;display:grid;place-items:center;margin-right:11px;border-radius:11px;color:#fff;background:#242423;font-weight:900}
.party-panel.male-panel>header>span{color:#383836;background:#deded9}
.party-panel>header small{display:block;color:var(--subtle);font-size:10px;letter-spacing:.11em}
.party-panel>header h2{margin:2px 0 0;color:var(--ink);font-size:var(--font-md)}
.party-panel>header em{margin-left:auto;padding:4px 8px;border-radius:999px;color:#666662;background:#efefec;font-size:10px;font-style:normal;font-weight:700}
.upload-box{position:relative;width:100%;height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;margin-bottom:17px;border:1px dashed #bcbcb6;border-radius:14px;background:#f7f7f5;cursor:pointer}
.male-panel .upload-box{background:#fafaf9}
.upload-box>input{position:absolute;width:1px;height:1px;opacity:0}
.upload-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;color:#292928;background:#fff}
.upload-box>b{font-size:var(--font-sm)}
.upload-box>small{margin-top:4px;color:var(--muted);font-size:var(--font-xs)}
.upload-box>i{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;color:#555551;background:rgba(255,255,255,.9);font-size:10px;font-style:normal;font-weight:800}
.upload-box.has-preview{justify-content:flex-end;padding-bottom:14px;color:#fff;background:#1d1d1c}
.upload-box.has-preview>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.upload-box.has-preview>.upload-icon,.upload-box.has-preview>small{display:none}
.upload-box.has-preview>b,.upload-box.has-preview>i{position:relative;z-index:2}
.upload-box.has-preview>i{position:absolute;border-color:rgba(255,255,255,.18);color:#fff;background:rgba(20,20,19,.58)}
.ocr-inline{position:absolute;z-index:4;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:rgba(22,22,21,.88)}
.ocr-inline.show{display:flex}
.ocr-inline u{width:28px;height:28px;margin-bottom:10px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;text-decoration:none;animation:spin .75s linear infinite}
.ocr-inline b{font-size:var(--font-xs)}
@keyframes spin{to{transform:rotate(360deg)}}
.party-fields>label{display:block;margin-top:13px}
.party-fields>label>span,.stack-form label>span,.bind-form label>span,.email-code-form label>span{display:block;margin:0 1px 7px;color:#52524f;font-size:var(--font-xs);font-weight:700}
.party-fields input,.party-fields textarea,.stack-form input,.bind-form input,.email-code-form input{width:100%;border:1px solid var(--line);outline:0;border-radius:11px;background:#f7f7f5;font-size:var(--font-sm)}
.party-fields input,.stack-form input,.bind-form input{height:46px;padding:0 13px}
.party-fields textarea{height:72px;padding:12px 13px;resize:vertical}
.party-fields input:focus,.party-fields textarea:focus,.stack-form input:focus,.bind-form input:focus,.email-code-form input:focus{border-color:#777772;background:#fff;box-shadow:0 0 0 3px rgba(25,25,23,.06)}
.amount-input>div{position:relative}
.amount-input em{position:absolute;z-index:2;left:13px;top:50%;transform:translateY(-50%);font-size:15px;font-style:normal;font-weight:800}
.amount-input input{padding-left:34px;font-size:17px;font-weight:800}
.field-with-state{position:relative}
.field-with-state i{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--green);font-size:10px;font-style:normal;font-weight:700}
.field-with-state input{padding-right:58px}
.primary-button,.submit-order{height:50px;border:0;border-radius:12px;color:#fff;background:#1c1c1b;font-size:var(--font-sm);font-weight:800}
.submit-order{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}

/* employee lists and cards */
.today-record-card{display:grid;grid-template-columns:minmax(130px,.72fr) 1.28fr;gap:24px;margin-bottom:24px;padding:22px;border-radius:18px;color:#fff;background:#20201f;box-shadow:var(--shadow)}
.today-record-card>div>small{color:#aaa9a4;font-size:var(--font-xs)}
.today-record-card>div>strong{display:block;margin:4px 0;color:#fff;font-size:clamp(27px,6vw,34px)}
.today-record-card>div>strong i{font-size:var(--font-xs);font-style:normal}
.today-record-card>div>span{color:#969690;font-size:var(--font-xs)}
.today-record-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid rgba(255,255,255,.12);border-radius:13px}
.today-record-card dl div{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}
.today-record-card dl div+div{border-left:1px solid rgba(255,255,255,.12)}
.today-record-card dt{color:#aaa9a4;font-size:var(--font-xs)}
.today-record-card dd{margin:6px 0 0;color:#fff;font-size:var(--font-sm);font-weight:800}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.section-heading h2{margin:0;color:var(--ink);font-size:var(--font-md)}
.section-heading p{margin:4px 0 0;color:var(--muted);font-size:var(--font-xs)}
.section-heading>span{color:var(--muted);font-size:var(--font-xs)}
.records-date-filter{display:flex;align-items:center;gap:8px;margin:14px 0 0}
.records-date-filter>label{height:44px;display:flex;align-items:center;gap:8px;flex:1;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.records-date-filter>label>span{color:#5d5d59;font-size:var(--font-xs);font-weight:700;white-space:nowrap}
.records-date-filter input{min-width:0;margin-left:auto;border:0;outline:0;background:transparent;font-size:var(--font-xs)}
.records-date-filter>button,.records-date-filter>a{height:42px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#ececea;font-size:var(--font-xs)}
.chip-row{display:flex;gap:8px;margin:14px 0;overflow:auto;scrollbar-width:none}
.chip-row::-webkit-scrollbar{display:none}
.chip-row a{height:34px;display:flex;align-items:center;flex:0 0 auto;padding:0 14px;border:1px solid transparent;border-radius:999px;color:#666662;background:#e9e9e6;font-size:var(--font-xs);font-weight:700}
.chip-row a.active{border-color:#252524;color:#fff;background:#252524}
.records-list{display:flex;flex-direction:column;gap:10px}
.record-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}
.record-head{display:flex;align-items:center}
.status-icon{width:34px;height:34px;display:grid;place-items:center;margin-right:10px;border-radius:10px}
.status-icon.pending{color:var(--amber);background:var(--amber-bg)}
.status-icon.approved{color:var(--green);background:var(--green-bg)}
.status-icon.rejected{color:var(--red);background:var(--red-bg)}
.record-head>div b{display:block;color:var(--ink);font-size:var(--font-sm)}
.record-head>div small{display:block;margin-top:3px;color:var(--muted);font-size:var(--font-xs)}
.record-head>em{margin-left:auto;padding:5px 9px;border-radius:999px;font-size:var(--font-xs);font-style:normal;font-weight:700}
.record-head>em.pending,.status-pill.pending{color:var(--amber);background:var(--amber-bg)}
.record-head>em.approved,.status-pill.approved{color:var(--green);background:var(--green-bg)}
.record-head>em.rejected,.status-pill.rejected{color:var(--red);background:var(--red-bg)}
.record-amounts{display:grid;grid-template-columns:1fr 1px 1fr 20px;align-items:center;gap:14px;margin:14px 0 0 44px;padding-top:13px;border-top:1px solid #ecece9}
.record-amounts>i{width:1px;height:26px;background:var(--line)}
.record-amounts span{display:block;color:var(--muted);font-size:var(--font-xs)}
.record-amounts strong{display:block;margin-top:3px;color:#252524;font-size:var(--font-sm)}
.record-amounts div:nth-child(3) strong{color:#696964}
.record-amounts>svg{color:#aaa9a4}
.empty-state{padding:52px 20px;text-align:center;color:var(--muted)}
.empty-state>span{width:52px;height:52px;display:grid;place-items:center;margin:auto;border-radius:15px;color:#555551;background:#ececea}
.empty-state h3{margin:12px 0 4px;color:var(--ink);font-size:var(--font-md)}
.empty-state p{margin:0;font-size:var(--font-xs)}
.pager{display:flex;justify-content:center;gap:7px;margin-top:20px}
.pager a,.pager span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:var(--font-xs)}
.pager span{border-color:#222221;color:#fff;background:#222221;font-weight:800}

/* fixed navigation: sibling of the app so no ancestor can trap it */
.floating-nav{position:fixed!important;left:50%!important;bottom:max(12px,env(safe-area-inset-bottom))!important;z-index:1000!important;width:min(calc(100% - 28px),560px);height:68px;display:grid;grid-template-columns:repeat(3,1fr);transform:translateX(-50%)!important;padding:6px;border:1px solid rgba(20,20,18,.08);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 16px 45px rgba(18,18,16,.16);pointer-events:auto;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.floating-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px;color:#81817c;font-size:10px}
.floating-nav a span{height:24px}
.floating-nav a b{font-size:10px}
.floating-nav a.active{color:#fff;background:#20201f}

/* employee subpages */
.subpage-header{height:calc(72px + env(safe-area-inset-top));display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:env(safe-area-inset-top) clamp(16px,4vw,28px) 0;background:#f4f4f2;border-bottom:1px solid var(--line)}
.subpage-header a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}
.subpage-header h1{margin:0;text-align:center;color:var(--ink);font-size:var(--font-md)}
.detail-page{display:flex;flex-direction:column;gap:12px}
.detail-status{display:flex;align-items:center;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}
.detail-status>span{width:40px;height:40px;display:grid;place-items:center;margin-right:11px;border-radius:11px}
.detail-status.pending>span{color:var(--amber);background:var(--amber-bg)}
.detail-status.approved>span{color:var(--green);background:var(--green-bg)}
.detail-status.rejected>span{color:var(--red);background:var(--red-bg)}
.detail-status small{color:var(--muted);font-size:var(--font-xs)}
.detail-status h2{margin:2px 0 0;font-size:var(--font-md)}
.detail-status time{margin-left:auto;color:var(--muted);font-size:var(--font-xs)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.proof-grid a{position:relative;overflow:hidden;height:210px;border-radius:15px;background:#e8e8e5}
.proof-grid img{width:100%;height:100%;object-fit:cover}
.proof-grid span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:7px;color:#fff;background:rgba(0,0,0,.62);font-size:var(--font-xs)}
.detail-party{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}
.detail-party header{display:flex;align-items:center;padding-bottom:13px;border-bottom:1px solid var(--line)}
.detail-party header span{width:32px;height:32px;display:grid;place-items:center;margin-right:9px;border-radius:9px;color:#fff;background:#242423;font-weight:800}
.detail-party.male header span{color:#3f3f3c;background:#deded9}
.detail-party h3{margin:0;font-size:var(--font-sm)}
.detail-party header strong{margin-left:auto;font-size:var(--font-md)}
.detail-party.male header strong{color:#666662}
.detail-party dl{margin:10px 0 0}
.detail-party dl div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:7px 0}
.detail-party dt{color:var(--muted);font-size:var(--font-xs)}
.detail-party dd{margin:0;text-align:right;font-size:var(--font-sm);line-height:1.55}
.reject-reason{padding:15px;border:1px solid #ebcecb;border-radius:14px;color:var(--red);background:#fff}
.reject-reason b,.reject-reason p{font-size:var(--font-xs)}
.reject-reason p{margin:7px 0 0;line-height:1.7}
.month-hero,.performance-card{display:block;padding:21px;border-radius:18px;color:#fff;background:#20201f;box-shadow:var(--shadow)}
.month-hero header,.performance-card header{display:flex;justify-content:space-between;gap:12px}
.month-hero header small,.performance-card header small{color:#aaa9a4;font-size:var(--font-xs)}
.month-hero h2,.performance-card header h3{margin:3px 0 0;font-size:var(--font-md)}
.month-hero header>span,.performance-card header>span{height:28px;display:flex;align-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#bcbcb7;font-size:var(--font-xs)}
.month-split{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 0}
.month-split>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.13)}
.month-split small{display:block;color:#aaa9a4;font-size:var(--font-xs)}
.month-split strong{display:block;margin-top:5px;color:#fff;font-size:clamp(20px,5vw,26px)}
.month-split>div:last-child strong{color:#c4c4bf}
.month-hero>p{margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.12);color:#aaa9a4;font-size:var(--font-xs)}
.month-jump{height:50px;display:flex;align-items:center;justify-content:space-between;margin:13px 0;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.month-jump>span{display:flex;align-items:center;gap:8px;font-size:var(--font-sm);font-weight:700}
.month-jump input{border:0;outline:0;color:var(--muted);background:transparent;font-size:var(--font-xs)}
.calendar-ledger{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}
.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:15px}
.day-strip>div{min-height:64px;padding:8px;border-radius:9px;background:#f5f5f3}
.day-strip b{font-size:var(--font-xs)}
.day-strip small{display:block;color:var(--subtle);font-size:10px}
.day-strip i,.day-strip em{display:block;margin-top:4px;overflow:hidden;color:#333331;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.day-strip em{color:#777772}
.day-strip .has-data{box-shadow:inset 0 0 0 1px #cfcfca;background:#ececea}
.bill-heading{margin:22px 2px 12px}

/* mine, account and email */
.profile-card,.account-profile{display:flex;align-items:center;margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.profile-avatar{position:relative;width:54px;height:54px;margin-right:13px;border-radius:50%}
.profile-avatar-inner,.account-avatar{width:54px;height:54px;border-radius:50%;font-size:18px}
.profile-avatar>i{position:absolute;right:-1px;bottom:-1px;width:21px;height:21px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#232322}
.profile-card>div small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em}
.profile-card h2,.account-profile h2{margin:3px 0 1px;color:var(--ink);font-size:20px}
.profile-card p,.account-profile p{margin:0;color:var(--muted);font-size:var(--font-xs)}
.primary-performance{margin:19px 0 14px}
.primary-performance small{display:block;color:#aaa9a4;font-size:var(--font-xs)}
.primary-performance strong{display:block;margin-top:4px;color:#fff;font-size:clamp(24px,6vw,30px);letter-spacing:-.03em}
.performance-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding-top:13px;border-top:1px solid rgba(255,255,255,.12)}
.performance-card dl>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.12)}
.performance-card dt{color:#aaa9a4;font-size:var(--font-xs)}
.performance-card dd{margin:4px 0 0;font-size:var(--font-sm);font-weight:800}
.menu-card{margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.menu-card>a,.menu-card>button{width:100%;min-height:62px;display:flex;align-items:center;padding:10px 15px;border:0;background:#fff;text-align:left}
.menu-card>*+*{border-top:1px solid var(--line)!important}
.menu-icon{width:36px;height:36px;display:grid;place-items:center;margin-right:11px;border-radius:10px;color:#42423f!important;background:#eeeeeb!important}
.menu-card b{display:block;color:var(--ink);font-size:var(--font-sm)}
.menu-card small{display:block;margin-top:3px;color:var(--muted);font-size:var(--font-xs)}
.menu-card em{margin-left:auto;margin-right:8px;color:var(--muted);font-size:var(--font-xs);font-style:normal}
.menu-card>a>svg,.menu-card>button>svg{margin-left:auto;color:#aaa9a4}
.email-hero{padding:26px;text-align:center;border:1px solid var(--line);border-radius:16px;background:#fff}
.email-hero>span{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 13px;border-radius:14px;color:#fff;background:#242423}
.email-hero h2{margin:0;font-size:20px}
.email-hero p{margin:7px 0;color:var(--muted);font-size:var(--font-xs)}
.email-hero strong{font-size:var(--font-sm)}
.form-card{margin-top:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.email-code-form label>div{display:grid;grid-template-columns:1fr auto;gap:8px}
.email-code-form input{height:46px;padding:0 12px}
.email-code-form button,.avatar-form.inline>button{height:46px;padding:0 15px;border:0;border-radius:10px;color:#fff;background:#242423;font-size:var(--font-xs);font-weight:700}
.bind-form{margin-top:14px}
.bind-form .primary-button{width:100%;margin-top:14px}
.account-profile{gap:12px}
.account-avatar{flex:0 0 54px}
.card-title{display:flex;align-items:center;margin-bottom:16px}
.card-title>span{width:38px;height:38px;display:grid;place-items:center;margin-right:10px;border-radius:10px;background:#ededeb}
.card-title h3{margin:0;font-size:var(--font-sm)}
.card-title p{margin:3px 0 0;color:var(--muted);font-size:var(--font-xs)}
.avatar-form.inline{display:grid;grid-template-columns:1fr auto;gap:8px}
.file-button{position:relative;height:46px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#f7f7f5;font-size:var(--font-xs);font-weight:700;cursor:pointer}
.file-button input{position:absolute;width:1px;height:1px;opacity:0}
.stack-form{display:flex;flex-direction:column;gap:13px}
.stack-form .primary-button{margin-top:3px}
.account-logout-button{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;margin-top:12px;padding:10px 15px;border:1px solid #e8d2cf;border-radius:14px;color:var(--red);background:#fff;text-align:left}
.account-logout-button>span{flex:1}
.account-logout-button b,.account-logout-button small{display:block;font-size:var(--font-xs)}
.account-logout-button small{margin-top:3px;color:#99706c}
.account-logout-button>svg:last-child{color:#b89c99}

/* overlays */
.flash-toast{position:fixed;left:50%;top:max(16px,env(safe-area-inset-top));z-index:2000;max-width:calc(100% - 32px);display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-lg);font-size:var(--font-sm)}
.flash-toast.error{color:var(--red);border-color:#eaccca}
.modal-layer{position:fixed;inset:0;z-index:1500;display:none;place-items:center;padding:20px;pointer-events:auto;background:rgba(18,18,17,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.modal-layer.open{display:grid}
.modal-card{position:relative;width:min(100%,540px);max-height:90dvh;overflow:auto;padding:25px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:#fff;box-shadow:var(--shadow-lg)}
.modal-lg{width:min(100%,860px)}
.close-modal{position:absolute;right:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#777772;background:#f5f5f3}
.modal-title{display:flex;align-items:center;padding-right:38px;margin-bottom:20px}
.modal-title>span{width:42px;height:42px;display:grid;place-items:center;margin-right:11px;border-radius:11px;color:#fff;background:#252524}
.modal-title h2{margin:0;color:var(--ink);font-size:18px}
.modal-title p{margin:4px 0 0;color:var(--muted);font-size:var(--font-xs)}
.form-error-card,.confirm-card{width:min(100%,400px);padding:28px 26px;text-align:center}
.form-error-icon,.confirm-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 15px;border-radius:16px;color:#fff;background:#222221}
.form-error-card>small,.confirm-card>small{color:var(--muted);font-size:var(--font-xs);font-weight:800;letter-spacing:.08em}
.form-error-card h2,.confirm-card h2{margin:7px 0 8px;color:var(--ink);font-size:21px}
.form-error-card p,.confirm-card p{margin:0;color:#686864;font-size:var(--font-sm);line-height:1.65}
.form-error-card>.primary-button{width:100%;margin-top:20px}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.confirm-actions button,.confirm-actions a{height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:#f2f2ef;font-size:var(--font-sm);font-weight:700}
.confirm-actions a,.confirm-actions button[type=submit]{border-color:#20201f;color:#fff;background:#20201f}
.today-separate{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.today-separate>div{padding:15px;border-radius:12px;background:#f2f2ef}
.today-separate small{display:block;color:var(--muted);font-size:var(--font-xs)}
.today-separate strong{display:block;margin-top:5px;font-size:18px}
.today-count{margin:12px 0 0;color:var(--muted);font-size:var(--font-xs);text-align:center}
.celebration-modal{position:relative;width:min(100%,430px);overflow:hidden;padding:31px 27px 27px;border-radius:20px;background:#fff;box-shadow:var(--shadow-lg);text-align:center}
.celebration-modal .announcement-icon{position:relative;width:70px;height:70px;display:grid;place-items:center;margin:2px auto 16px;border-radius:20px;color:#fff;background:#242423}
.announcement-icon img{width:100%;height:100%;object-fit:cover}
.announcement-icon>span{position:absolute;right:-5px;top:-5px;width:26px;height:26px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;color:#242423;background:#dddcd7}
.celebration-modal>small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em}
.celebration-modal h2{margin:8px 0 10px;color:var(--ink);font-size:21px}
.announcement-content{color:#62625e;font-size:var(--font-sm);line-height:1.75}
.quiet-check{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0;color:var(--muted);font-size:var(--font-xs)}
.quiet-check input{position:absolute;opacity:0}
.quiet-check span{width:18px;height:18px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:5px;color:transparent;background:#fff}
.quiet-check:has(input:checked) span{border-color:#222221;color:#fff;background:#222221}
.announcement-confirm{width:100%;height:48px;border:0;border-radius:11px;color:#fff;background:#20201f;font-weight:800}
.confetti{display:none}

/* admin application */
.admin-body{background:#f2f3f5}
.admin-shell{min-height:100dvh}
.admin-app{min-height:100dvh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:20px 16px;border-right:1px solid #dedfe2;background:#fff}
.admin-sidebar .brand{display:flex;align-items:center;gap:11px;padding:4px 7px 24px}
.admin-sidebar .brand .brand-mark{width:38px;height:38px;flex:0 0 38px}
.admin-sidebar .brand b{display:block;color:#191918;font-size:14px}
.admin-sidebar .brand small{display:block;margin-top:3px;color:#8b8b86;font-size:10px}
.mobile-sidebar-close{display:none;margin-left:auto;border:0;background:transparent}
.admin-sidebar nav{display:flex;flex-direction:column;gap:5px}
.admin-sidebar nav a{min-height:44px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:#62625e;font-size:13px;font-weight:650}
.admin-sidebar nav a svg{color:#81817d}
.admin-sidebar nav a.active{color:#fff;background:#20201f}
.admin-sidebar nav a.active svg{color:#fff}
.admin-sidebar nav a i{min-width:21px;height:21px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border-radius:999px;color:#fff;background:#bd403a;font-size:10px;font-style:normal}
.admin-user{display:grid;grid-template-columns:38px 1fr 32px;align-items:center;gap:10px;margin-top:auto;padding:13px 8px 0;border-top:1px solid var(--line)}
.admin-avatar{width:38px;height:38px;border-radius:10px}
.admin-user b{display:block;font-size:12px}
.admin-user small{display:block;margin-top:2px;color:var(--muted);font-size:10px}
.admin-user>form{margin:0}
.admin-user>form button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;color:var(--muted);background:#f1f1ee}
.sidebar-mask{display:none}
.admin-main{min-width:0;padding:0 clamp(22px,3vw,42px) 44px}
.admin-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e1e3}
.admin-header p{margin:0 0 5px;color:#858581;font-size:11px}
.admin-header h1{margin:0;color:#181817;font-size:clamp(22px,1.8vw,28px);letter-spacing:-.03em}
.mobile-menu{display:none;width:40px;height:40px;place-items:center;margin-right:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.header-admin{display:flex;align-items:center;gap:8px}
.header-admin>button{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #dedfe1;border-radius:11px;background:#fff;font-size:12px;font-weight:700}
.header-avatar{width:28px;height:28px;border-radius:8px}
.header-admin>form{margin:0}
.header-admin>form button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #dedfe1;border-radius:11px;color:#6e6e69;background:#fff}
.gender-switch{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:20px 0 14px}
.gender-switch>span{margin-right:4px;color:#777773;font-size:12px;font-weight:700}
.gender-switch button{height:36px;padding:0 14px;border:1px solid #d9dadd;border-radius:9px;background:#fff;font-size:12px}
.gender-switch button.active{border-color:#222221;color:#fff;background:#222221}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.metric{min-width:0;min-height:124px;display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #dedfe2;border-radius:14px;background:#fff}
.metric>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:12px;color:#292928;background:#ededeb}
.metric small{display:block;color:#757571;font-size:11px;font-weight:650}
.metric strong{display:block;overflow:hidden;margin:5px 0 3px;color:#1d1d1c;font-size:clamp(19px,1.7vw,25px);text-overflow:ellipsis;white-space:nowrap}
.metric strong em{margin-left:4px;color:#6f6f6a;font-size:11px;font-style:normal}
.metric p{margin:0;color:#92928d;font-size:10px}
.male-metric>span,.male-valid>span{color:#656560;background:#f2f2ef}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:14px;margin-top:14px}
.admin-panel{border:1px solid #dedfe2;border-radius:14px;background:#fff}
.chart-panel,.ranking{min-height:340px;padding:22px}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.panel-title h2{margin:0;color:#1d1d1c;font-size:16px}
.panel-title p{margin:4px 0 0;color:#858581;font-size:11px}
.panel-title a{color:#666662;font-size:11px;font-weight:700}
.bar-chart{height:240px;display:flex;align-items:flex-end;gap:12px;padding-top:32px}
.bar-chart>div{height:100%;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}
.bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}
.bars i{width:11px;min-height:4px;border-radius:4px 4px 1px 1px;background:#272726}
.bars .male-bar{background:#a5a5a0}
.bar-chart small{color:#858581;font-size:10px}
.rank-row{min-height:62px;display:grid;grid-template-columns:28px minmax(90px,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #ececea}
.rank-row>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#555551;background:#eeeeeb;font-size:10px;font-weight:800}
.rank-row>b{font-size:12px}
.rank-row>b small{display:block;margin-top:3px;color:#92928d;font-size:10px;font-weight:500}
.rank-row>div{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.rank-row strong{font-size:11px}
.female-text{color:#242423!important}
.male-text{color:#777772!important}
.table-panel{margin-top:20px;overflow:hidden}
.toolbar{min-height:72px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #e4e4e1}
.toolbar>div:first-child{margin-right:auto}
.toolbar h2{margin:0;font-size:16px}
.toolbar p{margin:4px 0 0;color:#858581;font-size:11px}
.search-box{height:42px;min-width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #d9dadd;border-radius:10px;background:#f7f7f5}
.search-box svg{color:#7d7d78}
.search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px}
.toolbar select,.toolbar>button,.date-control{height:42px;border:1px solid #d9dadd;border-radius:10px;background:#fff;font-size:12px}
.toolbar select{padding:0 34px 0 12px}
.toolbar>button{padding:0 15px}
.date-control{display:flex;align-items:center;gap:7px;padding:0 10px}
.date-control input{width:128px;border:0;outline:0;background:transparent;font-size:11px}
.date-control span{color:#8b8b86;font-size:10px}
.primary-action{height:42px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;padding:0 15px!important;border:1px solid #20201f!important;border-radius:10px!important;color:#fff!important;background:#20201f!important;font-size:12px!important;font-weight:700!important}
.data-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.data-table{width:100%}
.table-row{min-height:66px;display:grid;align-items:center;border-bottom:1px solid #ececea}
.table-row:last-child{border-bottom:0}
.table-row>span{min-width:0;padding:10px 14px;color:#575753;font-size:12px;overflow-wrap:anywhere}
.table-row>span:has(.table-avatar){display:flex;align-items:center;gap:9px}
.table-row>span b,.table-row>span strong{color:#252524}
.table-row>span small{display:block;margin-top:3px;color:#8e8e89;font-size:10px}
.table-head{min-height:44px;background:#f4f4f2}
.table-head>span{color:#777773;font-size:11px;font-weight:700}
.table-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:9px;font-size:11px}
.audit-table{min-width:1080px}
.audit-table .table-row{grid-template-columns:1.05fr 1.35fr .85fr .85fr .9fr .8fr .72fr}
.employee-table{min-width:1190px}
.employee-table .table-row{grid-template-columns:.48fr 1fr .8fr 1.5fr .8fr .85fr .85fr 1.1fr}
.performance-table{min-width:760px}
.performance-table .table-row{grid-template-columns:.5fr 1.3fr .9fr 1fr 1fr}
.performance-table.female .table-row,.performance-table.male .table-row{grid-template-columns:.55fr 1.5fr 1fr 1.2fr}
.admin-table{min-width:900px}
.admin-table .table-row{grid-template-columns:.5fr 1fr .8fr .9fr 2fr .9fr}
.log-table{min-width:1000px}
.log-table .table-row{grid-template-columns:.45fr .8fr 1fr .9fr 2.1fr 1.25fr}
.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}
.review-button,.row-actions button,.inline-form button{height:32px;padding:0 10px;border:1px solid #d7d7d2;border-radius:8px;background:#fff;font-size:11px;font-weight:700}
.danger-text{color:var(--red)!important}
.inline-form,.row-actions form{display:inline}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.email-actions{margin-top:7px}

/* admin forms and detail modals */
.modal-form,.settings-form,.install-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.modal-form label>span,.settings-form label>span{display:block;margin:0 1px 7px;color:#50504c;font-size:11px;font-weight:700}
.modal-form input,.modal-form select,.modal-form textarea,.settings-form input,.settings-form select,.settings-form textarea,.test-card input{width:100%;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5;outline:0;font-size:13px}
.modal-form input,.modal-form select,.settings-form input,.settings-form select,.test-card input{height:44px;padding:0 12px}
.modal-form textarea,.settings-form textarea{padding:11px 12px;resize:vertical;line-height:1.55}
.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.wide{grid-column:1/-1}
.modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.modal-actions button{height:42px;min-width:92px;border:1px solid #d7d7d2;border-radius:9px;background:#f2f2ef;font-size:12px;font-weight:700}
.modal-actions button:last-child{border-color:#20201f;color:#fff;background:#20201f}
.modal-divider{position:relative;margin:20px 0;text-align:center}
.modal-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.modal-divider span{position:relative;padding:0 10px;color:var(--muted);background:#fff;font-size:10px}
.avatar-form.compact{display:flex;align-items:center;gap:14px}
.avatar-picker{position:relative;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;cursor:pointer}
.avatar-picker input{position:absolute;opacity:0}
.avatar-preview{width:54px;height:54px;border-radius:14px}
.avatar-form.compact>button{height:40px;margin-left:auto;padding:0 14px;border:0;border-radius:9px;color:#fff;background:#222221;font-size:11px;font-weight:700}
.permission-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px}
.permission-grid label{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8f8f6;font-size:11px}
.permission-grid input{width:auto;height:auto}
.audit-person{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding:13px;border-radius:12px;background:#f1f1ee}
.big-avatar{width:43px;height:43px;border-radius:11px}
.audit-person h3{margin:0;font-size:14px}
.audit-person p{margin:3px 0 0;color:var(--muted);font-size:10px}
.admin-proof a{height:250px}
.audit-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.audit-sides section{padding:16px;border:1px solid var(--line);border-radius:13px;background:#f5f5f3}
.audit-sides section.male{background:#fafaf9}
.audit-sides header{display:flex;justify-content:space-between;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.audit-sides header span,.audit-sides header strong{font-size:13px}
.audit-sides dl{margin:0}
.audit-sides dl div{display:grid;grid-template-columns:75px 1fr;gap:10px;padding:6px 0}
.audit-sides dt{color:var(--muted);font-size:10px}
.audit-sides dd{margin:0;text-align:right;font-size:11px;line-height:1.5}
.status-note{margin-top:12px;padding:11px 13px;border-radius:10px;font-size:11px}
.status-note.pending{color:var(--amber);background:var(--amber-bg)}
.status-note.approved{color:var(--green);background:var(--green-bg)}
.status-note.rejected{color:var(--red);background:var(--red-bg)}
.reject-panel{margin-top:12px}
.reject-panel textarea{width:100%;padding:11px;border:1px solid #e3cdca;border-radius:10px;resize:vertical}
.audit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.audit-actions button{height:42px;padding:0 17px;border:1px solid #d7d7d2;border-radius:9px;background:#f2f2ef;font-size:12px;font-weight:700}
.audit-actions button:nth-child(2){border-color:#b33f39;color:#fff;background:#b33f39}
.audit-actions button:nth-child(3){border-color:#1d1d1c;color:#fff;background:#1d1d1c}

/* settings and announcements */
.settings-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:16px;margin-top:20px}
.settings-card{padding:22px}
.settings-title{display:flex;align-items:center;margin-bottom:22px}
.settings-title>span,.speed-card>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;margin-right:11px;border-radius:11px;color:#fff;background:#252524}
.settings-title h2{margin:0;font-size:16px}
.settings-title p{margin:4px 0 0;color:var(--muted);font-size:11px}
.settings-title .switch{margin-left:auto}
.settings-form .primary-action{width:max-content;min-width:150px}
.settings-form label>small{display:block;margin-top:5px;color:var(--muted);font-size:10px}
.settings-divider{position:relative;margin:4px 0;text-align:center}
.settings-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.settings-divider span{position:relative;padding:0 10px;color:var(--muted);background:#fff;font-size:10px}
.path-input{height:44px;display:flex;align-items:center;overflow:hidden;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5}
.path-input:focus-within{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.path-input b{height:100%;display:grid;place-items:center;padding:0 12px;border-right:1px solid #deded9;color:#787873;background:#eeeeeb;font-size:14px}
.path-input input{height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.switch input{position:absolute;opacity:0}
.switch i{position:relative;width:44px;height:24px;display:block;border-radius:999px;background:#cdcdc8}
.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.16);transition:.18s}
.switch input:checked+i{background:#222221}
.switch input:checked+i:after{left:23px}
.settings-grid>aside{display:flex;flex-direction:column;gap:16px}
.queue-card,.test-card,.preview-card,.speed-card{padding:20px}
.queue-card h3,.test-card h3,.speed-card h3{margin:0;font-size:14px}
.queue-card dl{margin:14px 0 0}
.queue-card dl div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.queue-card dt{color:var(--muted);font-size:11px}
.queue-card dd{margin:0;font-size:14px;font-weight:800}
.speed-card p{color:var(--muted);font-size:11px;line-height:1.6}
.test-card form{display:flex;flex-direction:column;gap:8px}
.test-card button{height:41px;border:0;border-radius:9px;color:#fff;background:#222221;font-size:11px;font-weight:700}
.site-icon-upload>div{display:grid;grid-template-columns:54px auto 1fr;align-items:center;gap:12px}
.site-icon-preview,.brand-preview{display:grid;place-items:center;overflow:hidden;color:#fff;background:#222221;font-weight:800}
.site-icon-preview{width:54px;height:54px;border-radius:13px}
.site-icon-upload .file-button{width:150px}
.site-icon-upload small{color:var(--muted);font-size:10px}
.preview-card{text-align:center}
.brand-preview{width:64px;height:64px;margin:15px auto;border-radius:16px}
.preview-card p,.preview-card small{color:var(--muted);font-size:11px}
.preview-card h2{margin:10px 0 4px;font-size:17px}
.speed-card{display:flex;align-items:flex-start}
.announcement-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;padding:18px;border-bottom:1px solid var(--line)}
.announcement-list article:last-child{border-bottom:0}
.announcement-list-icon{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:12px;color:#fff;background:#252524}
.announcement-list-icon img{width:100%;height:100%;object-fit:cover}
.announcement-list-copy span{display:flex;align-items:center;gap:8px}
.announcement-list-copy h3{margin:8px 0 4px;font-size:14px}
.announcement-list-copy p{margin:0;color:#6e6e69;font-size:11px;line-height:1.6}
.announcement-list-copy time{display:block;margin-top:7px;color:#979792;font-size:10px}
.icon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}
.icon-picker legend{padding:0 6px;color:#50504c;font-size:11px;font-weight:700}
.icon-picker>label{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fafaf8;cursor:pointer}
.icon-picker input{position:absolute;opacity:0}
.icon-picker label:has(input:checked){border-color:#252524;box-shadow:inset 0 0 0 1px #252524}
.icon-picker label>span{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:#252524}
.icon-picker label>span img{width:100%;height:100%;object-fit:cover}
.icon-picker label>b{font-size:10px}
.audience-fixed{min-height:48px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f5f5f3}
.audience-fixed b{font-size:12px}
.audience-fixed small{margin-left:auto!important;color:var(--muted)!important;font-size:10px!important}

/* login */
.login-body{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#ececea}
.login-shell{width:min(100%,960px);min-height:590px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr);overflow:hidden;border:1px solid #d7d7d2;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(18,18,16,.13)}
.login-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:42px;color:#fff;background:#1f1f1e}
.login-aside-brand{display:flex;align-items:center;gap:12px}
.login-aside-brand .login-logo{width:42px;height:42px;color:#20201f!important;background:#fff!important}
.login-aside-brand b{display:block;font-size:15px}
.login-aside-brand small{display:block;margin-top:4px;color:#a7a7a2;font-size:10px}
.login-aside-copy{max-width:350px;margin:auto 0}
.login-aside-copy>small{color:#aaa9a4;font-size:10px;font-weight:800;letter-spacing:.12em}
.login-aside-copy h2{margin:14px 0 14px;font-size:clamp(28px,3.3vw,40px);line-height:1.25;letter-spacing:-.045em}
.login-aside-copy p{margin:0;color:#b3b3ae;font-size:13px;line-height:1.75}
.login-aside-index{display:flex;align-items:center;gap:12px;color:#9c9c97;font-size:10px;font-weight:700;letter-spacing:.08em}
.login-aside-index i{width:50px;height:1px;background:#555550}
.login-card{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:42px 56px 86px;background:#fff}
.admin-login .login-card{order:1}
.admin-login .login-aside{order:2}
.login-mobile-brand{display:none}
.login-role{align-self:flex-start;height:30px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#555551;background:#f5f5f3;font-size:11px;font-weight:700}
.login-copy{margin:0 0 25px}
.login-copy>small{color:#7d7d78;font-size:10px;font-weight:800;letter-spacing:.1em}
.login-copy h1{margin:8px 0 7px;color:#181817;font-size:32px;letter-spacing:-.04em}
.login-copy p{margin:0;color:var(--muted);font-size:12px}
.form-alert{display:flex;align-items:center;gap:8px;margin:-7px 0 15px;padding:11px 12px;border:1px solid #eccfcd;border-radius:10px;color:var(--red);background:#fff8f7;font-size:11px}
.login-form{display:flex;flex-direction:column;gap:16px}
.login-form label>span{display:block;margin:0 1px 7px;color:#484844;font-size:11px;font-weight:700}
.login-form label>div{height:50px;display:flex;align-items:center;padding:0 13px;border:1px solid #d9d9d4;border-radius:11px;background:#f6f6f4}
.login-form label>div:focus-within{border-color:#70706b;background:#fff;box-shadow:0 0 0 3px rgba(20,20,19,.06)}
.login-form label svg{margin-right:9px;color:#777772}
.login-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}
.password-toggle{width:34px;height:34px;display:grid;place-items:center;margin-right:-7px;border:0;border-radius:8px;color:#8c8c87;background:transparent}
.password-toggle svg{margin:0!important}
.password-toggle.active{color:#222221;background:#e7e7e4}
.login-form>button{height:50px;display:flex;align-items:center;justify-content:space-between;margin-top:3px;padding:0 17px;border:0;border-radius:11px;color:#fff;background:#1d1d1c;font-size:13px;font-weight:800}
.login-form>button svg{margin:0;color:#fff}
.login-foot{display:flex;align-items:center;gap:10px;margin-top:24px;color:#9a9a95;font-size:9px}
.login-foot i{height:1px;flex:1;background:#e5e5e1}

/* installer */
.install-body{min-height:100dvh;background:#eeeeeb}
.install-wrap{width:min(100%,900px);margin:auto;padding:clamp(28px,5vw,56px) 18px 70px}
.install-head{display:flex;align-items:center;gap:13px;margin-bottom:28px}
.install-mark{width:46px;height:46px;flex:0 0 46px;border-radius:12px}
.install-head p{margin:0 0 5px;color:#858580;font-size:9px;font-weight:800;letter-spacing:.15em}
.install-head h1{margin:0 0 4px;color:#181817;font-size:clamp(20px,3vw,28px)}
.install-head span{color:#858580;font-size:11px}
.install-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:12px;margin:0 8px 20px}
.install-steps>span{display:flex;align-items:center;gap:8px;color:#9a9a95}
.install-steps>span i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d2d2cd;border-radius:8px;background:#f7f7f5;font-size:10px;font-style:normal;font-weight:800}
.install-steps>span b{font-size:10px;white-space:nowrap}
.install-steps>span.active,.install-steps>span.done{color:#222221}
.install-steps>span.active i{border-color:#222221;color:#fff;background:#222221}
.install-steps>span.done i{background:#deded9}
.install-steps>em{height:1px;background:#d5d5d0}
.install-panel,.success-box{padding:clamp(20px,4vw,34px);border:1px solid #d8d8d3;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(18,18,16,.06)}
.install-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px;padding-bottom:19px;border-bottom:1px solid var(--line)}
.install-panel-head small{color:#888883;font-size:9px;font-weight:800;letter-spacing:.12em}
.install-panel-head h2{margin:5px 0;color:#1e1e1d;font-size:21px}
.install-panel-head p{margin:0;color:#83837e;font-size:10px}
.install-panel-head>span{padding:6px 9px;border-radius:8px;font-size:9px;font-weight:800}
.install-panel-head>span.ready{color:var(--green);background:var(--green-bg)}
.install-panel-head>span.warning{color:var(--red);background:var(--red-bg)}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.check-list div{min-height:49px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fafaf8;font-size:10px}
.check-list div>i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-style:normal;font-weight:800}
.check-list div>i.passed{color:var(--green);background:var(--green-bg)}
.check-list div>i.failed{color:var(--red);background:var(--red-bg)}
.check-list div>b{font-size:9px}
.install-next-form{margin-top:20px}
.install-next-form button,.install-form-actions button{height:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;color:#fff;background:#20201f;font-size:12px;font-weight:800}
.install-next-form button{width:100%}
.install-next-form button:disabled{color:#8b8b86;background:#cecec9;cursor:not-allowed}
.install-disabled-tip{margin:10px 0 0;color:#8e8e89;font-size:9px;text-align:center}
.install-form label>span{display:block;margin:0 1px 7px;color:#4f4f4b;font-size:10px;font-weight:700}
.install-form input{width:100%;height:46px;padding:0 12px;border:1px solid #d8d8d3;border-radius:9px;background:#f7f7f5;outline:0;font-size:13px}
.install-form input:focus{border-color:#6e6e69;background:#fff;box-shadow:0 0 0 3px rgba(20,20,19,.06)}
.install-form-actions{display:grid;grid-template-columns:120px 1fr;gap:9px;margin-top:6px}
.install-form-actions>a{height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #d8d8d3;border-radius:10px;background:#f4f4f2;font-size:11px;font-weight:700}
.inline-alert{margin-bottom:14px;padding:12px 14px;border:1px solid #e7c9c6;border-radius:10px;color:var(--red);background:#fff;font-size:11px}
.success-box{text-align:center}
.success-box>span{width:62px;height:62px;display:grid;place-items:center;margin:auto;border-radius:18px;color:#fff;background:#20201f;font-size:25px}
.success-box>small{display:block;margin-top:15px;color:#858580;font-size:9px;font-weight:800;letter-spacing:.14em}
.success-box h2{margin:8px 0;font-size:22px}
.success-box p{color:#7d7d78;font-size:11px}
.install-credential{width:min(100%,390px);display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px auto;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f6f6f3;text-align:left}
.install-credential span{color:#858580;font-size:9px}
.install-credential b{text-align:right;font-size:11px}
.success-actions{display:flex;justify-content:center;gap:8px}
.success-actions a{min-width:130px;padding:12px 16px;border-radius:9px;color:#fff;background:#20201f;font-size:11px;font-weight:700}
.success-actions a:first-child{border:1px solid var(--line);color:#41413e;background:#f3f3f0}

@media(max-width:1180px){
  .admin-app{grid-template-columns:230px minmax(0,1fr)}
  .admin-sidebar{padding-inline:12px}
  .admin-main{padding-inline:22px}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:920px){
  .admin-app{display:block}
  .admin-sidebar{position:fixed;left:0;top:0;z-index:1800;width:270px;transform:translateX(-105%);box-shadow:20px 0 55px rgba(15,15,14,.16);transition:transform .2s}
  .admin-sidebar.open{transform:translateX(0)}
  .mobile-sidebar-close{display:grid;place-items:center}
  .sidebar-mask{position:fixed;inset:0;z-index:1700;background:rgba(17,17,16,.42)}
  .sidebar-mask.open{display:block}
  .admin-main{padding:0 18px 32px}
  .admin-header{height:82px;justify-content:flex-start}
  .mobile-menu{display:grid}
  .header-admin{margin-left:auto}
  .settings-grid{grid-template-columns:1fr}
  .login-shell{grid-template-columns:minmax(0,.85fr) minmax(380px,1.15fr)}
  .login-aside{padding:34px}
  .login-card{padding:42px}
}
@media(max-width:760px){
  .mobile-app{width:100%;border:0;box-shadow:none}
  .app-header{padding-inline:18px}
  .page-content{padding:18px 15px 32px}
  .ledger-pair{grid-template-columns:1fr;gap:12px}
  .party-panel{padding:16px;border-radius:16px}
  .upload-box{height:112px}
  .today-record-card{gap:12px;padding:17px}
  .proof-grid{gap:8px}
  .proof-grid a{height:180px}
  .floating-nav{width:calc(100% - 24px);height:64px;border-radius:20px}
  .login-body{display:block;padding:0;background:#fff}
  .login-shell{min-height:100dvh;display:block;border:0;border-radius:0;box-shadow:none}
  .login-aside{display:none}
  .login-card{min-height:100dvh;justify-content:center;padding:max(28px,env(safe-area-inset-top)) 22px max(70px,calc(env(safe-area-inset-bottom) + 46px))}
  .login-copy{margin:0 0 25px}
  .login-copy h1{font-size:29px}
  .metric-grid{grid-template-columns:1fr 1fr}
  .metric{min-height:112px;padding:15px;gap:11px}
  .metric>span{width:39px;height:39px;flex-basis:39px}
  .toolbar{align-items:stretch}
  .toolbar>div:first-child{width:100%}
  .search-box{min-width:0;flex:1}
  .date-control{width:100%;justify-content:space-between}
  .date-control input{width:43%}
  .modal-form,.settings-form,.install-form{grid-template-columns:1fr}
  .modal-form .wide,.settings-form .wide,.install-form .wide,.modal-actions{grid-column:1}
  .permission-grid{grid-template-columns:repeat(2,1fr)}
  .audit-sides{grid-template-columns:1fr}
  .admin-proof a{height:190px}
  .icon-picker{grid-template-columns:repeat(3,1fr)}
  .check-list{grid-template-columns:1fr}
  .install-steps{gap:6px;margin-inline:0}
  .install-steps>span b{display:none}
}
@media(max-width:520px){
  .today-record-card{grid-template-columns:1fr}
  .today-record-card dl{min-height:72px}
  .record-amounts{margin-left:0}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid a{height:240px}
  .detail-status{align-items:flex-start}
  .detail-status time{max-width:95px;text-align:right;line-height:1.5}
  .month-hero,.performance-card{padding:18px}
  .month-hero header>span,.performance-card header>span{font-size:10px}
  .day-strip{gap:4px}
  .day-strip>div{min-height:57px;padding:6px 4px}
  .day-strip i,.day-strip em{font-size:8px}
  .menu-card em{display:none}
  .email-code-form label>div,.avatar-form.inline{grid-template-columns:1fr}
  .today-separate{grid-template-columns:1fr}
  .modal-layer{padding:12px}
  .modal-card{padding:22px 18px;border-radius:16px}
  .celebration-modal{padding:28px 20px 22px}
  .admin-main{padding-inline:12px}
  .admin-header{height:76px}
  .admin-header p{display:none}
  .header-admin>button>span:not(.header-avatar){display:none}
  .header-admin>button .header-avatar{display:grid!important}
  .metric-grid{grid-template-columns:1fr}
  .metric{min-height:98px}
  .gender-switch{justify-content:flex-start;overflow:auto}
  .gender-switch>span{display:none}
  .chart-panel,.ranking{padding:16px}
  .table-panel{margin-top:14px}
  .toolbar{padding:12px}
  .toolbar .search-box{width:100%;flex-basis:100%}
  .toolbar select{flex:1}
  .announcement-list article{grid-template-columns:44px minmax(0,1fr)}
  .announcement-list article>.row-actions{grid-column:2}
  .site-icon-upload>div{grid-template-columns:54px 1fr}
  .site-icon-upload small{grid-column:1/-1}
  .icon-picker{grid-template-columns:repeat(2,1fr)}
  .ranking-rule-grid{grid-template-columns:1fr;padding:12px}
  .audience-fixed{flex-wrap:wrap}
  .audience-fixed small{width:100%;margin-left:27px!important}
  .install-wrap{padding-inline:13px}
  .install-panel{padding:18px 15px}
  .install-form-actions{grid-template-columns:1fr}
  .success-actions{flex-direction:column}
  .success-actions a{width:100%}
}
@media(max-width:360px){
  .app-header{padding-inline:14px}
  .page-content{padding-inline:11px}
  .party-panel{padding:13px}
  .floating-nav{width:calc(100% - 18px)}
  .confirm-actions{grid-template-columns:1fr}
  .month-split strong{font-size:18px}
  .metric{padding:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Staff Ledger 5.0 — operations, audit and ranking refinement */
html{scrollbar-gutter:stable}
body.modal-open{overflow:hidden;padding-right:var(--scrollbar-compensation,0)}
.app-header{padding-top:calc(23px + env(safe-area-inset-top))}
.app-heading{min-height:58px}
.floating-nav:has(a:nth-child(4)){grid-template-columns:repeat(4,1fr)}
.floating-nav a{border-radius:20px}
.floating-nav a.active{border-radius:20px}
.header-admin{min-width:0;flex:none}
.header-admin>button{min-width:0;flex:none;overflow:hidden}
.header-avatar{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;aspect-ratio:1;border-radius:9px}
.header-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.admin-user .admin-avatar{aspect-ratio:1;flex:none}
input,select,textarea{min-width:0;max-width:100%}
.modal-layer{overflow:hidden;overscroll-behavior:contain}
.modal-card{max-width:calc(100vw - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.modal-form>label,.settings-form>label{min-width:0}
.table-row>span:last-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.table-row>span:last-child .inline-form{margin:0}
.audit-table{min-width:720px}
.audit-table .table-row{min-height:57px;grid-template-columns:1.05fr 1.45fr .82fr .75fr .78fr}
.employee-table{min-width:1050px}
.employee-table .table-row{min-height:59px;grid-template-columns:.4fr .9fr .7fr 1.35fr .65fr .72fr .72fr 1fr}
.table-row>span{padding:8px 11px}
.chart-panel{min-height:370px}
.chart-legend{display:flex;gap:13px;color:var(--muted);font-size:10px}
.chart-legend span:before{content:"";width:7px;height:7px;display:inline-block;margin-right:5px;border-radius:2px;background:#272726}
.chart-legend span+span:before{background:#a5a5a0}
.bar-chart{height:275px;gap:8px;padding-top:38px}
.bar-chart>div{position:relative;gap:5px}
.chart-value{position:absolute;top:-30px;left:50%;max-width:90px;transform:translateX(-50%);overflow:hidden;color:#555551;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.bar-chart>div>em{color:#9a9a95;font-size:9px;font-style:normal;white-space:nowrap}

.audit-modal-card{width:min(100%,760px)}
.audit-party-block{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#f5f5f3}
.audit-party-block.male{background:#fafaf9}
.audit-party-block>header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.audit-party-block>header>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:10px;color:#fff;background:#222221;font-weight:800}
.audit-party-block.male>header>span{color:#444440;background:#ddddda}
.audit-party-block header small{display:block;color:#9a9a95;font-size:9px;letter-spacing:.08em}
.audit-party-block header h3{margin:2px 0 0;font-size:13px}
.audit-party-block header strong{margin-left:auto;font-size:15px}
.audit-image-button,.detail-inline-image{position:relative;width:100%;display:block;overflow:hidden;padding:0;border:0;border-radius:12px;background:#dededb}
.audit-image-button{height:clamp(220px,34dvh,300px);min-height:220px;max-height:300px}
.audit-image-button img{width:100%;height:100%;display:block;object-fit:contain;background:#e8e8e5}
.detail-inline-image img{width:100%;height:100%;object-fit:contain;background:#e8e8e5}
.audit-image-button i,.detail-inline-image i{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;color:#fff;background:rgba(24,24,23,.72);font-size:10px;font-style:normal}
.audit-party-block dl{margin:11px 0 0}
.audit-party-block dl div{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.audit-party-block dt{color:var(--muted);font-size:10px}
.audit-party-block dd{margin:0;overflow-wrap:anywhere;text-align:right;font-size:11px;line-height:1.5}
.audit-review-form{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}
.audit-review-form>label>span,.review-copy-head>span{display:block;margin-bottom:7px;color:#555551;font-size:11px;font-weight:700}
.audit-review-form select{width:100%;height:45px;padding:0 12px;border:1px solid var(--line-strong);border-radius:10px;background:#f7f7f5}
.review-copy-panel{margin-top:12px}
.review-copy-head{display:flex;align-items:center;justify-content:space-between}
.review-copy-head button{height:30px;display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#f3f3f0;font-size:10px}
.audit-review-form.rejecting [data-refresh-review]{display:none!important}
.review-copy-panel textarea{width:100%;min-height:100px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:10px;resize:vertical}
.review-copy-panel textarea+textarea{display:none}
.audit-review-form.rejecting #review_note{display:none}
.audit-review-form.rejecting #reject_reason{display:block}
.audit-actions button:last-child:disabled{color:#8f8f8a;background:#cecec9;border-color:#cecec9;cursor:not-allowed}

.upload-remove{position:absolute!important;right:-7px!important;top:-7px!important;z-index:6;width:25px!important;height:25px!important;display:none!important;place-items:center;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;color:#fff!important;background:#252524!important}
.has-selection .upload-remove,.avatar-picker.has-selection .upload-remove{display:grid!important}
.upload-box>.upload-remove{right:8px!important;top:8px!important}
.generic-image-picker{position:relative;min-width:0}
.generic-image-picker>input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.generic-image-picker>[data-generic-image-preview]{position:relative;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:11px;background:#f7f7f5;cursor:pointer}
.generic-image-picker>[data-generic-image-preview]>small{color:var(--muted);font-size:10px}
.generic-image-picker .generic-selected-preview{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover}
.generic-image-picker.has-selection .upload-remove{display:grid!important;right:7px!important;top:7px!important}
.generic-image-picker.has-selection .generic-selected-preview~*{opacity:.18}
.submit-loading-layer{position:fixed;inset:0;z-index:2400;display:none;place-items:center;padding:24px;background:rgba(18,18,17,.52);backdrop-filter:blur(7px)}
.submit-loading-layer.open{display:grid}
.submit-loading-layer>div{width:min(100%,310px);padding:28px 22px;border-radius:18px;background:#fff;box-shadow:var(--shadow-lg);text-align:center}
.submit-loader{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 14px;border-radius:17px;color:#fff;background:#20201f;animation:submitPulse 1.15s ease-in-out infinite}
.submit-loading-layer h3{margin:0 0 6px;font-size:17px}
.submit-loading-layer p{margin:0;color:var(--muted);font-size:11px}
@keyframes submitPulse{50%{transform:scale(.92);opacity:.72}}
.image-zoom-layer{z-index:2600;width:100%;height:100%;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden;background:rgba(10,10,9,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.image-zoom-layer.open{display:flex;align-items:center;justify-content:center}
.image-zoom-card{position:relative;width:100%;height:100%;max-width:1280px;max-height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.image-zoom-card img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;border-radius:10px;touch-action:pinch-zoom}
.image-zoom-card button{position:absolute;right:4px;top:4px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.78);border-radius:50%;color:#fff;background:rgba(31,31,30,.9);box-shadow:0 8px 22px rgba(0,0,0,.3)}
@media(max-width:620px){
  .image-zoom-layer{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
  .image-zoom-card img{border-radius:7px}
  .image-zoom-card button{right:6px;top:6px;width:42px;height:42px}
}
.today-record-card{grid-template-columns:minmax(120px,.58fr) 1.42fr;margin-bottom:18px;padding:17px;border-radius:16px}
.today-record-card>div>strong{font-size:28px}
.order-detail-block{padding:16px}
.detail-inline-image{height:auto;max-height:420px;margin:13px 0;background:#e8e8e5}
.detail-inline-image img{max-height:420px}
.approval-note{padding:15px;border-radius:13px;color:#315c47;background:#edf5f0}
.approval-note b{font-size:12px}.approval-note p{margin:6px 0 0;font-size:11px;line-height:1.65}
.day-strip>div{min-width:0;overflow:hidden}
.day-strip i,.day-strip em{max-width:100%;font-size:8px}
.performance-card{padding:17px}
.performance-card header{align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.performance-card header h3{margin:0;font-size:14px}
.performance-card header>span{border:0;padding:0}
.mine-month-stats{grid-template-columns:1fr 1fr 1fr!important;padding-top:13px!important;border-top:0!important}
.mine-month-stats>div{min-width:0;padding:0 10px!important;border-left:1px solid rgba(255,255,255,.12)}
.mine-month-stats>div:first-child{padding-left:0!important;border-left:0}
.mine-month-stats dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-menu{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.security-menu>button{width:100%;min-height:72px;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:11px 14px;border:0;background:#fff;text-align:left}
.security-menu>button+button{border-top:1px solid var(--line)}
.security-menu button>div b{display:block;font-size:13px}.security-menu button>div small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.security-menu button>em{color:var(--muted);font-size:11px;font-style:normal}
.security-row-avatar{width:37px;height:37px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:#292928;font-size:11px;font-weight:800}
.security-row-avatar img{width:100%;height:100%;object-fit:cover}
.account-action-modal{width:min(100%,450px)}
.avatar-modal-form{display:flex;flex-direction:column;align-items:center}
.avatar-picker.large{flex-direction:column}
.avatar-picker.large .avatar-preview{width:92px;height:92px;border-radius:26px;font-size:24px}
.avatar-picker.large .upload-remove{right:calc(50% - 52px)!important;top:-5px!important}
.avatar-modal-form .modal-actions{width:100%;margin-top:22px}

.ranking-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px;color:#555551;font-size:11px}
.ranking-caption small{color:var(--muted);font-size:10px}
.ranking-filter-stack{display:grid;gap:8px;margin-bottom:16px}
.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:4px;border:1px solid var(--line);border-radius:13px;background:#ececea}
.ranking-tabs button{height:40px;border:0;border-radius:9px;color:#777772;background:transparent;font-size:11px;font-weight:700}
.ranking-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(25,25,23,.08)}
.ranking-gender-tabs{background:#f7f7f5}
.ranking-gender-tabs button.active{color:#fff;background:#242423;box-shadow:none}
.ranking-board{display:none}.ranking-board.active{display:block}
.podium{min-height:154px;display:flex;align-items:flex-end;justify-content:center;gap:7px;padding:0;background:transparent}
.podium article{width:31%;max-width:138px;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:11px 6px 10px;border:1px solid var(--line);border-radius:14px;background:#fafaf8;text-align:center}.podium .place-1{order:2;min-height:142px;border-color:#c8c8c2;background:#fff;box-shadow:0 7px 18px rgba(22,22,20,.06)}.podium .place-2{order:1}.podium .place-3{order:3}
.podium-avatar{position:relative;width:42px;height:42px;margin:0 auto}.place-1 .podium-avatar{width:50px;height:50px}
.ranking-avatar{width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border:1px solid #d7d7d2;border-radius:50%;color:#3f3f3c;background:#ececea;font-size:13px;font-weight:800}
.place-1 .ranking-avatar{background:#e4e4e0;font-size:15px}.ranking-avatar img{width:100%;height:100%;object-fit:cover}.podium-avatar>b{position:absolute;right:-3px;bottom:-3px;width:23px;height:23px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#30302e;background:#d7d7d2;font-size:10px}.place-1 .podium-avatar>b{color:#fff;background:#454541}
.podium article h3{max-width:100%;margin:9px 0 3px;overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.podium article span{color:var(--muted);font-size:9px}
.podium article:after{display:none}
.ranking-list{margin-top:9px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.ranking-list>div{min-height:49px;display:grid;grid-template-columns:23px 30px 1fr auto;align-items:center;gap:8px;padding:7px 11px;border-bottom:1px solid var(--line)}.ranking-list>div:last-child{border-bottom:0}
.ranking-list>div>b{color:#777772;font-size:10px}.ranking-list-avatar{width:30px;height:30px;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#fff;background:#292928;font-size:9px;font-weight:800}.ranking-list-avatar img{width:100%;height:100%;object-fit:cover}.ranking-list>div span{font-size:11px;font-weight:700}.ranking-list>div em{color:var(--muted);font-size:9px;font-style:normal}
.ranking-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fafaf8}
.ranking-rule-grid label{min-width:0}
.ranking-rule-grid label>span{display:block;margin:0 1px 7px;color:#50504c;font-size:11px;font-weight:700}
.ranking-rule-grid input,.ranking-rule-grid select{width:100%;height:44px;padding:0 12px;border:1px solid #d9d9d4;border-radius:10px;background:#fff;outline:0;font-size:12px}
.ranking-rule-grid small{display:block;margin:6px 1px 0;color:var(--muted);font-size:9px;line-height:1.5}
.ranking-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ranking-admin-head h3{margin:0;font-size:14px}.ranking-admin-head p{margin:4px 0 0;color:var(--muted);font-size:10px}
.ranking-admin-list>div:last-child{max-height:500px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.ranking-employee-row{min-height:60px;display:grid;grid-template-columns:36px 1fr 42px;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer}.ranking-employee-row:last-child{border-bottom:0}.ranking-employee-row>span b{display:block;font-size:12px}.ranking-employee-row>span small{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.ranking-employee-row>input{position:absolute;opacity:0}.ranking-employee-row>i{position:relative;width:40px;height:22px;border-radius:999px;background:#cecec9}.ranking-employee-row>i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}.ranking-employee-row:has(input:checked)>i{background:#222221}.ranking-employee-row:has(input:checked)>i:after{left:21px}
.ranking-save{margin-top:16px}.ranking-preview-icon{width:65px;height:65px;display:grid;place-items:center;margin:15px auto;border-radius:19px;color:#fff;background:#222221}

.confirm-card.danger .confirm-icon{background:#a33c37}
.confirm-card.danger .confirm-actions button:last-child{border-color:#20201f;color:#fff;background:#20201f}

/* Staff Ledger 5.2 — surface, control and responsive detail polish */
.party-panel,.bill-card,.profile-card,.account-profile,.menu-card,.form-card,.calendar-ledger,.detail-party,.security-menu,.admin-panel{box-shadow:0 7px 22px rgba(21,21,19,.035)}
.page-content,.admin-main{isolation:isolate}
.search-box,.date-control,.toolbar select,.toolbar>button,.modal-form input,.modal-form select,.modal-form textarea,.settings-form input,.settings-form select,.settings-form textarea{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.search-box:focus-within,.date-control:focus-within{border-color:#8a8a84;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.05)}
.modal-card{border-color:#e0e0dc}
.modal-title>span{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.modal-actions button,.audit-actions button,.review-button,.row-actions button,.inline-form button{white-space:nowrap}
.data-table-wrap{scrollbar-width:thin;scrollbar-color:#cdcdc8 transparent}
.data-table-wrap::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:7px;height:7px}
.data-table-wrap::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#cdcdc8;background-clip:padding-box}
@media(hover:hover){
  .table-row:not(.table-head):hover{background:#fafaf8}
  .review-button:hover,.row-actions button:hover,.inline-form button:hover,.toolbar>button:not(.primary-action):hover{border-color:#bdbdb7;background:#f6f6f3}
  .admin-sidebar nav a:not(.active):hover{color:#292927;background:#f3f3f0}
}

@media(max-width:760px){
  .audit-modal-card{padding:19px 15px}
  .audit-image-button{height:220px;min-height:220px;max-height:220px}
  .ranking-admin-head{align-items:stretch;flex-direction:column}
  .ranking-admin-head .search-box{width:100%}
}
@media(max-width:520px){
  .floating-nav{padding:5px}
  .floating-nav a{border-radius:18px}
  .today-record-card{grid-template-columns:1fr;padding:15px}
  .mine-month-stats{gap:0}
  .mine-month-stats dd{font-size:11px}
  .audit-party-block{padding:12px}
  .audit-party-block dl div{grid-template-columns:70px 1fr}
  .podium{min-height:148px;gap:6px;padding-inline:0}
  .podium article{min-height:116px;border-radius:13px}
  .podium .place-1{min-height:136px}
  .podium article h3{font-size:10px}
  .ranking-list>div{padding-inline:11px}
  .ranking-rule-grid{grid-template-columns:1fr;padding:12px}
  .admin-panel{border-radius:12px}
  .toolbar>button,.toolbar select{min-width:0}
}

/* Staff Ledger 5.5 — cache-friendly identity, compact filters and activity audit */
.avatar-image,.header-avatar,.admin-avatar,.table-avatar,.profile-avatar-inner,.security-row-avatar{contain:layout paint;background:#292928}
.avatar-image img,.header-avatar img,.admin-avatar img,.table-avatar img,.profile-avatar-inner img,.security-row-avatar img{display:block}
.profile-card{color:inherit;text-decoration:none}
.profile-card>div{min-width:0;flex:1}
.profile-card-link{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border-radius:9px;color:#8b8b86;background:#f2f2ef}

.ranking-filter-stack .ranking-gender-tabs{display:flex;grid-template-columns:none;justify-self:end;gap:6px;width:max-content;padding:0;border:0;border-radius:0;background:transparent}
.ranking-filter-stack .ranking-gender-tabs button{height:32px;padding:0 14px;border:1px solid #d8d8d3;border-radius:999px;color:#74746f;background:#fff;box-shadow:none}
.ranking-filter-stack .ranking-gender-tabs button.active{border-color:#2a2a29;color:#fff;background:#2a2a29;box-shadow:none}

.toolbar-search-line{min-width:280px;display:flex;align-items:center;gap:8px;flex:1 1 360px;margin-right:auto}
.toolbar-search-line .search-box{width:auto;min-width:0;flex:1 1 auto}
.toolbar-search-line>button{height:42px;flex:0 0 auto;padding:0 15px;border:1px solid #d9dadd;border-radius:10px;background:#fff;font-size:12px;font-weight:700}
.toolbar-reset{height:42px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #d9dadd;border-radius:10px;color:#666662;background:#fff;font-size:11px;font-weight:700}

.employee-avatar-field>small{display:block;margin-top:7px;color:var(--muted);font-size:10px}
.employee-avatar-field>.employee-avatar-picker{min-height:78px;display:flex;align-items:center;gap:12px;margin:0;padding:11px 13px;border:1px dashed #cfcfca;border-radius:12px;background:#f7f7f5}
.employee-avatar-picker>.avatar-preview{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;margin:0;border-radius:15px;color:#fff;background:#292928}
.employee-avatar-picker>span:not(.avatar-preview){display:flex;align-items:center;gap:7px;margin:0;color:#4c4c48;font-size:12px;font-weight:700}
.employee-avatar-picker input{inset:0;width:100%!important;height:100%!important;cursor:pointer}
.employee-avatar-picker .upload-remove{right:9px!important;top:9px!important}

.log-table{min-width:1180px}
.log-table .table-row{grid-template-columns:.42fr .95fr 1.8fr .72fr 1.1fr 1.15fr .9fr}
.log-table .table-row>span:nth-child(2){display:flex;align-items:center;gap:7px}
.log-table .table-row>span:nth-child(5){display:flex;align-items:center;gap:7px}
.log-table .table-row>span:nth-child(5) svg{flex:0 0 auto;color:#8b8b86}
.actor-pill{height:22px;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 7px;border-radius:999px;color:#fff;background:#333331;font-size:9px;font-style:normal;font-weight:800}
.actor-pill.employee{color:#555551;background:#e5e5e1}
.log-toolbar{align-items:center}

@media(max-width:760px){
  .toolbar-search-line{min-width:0;flex:0 0 100%;width:100%}
  .toolbar-search-line .search-box{width:0!important;min-width:0!important;flex:1 1 0!important}
  .toolbar-search-line>button{min-width:64px}
  .log-toolbar select,.log-toolbar .date-control{flex:1 1 auto}
}
@media(max-width:520px){
  .ranking-filter-stack{gap:9px}
  .ranking-filter-stack .ranking-gender-tabs button{height:30px;padding:0 12px;font-size:10px}
  .toolbar-search-line{gap:7px}
  .toolbar-search-line>button{padding:0 12px}
  .employee-avatar-field>.employee-avatar-picker{min-height:72px;padding:9px 11px}
}

.announcement-form>label,.announcement-form>fieldset{min-width:0}
.announcement-form{width:100%;min-width:0}
.announcement-form input,.announcement-form textarea,.announcement-form select{max-width:100%;min-width:0}
.announcement-time-field{grid-column:1/-1;width:100%;min-width:0;max-width:100%;overflow:hidden}
.announcement-datetime-control{position:relative;width:100%;min-width:0;max-width:100%;height:44px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 42px 0 12px;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5;box-sizing:border-box}
.announcement-datetime-control:focus-within{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.announcement-datetime-control>[data-datetime-display]{display:block;min-width:0;max-width:100%;overflow:hidden;color:#30302e;font-size:13px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.announcement-datetime-control>svg{position:absolute;right:12px;top:50%;z-index:1;flex:0 0 auto;color:#777772;pointer-events:none;transform:translateY(-50%)}
.announcement-datetime-control input[type="datetime-local"]{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100%!important;min-inline-size:0!important;max-inline-size:100%!important;inline-size:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:10px!important;opacity:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;-webkit-appearance:none;appearance:none}
.announcement-datetime-control input[type="datetime-local"]::-webkit-date-and-time-value{min-width:0;margin:0;padding:0;text-align:center}
.announcement-datetime-control input[type="datetime-local"]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}
@media(max-width:620px){.announcement-form{grid-template-columns:minmax(0,1fr)}.announcement-datetime-control{width:100%;max-width:100%}}

.email-provider-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.email-provider-options>label{position:relative;min-width:0;min-height:82px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #deded9;border-radius:12px;background:#fafaf8;cursor:pointer}
.email-provider-options>label:has(input:checked){border-color:#252524;background:#fff;box-shadow:inset 0 0 0 1px #252524}
.email-provider-options input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.email-provider-options>label>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#292928}
.email-provider-options b,.email-provider-options small{display:block}.email-provider-options b{font-size:12px}.email-provider-options small{margin-top:4px!important;color:var(--muted)!important;font-size:9px!important;line-height:1.55}
.email-provider-options em{padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.email-provider-options em.available{color:#315c47;background:#edf5f0}.email-provider-options em.unavailable{color:#8d3d38;background:#f8eceb}
.email-provider-warning{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #ecd9af;border-radius:10px;color:#755b21;background:#fffaf0;font-size:10px;line-height:1.65}
.email-provider-warning svg{flex:0 0 auto;margin-top:1px}
.email-custom-fields{min-width:0}
.email-custom-fields[hidden]{display:none!important}
.email-custom-fields>.settings-divider{margin:2px 0 12px}
.email-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.email-custom-grid>label{min-width:0}.email-custom-grid>label>span{display:block;margin:0 1px 7px;color:#484844;font-size:11px;font-weight:700}.email-custom-grid .wide{grid-column:1/-1}
@media(max-width:760px){.email-provider-options,.email-custom-grid{grid-template-columns:1fr}}
@media(max-width:420px){.email-provider-options>label{grid-template-columns:38px minmax(0,1fr)}.email-provider-options em{grid-column:2;justify-self:start}}

/* Staff Ledger 5.6 — multi-site platform and editable balances */
.employee-table.balance-enabled{min-width:1330px}
.employee-table.balance-enabled .table-row{grid-template-columns:.38fr .9fr .68fr 1.28fr .62fr .78fr .78fr 1.05fr 1fr}
.modal-money-input{height:44px;display:flex;align-items:center;overflow:hidden;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5}
.modal-money-input:focus-within{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.modal-money-input>b{padding-left:12px;font-size:13px}
.modal-money-input>input{height:42px!important;padding-left:8px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.platform-sidebar .brand-mark{display:grid;place-items:center;border-radius:11px;color:#fff;background:#20201f;font-size:13px;font-weight:800}
.platform-badge{height:38px;display:flex;align-items:center;gap:8px;margin-left:auto;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:#555551;background:#fff;font-size:11px;font-weight:700}
.platform-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.platform-dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr)}
.platform-sites-card{padding:18px}
.platform-site-mini{min-height:57px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}
.platform-site-mini:last-child{border-bottom:0}
.platform-site-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#292928;font-size:12px;font-weight:800}
.platform-site-mini b,.platform-site-mini small{display:block}.platform-site-mini b{font-size:12px}.platform-site-mini small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.platform-site-mini em{padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800}.platform-site-mini em.online{color:#315c47;background:#edf5f0}.platform-site-mini em.offline{color:#8d3d38;background:#f8eceb}
.platform-site-table{min-width:1260px}
.platform-site-table .table-row{grid-template-columns:.38fr 1.1fr 1.3fr .9fr .5fr .6fr .62fr 1.35fr}
.platform-site-table .domain-link{display:flex;align-items:center;gap:5px;max-width:100%;overflow:hidden;color:#30302e;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.platform-site-table .domain-link svg{flex:0 0 auto}
.platform-settings-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.platform-domain-add{margin:18px 0}
.platform-domain-add label>span{display:block;margin-bottom:7px;color:#50504c;font-size:11px;font-weight:700}
.platform-domain-add label>div{display:flex;gap:8px}
.platform-domain-add input{height:44px;min-width:0;flex:1;padding:0 12px;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5;outline:0}
.platform-domain-add button{height:44px;display:flex;align-items:center;gap:6px;padding:0 16px;border:0;border-radius:10px;color:#fff;background:#20201f;font-size:11px;font-weight:800}
.platform-domain-list{overflow:hidden;border:1px solid var(--line);border-radius:13px}
.platform-domain-list>div{min-height:61px;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line)}
.platform-domain-list>div:last-child{border-bottom:0}
.platform-domain-list>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#efefec}
.platform-domain-list b,.platform-domain-list small{display:block}.platform-domain-list b{font-size:12px}.platform-domain-list small{margin-top:4px;color:var(--muted);font-size:9px}
.platform-domain-list em{padding:5px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800}.platform-domain-list em.available{color:#315c47;background:#edf5f0}.platform-domain-list em.assigned{color:#666662;background:#ecece9}
.platform-domain-list form button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff}
.single-column{grid-template-columns:1fr}
.platform-log-card{margin-top:16px;padding:18px}
.platform-log-list>div{min-height:55px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}
.platform-log-list>div:last-child{border-bottom:0}.platform-log-list>div>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#efefec}
.platform-log-list b,.platform-log-list small{display:block}.platform-log-list b{font-size:11px}.platform-log-list small{margin-top:4px;color:var(--muted);font-size:9px}.platform-log-list time{color:var(--muted);font-size:9px}

@media(max-width:1180px){
  .platform-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .platform-dashboard-grid,.platform-settings-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .platform-badge{width:38px;padding:0;justify-content:center}
  .platform-badge span{display:none}
}
@media(max-width:520px){
  .platform-metrics{grid-template-columns:1fr}
  .platform-domain-list>div{grid-template-columns:32px minmax(0,1fr) auto}
  .platform-domain-list>div>em{grid-column:2}
  .platform-domain-list>div>form{grid-column:3;grid-row:1/3}
}

/* Staff Ledger 5.7 — global footer, platform identity and site access control */
.global-site-footer{padding:24px 16px 5px;text-align:center;color:#999994;font-size:10px;line-height:1.7;letter-spacing:.02em}
.staff-global-footer{margin:8px 16px 0;padding-bottom:12px;border-top:1px solid var(--line)}
.admin-global-footer{margin-top:28px;padding:18px 12px 0;border-top:1px solid #dedfe2}
.login-global-footer{position:fixed;z-index:5;right:0;bottom:max(14px,env(safe-area-inset-bottom));left:0;padding:0 18px;color:#8d8d88}
.platform-header-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.platform-header-actions .platform-badge{margin-left:0}
.platform-header-actions .header-admin{margin-left:0}
.platform-header-actions .header-avatar,.platform-sidebar .admin-avatar{contain:layout paint;background:#292928}
.platform-header-actions .header-avatar img,.platform-sidebar .admin-avatar img{width:100%;height:100%;object-fit:cover}
.platform-site-editor{width:min(100%,620px)}
.field-password-toggle{height:44px;display:flex;align-items:center;overflow:hidden;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5}
.field-password-toggle:focus-within{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.field-password-toggle input{height:42px!important;min-width:0;flex:1;border:0!important;background:transparent!important;box-shadow:none!important}
.field-password-toggle button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:0;color:#777772;background:transparent}
.site-admin-credential>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-admin-credential>span{display:flex;align-items:center;gap:5px;margin-top:5px}
.site-admin-credential code{min-width:70px;overflow:hidden;color:#868680;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.site-admin-credential button{width:25px;height:25px;display:grid;place-items:center;padding:0;border:1px solid #deded9;border-radius:7px;color:#656560;background:#fff}
.site-admin-credential button.loading svg{animation:spin .75s linear infinite}
.site-admin-credential button.revealed{color:#fff;background:#292928}
.platform-site-actions{flex-wrap:nowrap}
.platform-site-actions form{display:flex}
.platform-site-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px}
.platform-site-actions .platform-site-login{border-color:#292928;color:#fff;background:#292928}
.platform-site-actions .platform-site-login:disabled{cursor:not-allowed;border-color:#deded9;color:#aaa9a4;background:#efefec;opacity:1}
#platformStatusHint{color:#a64a44}
.global-footer-preview{padding:18px;border:1px dashed #cfcfca;border-radius:12px;text-align:center;background:#f7f7f5}
.global-footer-preview small{display:block;color:#999994;font-size:9px}
.global-footer-preview p{margin:7px 0 0;color:#50504c;font-size:11px;font-weight:700}
@media(max-width:760px){
  .platform-header-actions{gap:6px}
  .platform-header-actions .header-admin>form{display:none}
  .admin-global-footer{margin-top:22px}
}
@media(max-width:520px){
  .global-site-footer{font-size:9px}
  .platform-header-actions .platform-badge{display:none}
  .platform-site-editor{padding-inline:17px}
  .site-admin-credential code{min-width:62px}
}


/* v5.9.3 公告列表、指定员工与独立弹窗设置 */
.announcement-menu-icon{color:#4d4b47;background:#f0efeb}
.announcement-center-page{padding-bottom:28px}
.announcement-center-head{display:flex;align-items:center;gap:13px;margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(21,21,19,.035)}
.announcement-center-head>span{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;color:#fff;background:#262625}
.announcement-center-head h2{margin:0;color:var(--ink);font-size:16px}
.announcement-center-head p{margin:4px 0 0;color:var(--muted);font-size:11px}
.staff-announcement-list{display:grid;gap:12px}
.staff-announcement-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(21,21,19,.035)}
.staff-announcement-icon{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:13px;color:#fff;background:#292928}
.staff-announcement-icon.notice{background:#393936}.staff-announcement-icon.celebrate{background:#262625}.staff-announcement-icon.trophy{background:#4b4537}
.staff-announcement-icon img{width:100%;height:100%;object-fit:cover}
.staff-announcement-meta{display:flex;align-items:center;gap:7px;min-width:0;color:#979792;font-size:10px}
.staff-announcement-meta>span{font-weight:700;color:#656560}
.staff-announcement-meta>em{padding:2px 6px;border-radius:999px;background:#252524;color:#fff;font-style:normal;font-weight:700}
.staff-announcement-meta>time{margin-left:auto;white-space:nowrap}
.staff-announcement-copy h3{margin:8px 0 7px;color:var(--ink);font-size:14px;line-height:1.45}
.staff-announcement-content{color:#666661;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.announcement-empty{border:1px solid var(--line);border-radius:16px;background:#fff}
.announcement-choice-group{min-width:0;margin:0;padding:0;border:0}
.announcement-choice-group>legend{display:block;width:100%;margin-bottom:8px;color:#44443f;font-size:12px;font-weight:700}
.announcement-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.announcement-choice-options>label{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:13px;border:1px solid #deddd8;border-radius:12px;background:#fff;cursor:pointer}
.announcement-choice-options>label:has(input:checked){border-color:#2d2d2a;box-shadow:inset 0 0 0 1px #2d2d2a}
.announcement-choice-options input{position:absolute;opacity:0;pointer-events:none}
.announcement-choice-options>label>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff;background:#292928}
.announcement-choice-options b{display:block;color:#30302d;font-size:12px}
.announcement-choice-options small{display:block;margin-top:3px;color:#888883;font-size:10px;line-height:1.45}
.announcement-employee-select{display:block;margin-top:10px}
.announcement-employee-select[hidden]{display:none!important}
.announcement-employee-select>span{display:block;margin-bottom:7px;color:#44443f;font-size:12px;font-weight:700}
.announcement-employee-select select{width:100%;min-width:0}
.announcement-popup-time-note{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #e1e0db;border-radius:11px;color:#74746f;background:#f8f8f6;font-size:10px;line-height:1.6}
.announcement-popup-time-note svg{flex:0 0 auto;margin-top:1px}
.announcement-popup-state{padding:3px 7px;border-radius:999px;background:#efefec;color:#777771;font-size:10px;font-style:normal;font-weight:700}
.announcement-popup-state.live{background:#e8f3ec;color:#30744b}.announcement-popup-state.off{background:#f0f0ed;color:#777771}.announcement-popup-state.scheduled{background:#f7f0df;color:#8a692a}
@media(max-width:620px){
  .announcement-choice-options{grid-template-columns:minmax(0,1fr)}
  .staff-announcement-card{padding:14px}
  .staff-announcement-meta{flex-wrap:wrap}
  .staff-announcement-meta>time{width:100%;margin-left:0}
}


/* v5.9.5 announcement cleanup */
.announcement-time-field{grid-column:1/-1}
.announcement-datetime-control{position:relative;display:block;padding:0 44px 0 12px;text-align:center}
.announcement-datetime-control>[data-datetime-display]{position:absolute;left:50%;top:50%;width:calc(100% - 72px);transform:translate(-50%,-50%);margin:0;text-align:center;pointer-events:none}
.announcement-popup-time-note{display:none}
.announcement-choice-options small,.announcement-center-head p{display:none}
.announcement-center-page{padding-bottom:28px}
.announcement-simple-head{margin-bottom:12px;padding:0 2px}
.announcement-simple-head h2{margin:0;color:var(--ink);font-size:18px}
.staff-announcement-list.compact{display:grid;gap:10px}
.a.staff-announcement-link,.staff-announcement-link{text-decoration:none;color:inherit}
.a.staff-announcement-link:hover,.staff-announcement-link:hover{text-decoration:none}
.staff-announcement-card.compact{grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none}
.staff-announcement-copy.compact{min-width:0}
.staff-announcement-copy.compact h3{margin:0;color:var(--ink);font-size:14px;line-height:1.45}
.staff-announcement-copy.compact time{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.staff-announcement-arrow{display:grid;place-items:center;color:#9a9a95}
.announcement-empty{border:1px solid var(--line);border-radius:16px;background:#fff}
.announcement-detail-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.announcement-detail-head{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.announcement-detail-head h2{margin:0;color:var(--ink);font-size:18px;line-height:1.45}
.announcement-detail-head time{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.announcement-detail-content{padding-top:14px;color:#5f5f5b;font-size:13px;line-height:1.9;white-space:normal;word-break:break-word}
@media(max-width:620px){
  .staff-announcement-card.compact{padding:13px}
  .announcement-detail-card{padding:15px}
  .announcement-datetime-control>[data-datetime-display]{width:calc(100% - 78px)}
}


/* v5.9.6 公告与邮箱样式修正 */
.notice-row-image{width:18px;height:18px;display:block;object-fit:cover;border-radius:6px}
.notice-menu-card{margin-top:0}
.notice-menu-card>a{position:relative}
.notice-menu-card .menu-icon{overflow:hidden}
.notice-empty-row{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 15px;color:var(--muted);background:#fff}
.notice-empty-row span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eeeeeb;color:#42423f}
.announcement-page .card-title{margin-bottom:12px}
.notice-detail-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.notice-detail-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.notice-detail-head h2{margin:0;color:var(--ink);font-size:18px;line-height:1.45}
.notice-detail-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.notice-detail-content{padding-top:14px;color:#555550;font-size:13px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.announcement-list-copy.compact p{display:none}
.announcement-list-copy.compact time{display:block;margin-top:6px;color:var(--muted);font-size:11px}
.announcement-choice-block{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
.announcement-choice-title{display:block;margin-bottom:10px;color:var(--ink);font-size:12px}
.announcement-choice-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.announcement-choice-item{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#f7f7f5;cursor:pointer}
.announcement-choice-item input[type=radio]{position:absolute!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;min-height:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;-webkit-appearance:none!important;appearance:none!important;border:0!important;padding:0!important;margin:0!important}
.announcement-choice-item>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#292928;color:#fff}
.announcement-choice-item>b{display:block;color:var(--ink);font-size:13px;line-height:1.4}
.announcement-choice-item>i{position:relative;width:18px;height:18px;margin-left:auto;border:1px solid #c9c8c3;border-radius:50%;background:#fff;font-style:normal}
.announcement-choice-item:has(input:checked){border-color:#1f1f1e;background:#fff;box-shadow:inset 0 0 0 1px #1f1f1e}
.announcement-choice-item:has(input:checked)>i::after{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#1f1f1e;transform:translate(-50%,-50%)}
.announcement-datetime-control{position:relative;height:46px;padding:0 42px;border:1px solid var(--line);border-radius:12px;background:#f7f7f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.announcement-datetime-control>[data-datetime-display]{position:absolute;left:50%;top:50%;width:calc(100% - 84px);transform:translate(-50%,-50%);display:block;margin:0;color:var(--ink);font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.announcement-datetime-control>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1;color:#8a8a86;pointer-events:none}
.announcement-datetime-control input[type="datetime-local"]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;opacity:.01!important;color:transparent!important;-webkit-text-fill-color:transparent!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;cursor:pointer;font-size:16px!important}
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-fields-wrapper,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-text,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-month-field,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-day-field,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-year-field,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
.announcement-datetime-control input[type="datetime-local"]::-webkit-datetime-edit-minute-field{color:transparent!important;-webkit-text-fill-color:transparent!important}
.announcement-datetime-control input[type="datetime-local"]::-webkit-calendar-picker-indicator{position:absolute;inset:0;opacity:0;cursor:pointer}
.announcement-form .announcement-popup-time-note{display:none!important}
.settings-title p,.email-provider-options small,.announcement-list-copy.compact small{display:none}
.email-provider-options>label input[type=radio]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;pointer-events:none!important}
.email-provider-options>label>div{min-width:0}
.install-sub-tip{margin:10px 2px 0;color:var(--muted);font-size:12px}
@media(max-width:620px){
  .announcement-choice-options{grid-template-columns:1fr}
  .notice-detail-card{padding:15px}
}


/* v5.9.7 公告详情与安装页修复 */
.announcement-page{padding-top:18px}
.notice-menu-card{margin-top:0}
.notice-menu-card>a{min-height:66px;padding:11px 15px}
.notice-menu-card>a>div{min-width:0;flex:1}
.notice-menu-card>a>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice-menu-card>a>div small{margin-top:5px}
.notice-detail-card{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(21,21,19,.035)}
.notice-detail-head{display:flex;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid var(--line);background:#fff}
.notice-detail-head .menu-icon{margin-right:0;flex:0 0 40px;width:40px;height:40px;border-radius:12px}
.notice-detail-head>div{min-width:0}
.notice-detail-head h2{margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:17px;line-height:1.5}
.notice-detail-head small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.notice-detail-content{min-height:120px;padding:18px;color:#555550;background:#fff;font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.install-next-form button:disabled{color:#888883!important;background:#d1d1cc!important;box-shadow:none!important;cursor:not-allowed!important}
.install-next-form button:not(:disabled){color:#fff!important;background:#20201f!important;cursor:pointer!important}
@media(max-width:620px){
  .notice-detail-head{padding:15px}
  .notice-detail-content{padding:15px}
}


/* v5.9.8 公告详情与订单编号定位 */
.notice-detail-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(21,21,19,.035)}
.notice-detail-hero{display:flex;align-items:flex-start;gap:13px;padding:20px 18px 18px;background:#20201f}
.notice-detail-icon{width:43px;height:43px;display:grid;place-items:center;overflow:hidden;flex:0 0 43px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;background:rgba(255,255,255,.08)}
.notice-detail-icon .notice-row-image{width:100%;height:100%;border-radius:0;object-fit:cover}
.notice-detail-hero>div{min-width:0;padding-top:1px}
.notice-detail-hero small{display:block;color:#aaa9a4;font-size:10px;line-height:1.5}
.notice-detail-hero h1{margin:6px 0 0;overflow-wrap:anywhere;color:#fff;font-size:20px;line-height:1.5;letter-spacing:-.015em}
.notice-detail-body{padding:18px}
.notice-detail-section-title{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.notice-detail-section-title>span{width:3px;height:15px;border-radius:999px;background:#242423}
.notice-detail-section-title>b{color:#3e3e3b;font-size:12px}
.notice-detail-content{min-height:110px;padding:15px;border:1px solid #e5e4df;border-radius:13px;color:#555550;background:#f8f8f6;font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-word}

.upload-box.has-preview>img[data-original-preview]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.upload-box.has-ocr-region{justify-content:center;padding:0;background:#fff}
.upload-box.has-ocr-region>img[data-original-preview]{opacity:0}
.ocr-region-preview{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#fff}
.ocr-region-label{position:absolute;left:10px;bottom:10px;z-index:3;max-width:calc(100% - 20px);display:block;overflow:hidden;padding:5px 8px;border-radius:8px;color:#fff;background:rgba(24,24,23,.78);font-size:9px;font-weight:700;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.upload-box.has-ocr-region>.upload-icon,.upload-box.has-ocr-region>b,.upload-box.has-ocr-region>small{display:none}
.upload-box.has-ocr-region>i{z-index:4;border-color:rgba(255,255,255,.2);color:#fff;background:rgba(24,24,23,.75)}
.upload-box.has-ocr-region>.upload-remove{z-index:6}

@media(max-width:620px){
  .notice-detail-hero{padding:18px 15px 16px}
  .notice-detail-hero h1{font-size:18px}
  .notice-detail-body{padding:15px}
  .notice-detail-content{padding:14px}
  .ocr-region-label{font-size:8px}
}
.ocr-region-preview{opacity:1!important}


/* v5.9.9 公告详情页与 OCR 预览修正 */
.notice-detail-shell{display:grid;gap:14px}
.notice-detail-hero-card{padding:22px 18px;border-radius:20px;color:#fff;background:linear-gradient(180deg,#20201f 0%,#2a2a28 100%);box-shadow:0 12px 28px rgba(18,18,17,.08)}
.notice-detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.notice-detail-icon{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;flex:0 0 48px;border:1px solid rgba(255,255,255,.13);border-radius:14px;color:#fff;background:rgba(255,255,255,.08)}
.notice-detail-badge-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.notice-detail-badge-group em{padding:5px 10px;border-radius:999px;color:#fff;background:rgba(255,255,255,.1);font-size:10px;font-style:normal;font-weight:700;letter-spacing:.02em}
.notice-detail-badge-group small{color:#c2c2bc;font-size:11px}
.notice-detail-hero-card h1{margin:0;color:#fff;font-size:24px;line-height:1.42;letter-spacing:-.02em;overflow-wrap:anywhere}
.notice-detail-content-card{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(18,18,16,.03)}
.notice-detail-content-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}
.notice-detail-content-head>span{width:4px;height:34px;margin-top:2px;border-radius:999px;background:#242423}
.notice-detail-content-head b{display:block;color:var(--ink);font-size:16px;line-height:1.35}
.notice-detail-content-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.notice-detail-content-box{padding:16px 15px;border:1px solid #e7e6e2;border-radius:15px;background:#f8f8f6;color:#555550;font-size:14px;line-height:1.95;white-space:pre-wrap;word-break:break-word}
.ocr-region-preview{z-index:3}
.upload-box.has-ocr-region>img[data-original-preview]{opacity:0!important}
.upload-box.has-ocr-region .ocr-inline{z-index:5}
@media(max-width:620px){
  .notice-detail-hero-card{padding:18px 15px}
  .notice-detail-hero-card h1{font-size:21px}
  .notice-detail-content-card{padding:14px}
  .notice-detail-content-box{padding:14px}
}


/* v5.9.10 公告详情页与订单号高亮修正 */
.announcement-page.simple{padding-top:18px}
.notice-detail-simple-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 26px rgba(16,16,14,.03)}
.notice-detail-simple-meta{margin-bottom:18px;color:#969691;font-size:11px;letter-spacing:.02em}
.notice-detail-simple-title{margin-bottom:16px;color:var(--ink);font-size:15px;font-weight:800;line-height:1.55}
.notice-detail-simple-content{color:#333330;font-size:14px;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.upload-box.has-ocr-region{background:#fff}
.upload-box.has-ocr-region .ocr-region-preview{object-fit:contain;background:#fff}
.upload-box.has-ocr-region .ocr-region-label{padding:6px 9px;border-radius:999px;background:rgba(18,18,17,.84);font-size:10px;bottom:8px}
@media(max-width:620px){
  .notice-detail-simple-card{padding:16px;border-radius:20px}
  .notice-detail-simple-meta{font-size:10px}
  .notice-detail-simple-content{font-size:13px}
}


/* v5.9.11 公告详情页重做与订单号红框高亮 */
.announcement-page.official-style{padding-top:18px}
.notice-official-card{padding:18px;border:1px solid #e4e3de;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(20,20,18,.03)}
.notice-official-meta{color:#9a9a96;font-size:11px;line-height:1.6}
.notice-official-card h1{margin:14px 0 0;color:var(--ink);font-size:18px;line-height:1.55;letter-spacing:-.01em;overflow-wrap:anywhere}
.notice-official-divider{height:1px;margin:18px 0;background:#efefeb}
.notice-official-content{color:#3a3a36;font-size:14px;line-height:2;white-space:pre-wrap;word-break:break-word}
.upload-box{overflow:hidden}
.ocr-region-preview{z-index:1;object-fit:cover!important}
.ocr-marker-box{position:absolute;z-index:5;border:3px solid #ef4444;border-radius:10px;box-shadow:0 0 0 9999px rgba(239,68,68,.08),0 8px 20px rgba(239,68,68,.18);pointer-events:none}
.ocr-marker-box::before{content:'订单号';position:absolute;left:0;top:-28px;min-width:58px;height:22px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:22px;text-align:center;white-space:nowrap}
.upload-box.has-ocr-region>img[data-original-preview]{opacity:0!important}
.upload-box.has-ocr-region .ocr-region-preview{opacity:1!important}
.upload-box.has-ocr-region .ocr-inline{z-index:6}
.upload-box.has-ocr-region .upload-remove{z-index:7}
.upload-box.has-ocr-region .ocr-region-label{z-index:6;background:rgba(15,15,14,.82)}
@media(max-width:620px){
  .notice-official-card{padding:16px;border-radius:22px}
  .notice-official-card h1{font-size:17px}
  .notice-official-content{font-size:13px}
  .ocr-marker-box::before{top:-24px;height:20px;line-height:20px}
}

/* v5.9.12 公告详情参考样式与独立 OCR 核对区域 */
.announcement-detail-body{background:#fbf7fc}
.announcement-detail-body .mobile-app{background:#fbf7fc}
.announcement-detail-body .subpage-header{height:92px;padding:0 28px;border-bottom:1px solid #d9d4da;background:#fbf7fc}
.announcement-detail-body .subpage-header>a{width:34px;height:44px;border:0;border-radius:0;background:transparent;color:#1f1f1f}
.announcement-detail-body .subpage-header h1{overflow:hidden;color:#171717;font-size:20px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.announcement-detail-body .subpage-header>span{width:34px}
.announcement-detail-body .announcement-page.reference-style{min-height:calc(100dvh - 93px);padding:20px 22px 80px;background:#fbf7fc}
.notice-reference-card{padding:21px 18px;border:1px solid #d8d2d9;border-radius:22px;background:rgba(255,255,255,.52);box-shadow:none}
.notice-reference-card time{display:block;margin-bottom:18px;color:#8d8891;font-size:14px;line-height:1.6}
.notice-reference-content{color:#202020;font-size:16px;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.announcement-detail-body .staff-global-footer{display:none}

.ocr-verify-panel{margin:-4px 0 17px;padding:12px;border:1px solid #e3e2dd;border-radius:15px;background:#fff;box-shadow:0 5px 14px rgba(18,18,16,.035)}
.ocr-verify-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ocr-verify-head>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;color:#fff;background:#242423}
.ocr-verify-head b{display:block;color:#2f2f2c;font-size:12px}
.ocr-verify-head small{display:block;margin-top:3px;color:#8d8d88;font-size:9px}
.ocr-verify-image-wrap{height:132px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ecebe7;border-radius:12px;background:#f8f8f6}
.ocr-verify-image-wrap img{width:100%;height:100%;display:block;object-fit:contain;background:#fff}
.ocr-verify-results{display:grid;gap:7px;margin-top:10px}
.ocr-verify-number{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#f5f5f2}
.ocr-verify-number span{color:#858580;font-size:10px}
.ocr-verify-number b{overflow:hidden;color:#252523;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.upload-box.has-ocr-region{padding-bottom:14px;background:#1d1d1c}
.upload-box.has-ocr-region>img[data-original-preview]{opacity:.62!important}
.upload-box.has-ocr-region .ocr-region-preview,.upload-box.has-ocr-region .ocr-region-label,.upload-box.has-ocr-region .ocr-marker-box{display:none!important}
@media(max-width:620px){
  .announcement-detail-body .subpage-header{height:84px;padding:0 20px}
  .announcement-detail-body .subpage-header h1{font-size:18px}
  .announcement-detail-body .announcement-page.reference-style{min-height:calc(100dvh - 85px);padding:18px 18px 70px}
  .notice-reference-card{padding:20px 17px;border-radius:20px}
  .notice-reference-card time{font-size:13px}
  .notice-reference-content{font-size:15px}
  .ocr-verify-image-wrap{height:122px}
}

/* v5.9.15 电报通知 */
.tg-settings-grid{align-items:start}
.tg-switch-form{margin-left:auto}
.tg-bot-card,.tg-binding-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fafaf8}
.tg-bot-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#242423}
.tg-bot-card small,.tg-binding-card small{display:block;color:var(--muted);font-size:10px}
.tg-bot-card h3,.tg-binding-card h3{margin:3px 0;color:var(--ink);font-size:15px}
.tg-bot-card p,.tg-binding-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}
.tg-bot-card>em,.tg-binding-card>em{padding:5px 9px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.tg-bot-card>em.online,.tg-binding-card>em{color:#2f7650;background:#e9f4ed}
.tg-bot-card>em.offline{color:#777772;background:#ecece8}
.tg-bot-actions{display:flex;align-items:center;gap:8px;margin-top:12px}
.tg-bot-actions>button,.tg-bot-actions form button,.tg-code-refresh button,.danger-outline-button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:11px;font-weight:700}
.tg-bot-actions form{margin:0}
.tg-empty-state{display:flex;flex-direction:column;align-items:center;margin-top:14px;padding:32px 18px;border:1px dashed #d8d7d2;border-radius:15px;text-align:center;background:#fafaf8}
.tg-empty-state>span,.tg-service-disabled>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#fff;background:#242423}
.tg-empty-state h3,.tg-service-disabled h3{margin:13px 0 0;font-size:15px}
.tg-empty-state p,.tg-service-disabled p{margin:6px 0 14px;color:var(--muted);font-size:11px;line-height:1.7}
.tg-service-disabled{display:flex;align-items:center;gap:13px;margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fafaf8}
.tg-service-disabled h3{margin:0}
.tg-service-disabled p{margin:4px 0 0}
.tg-binding-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tg-binding-info>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8f8f6}
.tg-binding-info span,.tg-binding-info b{display:block}
.tg-binding-info span{color:var(--muted);font-size:10px}
.tg-binding-info b{margin-top:5px;color:var(--ink);font-size:12px;overflow-wrap:anywhere}
.tg-code-card{margin-top:12px;padding:20px;border-radius:16px;color:#fff;text-align:center;background:#242423}
.tg-code-card small{display:block;color:#aaa9a4;font-size:10px}
.tg-code-card strong{display:block;margin:8px 0 7px;font-size:32px;letter-spacing:.18em}
.tg-code-card p{margin:0;color:#c8c8c2;font-size:11px;line-height:1.7}
.tg-code-card a{height:40px;display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:0 13px;border-radius:10px;color:#242423;background:#fff;font-size:11px;font-weight:800}
.tg-code-refresh{margin-top:10px;text-align:center}
.tg-feature-list{display:grid;gap:10px;margin-top:12px}
.tg-feature-list>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafaf8}
.tg-feature-list b,.tg-feature-list small{display:block}
.tg-feature-list b{font-size:12px}.tg-feature-list small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}
.danger-outline-button{width:100%;margin-top:12px;color:var(--red);border-color:#ead5d2;background:#fff}
@media(max-width:620px){
  .tg-bot-card,.tg-binding-card{grid-template-columns:44px minmax(0,1fr)}
  .tg-bot-card>em,.tg-binding-card>em{grid-column:2;justify-self:start}
  .tg-binding-info{grid-template-columns:1fr}
  .tg-code-card strong{font-size:28px}
}


/* v5.9.15 电报通知开关与界面统一 */
.tg-settings-grid{gap:14px}
.tg-main-card{padding:20px}
.tg-page-title{min-height:44px;margin-bottom:16px}
.tg-page-title>span{width:42px;height:42px;flex-basis:42px;margin-right:11px;border-radius:11px}
.tg-page-title h2{font-size:15px;line-height:1.35}
.tg-page-title p{display:none!important}
.tg-switch-form{display:flex;align-items:center;margin-left:auto}
.tg-switch-form .switch{margin:0}
.tg-bot-card.compact,.tg-binding-card.compact{grid-template-columns:44px minmax(0,1fr) auto;gap:11px;margin-top:0;padding:13px;border-radius:13px}
.tg-bot-card.compact .tg-bot-avatar,.tg-binding-card.compact .tg-bot-avatar{width:44px;height:44px;border-radius:12px}
.tg-bot-card.compact small,.tg-binding-card.compact small{font-size:9px;line-height:1.4}
.tg-bot-card.compact h3,.tg-binding-card.compact h3{margin:2px 0;font-size:13px;line-height:1.45}
.tg-bot-card.compact p,.tg-binding-card.compact p{font-size:9px;line-height:1.5}
.tg-bot-card.compact>em,.tg-binding-card.compact>em{padding:4px 8px;font-size:9px}
.tg-bot-actions.compact{gap:8px;margin-top:10px}
.tg-bot-actions.compact>button,.tg-bot-actions.compact form button{height:36px;padding:0 11px;border-radius:9px;font-size:10px}
.tg-overview-card h3{font-size:13px}
.tg-overview-card dl{margin-top:12px}
.tg-overview-card dl div{padding:9px 0}
.tg-overview-card dt{font-size:10px}
.tg-overview-card dd{font-size:12px}
.tg-service-disabled.compact{gap:11px;margin-top:0;padding:14px;border-radius:13px}
.tg-service-disabled.compact>span{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.tg-service-disabled.compact h3{font-size:13px;line-height:1.4}
.tg-service-disabled.compact p{margin-top:3px;font-size:10px;line-height:1.55}
.tg-binding-info.compact{gap:8px;margin-top:0}
.tg-binding-info.compact>div{padding:11px;border-radius:11px}
.tg-binding-info.compact span{font-size:9px}
.tg-binding-info.compact b{margin-top:4px;font-size:11px;line-height:1.45}
.tg-code-card.compact{margin-top:10px;padding:17px;border-radius:14px}
.tg-code-card.compact small{font-size:9px}
.tg-code-card.compact strong{margin:7px 0 5px;font-size:29px;line-height:1.2}
.tg-code-card.compact p{display:none}
.tg-code-card.compact a{height:36px;margin-top:10px;padding:0 11px;border-radius:9px;font-size:10px}
.tg-query-card{padding:20px}
.tg-feature-list.compact{gap:8px;margin-top:0}
.tg-feature-list.compact>div{padding:11px;border-radius:11px}
.tg-feature-list.compact b{font-size:11px}
.tg-feature-list.compact small{margin-top:3px;font-size:9px;line-height:1.5}
.tg-empty-state{margin-top:0;padding:28px 16px}
.tg-empty-state h3{font-size:13px}
.tg-empty-state p{display:none}
.tg-empty-state .primary-action{margin-top:13px;height:38px;font-size:10px}
@media(max-width:620px){
  .tg-main-card,.tg-query-card{padding:17px}
  .tg-bot-card.compact,.tg-binding-card.compact{grid-template-columns:42px minmax(0,1fr) auto}
  .tg-bot-card.compact .tg-bot-avatar,.tg-binding-card.compact .tg-bot-avatar{width:42px;height:42px}
  .tg-bot-card.compact>em,.tg-binding-card.compact>em{grid-column:auto;justify-self:end}
  .tg-binding-info.compact{grid-template-columns:1fr 1fr}
}


/* v5.9.16 电报通知 */
.tg-single-layout{max-width:760px}
.tg-clean-card{padding:20px}
.tg-clean-card .tg-page-title{margin-bottom:14px}
.tg-clean-card .tg-bot-card,.tg-clean-card .tg-binding-card{margin-top:0}
.tg-clean-card .tg-bot-actions{margin-top:10px}
.tg-clean-card .tg-binding-info{margin-top:10px}
.tg-clean-card .tg-code-card{margin-top:10px}
.tg-clean-card .tg-code-refresh{margin-top:9px}
.tg-clean-card .settings-title h2{font-size:15px;line-height:1.35}
.tg-clean-card .tg-bot-card h3,.tg-clean-card .tg-binding-card h3{font-size:13px;line-height:1.4}
.tg-clean-card .tg-bot-card p,.tg-clean-card .tg-binding-card p{font-size:9px;line-height:1.5}
.tg-clean-card .tg-bot-card small,.tg-clean-card .tg-binding-card small{font-size:9px}
.tg-clean-card .tg-bot-card>em,.tg-clean-card .tg-binding-card>em{font-size:9px}
.tg-clean-card .tg-bot-actions button{font-size:10px}
.tg-clean-card .tg-empty-state{border:0;background:#f8f8f6}
@media(max-width:760px){
  .tg-single-layout{max-width:none}
  .tg-clean-card{padding:17px}
}


/* v5.9.18 电报机器人配置整合 */
.tg-platform-card{padding:18px}
.tg-platform-card .tg-bot-summary{grid-template-columns:46px minmax(0,1fr);margin:0;padding:14px;border-radius:14px;background:#fafaf8}
.tg-platform-card .tg-bot-summary .tg-bot-avatar{width:46px;height:46px;border-radius:13px}
.tg-platform-card .tg-bot-summary h3{margin:0;color:var(--ink);font-size:14px;line-height:1.45}
.tg-platform-card .tg-bot-summary p{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.tg-platform-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.tg-platform-actions>button,.tg-platform-actions form button{width:100%;height:40px;border-radius:11px;font-size:11px}
.tg-platform-actions form{width:100%}
.tg-platform-empty{margin:0;border:0;background:#fafaf8}
.tg-bot-modal .stack-form{gap:14px}
.tg-modal-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#f7f7f5;cursor:pointer}
.tg-modal-switch-row>span:first-child{min-width:0}
.tg-modal-switch-row b{display:block;color:var(--ink);font-size:12px;line-height:1.4}
.tg-modal-switch-row .switch{flex:0 0 auto;margin:0}
.tg-bot-modal .primary-action{width:100%;height:44px;border-radius:11px}
@media(max-width:620px){
  .tg-platform-card{padding:16px}
  .tg-platform-actions{grid-template-columns:1fr 1fr}
  .tg-bot-modal{padding:22px 18px}
}

/* v5.9.19 电报通知分站多绑定 UI */
.tg-site-card-v2{display:flex;flex-direction:column;gap:18px}
.tg-site-card-v2 .settings-title p{display:block!important;color:#6f6f68;font-size:13px;margin-top:4px}
.tg-hero-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tg-copy-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:linear-gradient(180deg,#fff,#fbfbf9);display:flex;flex-direction:column;gap:10px}
.tg-copy-card small{font-size:12px;color:#7a7a73}
.tg-copy-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tg-copy-main strong{font-size:28px;line-height:1.1;letter-spacing:.03em;color:#111}
.mini-copy,.tg-inline-form button,.tg-open-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:8px 12px;font-size:13px;font-weight:700;color:#262626;text-decoration:none}
.tg-inline-form{display:flex}
.tg-open-link{align-self:flex-start;background:#f6f6f4}
.tg-binded-list{display:flex;flex-direction:column;gap:12px}
.tg-section-head{display:flex;align-items:center;justify-content:space-between}
.tg-section-head h3{margin:0;font-size:16px}
.tg-section-head span{font-size:13px;color:#7a7a73}
.tg-user-card-v2{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}
.tg-user-icon{width:42px;height:42px;border-radius:14px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.tg-user-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.tg-user-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tg-user-top b{font-size:15px;color:#111}
.tg-user-top em{font-style:normal;font-size:12px;padding:5px 10px;border-radius:999px;background:#f1f4ff;color:#3154c7}
.tg-user-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.tg-pill-copy{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f6f6f4;color:#333;font-size:13px}
.tg-pill-copy button{border:none;background:transparent;color:#111;font-size:12px;font-weight:700;padding:0;cursor:pointer}
.tg-unbind-form{display:flex;align-items:center}
.tg-unbind-form .danger-outline-button{white-space:nowrap}
.tg-empty-inline{padding:20px 12px;border-radius:18px;border:1px dashed var(--line);background:#fbfbf9}
@media (max-width: 760px){
  .tg-hero-row{grid-template-columns:1fr}
  .tg-copy-main strong{font-size:24px}
  .tg-user-card-v2{flex-direction:column;align-items:flex-start}
  .tg-unbind-form{width:100%}
  .tg-unbind-form .danger-outline-button{width:100%;justify-content:center}
  .mini-copy,.tg-inline-form button,.tg-open-link{width:auto}
}

/* v5.10.0 UI 统一重构 */
/* 公告详情：四角线框设计 */
.announcement-page.framed-style{padding-top:18px;padding-bottom:34px}
.announcement-framed-card{position:relative;max-width:760px;margin:0 auto;padding:26px 24px 28px;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(20,20,18,.035)}
.announcement-framed-card::before{content:"";position:absolute;inset:12px;border:1px solid #ecebe7;border-radius:18px;pointer-events:none}
.frame-corner{position:absolute;z-index:2;width:34px;height:34px;pointer-events:none}
.frame-corner::before,.frame-corner::after{content:"";position:absolute;background:#272725;border-radius:999px}
.frame-corner::before{width:24px;height:2px}
.frame-corner::after{width:2px;height:24px}
.frame-corner.top-left{top:10px;left:10px}.frame-corner.top-left::before,.frame-corner.top-left::after{top:0;left:0}
.frame-corner.top-right{top:10px;right:10px}.frame-corner.top-right::before{top:0;right:0}.frame-corner.top-right::after{top:0;right:0}
.frame-corner.bottom-left{bottom:10px;left:10px}.frame-corner.bottom-left::before{bottom:0;left:0}.frame-corner.bottom-left::after{bottom:0;left:0}
.frame-corner.bottom-right{right:10px;bottom:10px}.frame-corner.bottom-right::before{right:0;bottom:0}.frame-corner.bottom-right::after{right:0;bottom:0}
.announcement-framed-head{position:relative;z-index:3;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:8px 8px 22px}
.announcement-framed-icon{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border-radius:16px;color:#fff;background:#242423}
.announcement-framed-icon img{width:100%;height:100%;object-fit:cover}
.announcement-framed-head small{display:block;margin:2px 0 7px;color:#8d8d87;font-size:11px;font-weight:700;letter-spacing:.08em}
.announcement-framed-head h1{margin:0;color:#1f1f1d;font-size:24px;line-height:1.45;letter-spacing:-.02em;overflow-wrap:anywhere}
.announcement-framed-head time{display:block;margin-top:9px;color:#989892;font-size:11px}
.announcement-framed-divider{position:relative;z-index:3;display:flex;align-items:center;gap:12px;margin:0 8px 20px;color:#5f5f5a;font-size:12px;font-weight:800}
.announcement-framed-divider::before,.announcement-framed-divider::after{content:"";height:1px;flex:1;background:#e9e8e3}
.announcement-framed-divider span{white-space:nowrap}
.announcement-framed-content{position:relative;z-index:3;min-height:120px;margin:0 8px;padding:18px 16px;border-radius:16px;color:#3d3d39;background:#f8f8f6;font-size:14px;line-height:2;white-space:pre-wrap;word-break:break-word}

/* 分站电报通知 */
.tg-single-layout{max-width:940px;margin:0 auto}
.tg-site-card-v2{gap:20px;padding:22px}
.tg-site-card-v2 .settings-title{align-items:center;margin:0;padding:0 0 18px;border-bottom:1px solid #ecebe7}
.tg-site-card-v2 .settings-title>span{width:46px;height:46px;border-radius:14px}
.tg-site-card-v2 .settings-title h2{font-size:18px}
.tg-site-card-v2 .settings-title p{margin:5px 0 0!important;color:#8a8a84!important;font-size:11px!important;line-height:1.55}
.tg-hero-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tg-copy-card{padding:16px 16px 15px;border:1px solid #e5e4df;border-radius:18px;background:#fbfbf9;box-shadow:none}
.tg-copy-card small{font-size:11px;color:#8d8d87}
.tg-copy-main{min-height:38px}
.tg-copy-main strong{font-size:22px;letter-spacing:.015em;overflow-wrap:anywhere}
.mini-copy,.tg-inline-form button,.tg-open-link{height:34px;padding:0 12px;border:1px solid #deddd8;border-radius:10px;background:#fff;color:#292927;font-size:12px;font-weight:700;box-shadow:none}
.mini-copy:hover,.tg-inline-form button:hover,.tg-open-link:hover{border-color:#222;background:#222;color:#fff}
.tg-open-link{align-self:flex-start;text-decoration:none}
.tg-inline-form{display:flex}
.tg-binded-list{gap:12px}
.tg-section-head{padding:2px 2px 0}
.tg-section-head h3{font-size:15px}
.tg-section-head span{padding:4px 9px;border-radius:999px;background:#f0efec;font-size:11px}
.tg-user-card-v2{padding:13px 14px;border-radius:16px;border-color:#e7e6e2;background:#fff}
.tg-user-icon{width:40px;height:40px;flex-basis:40px;border-radius:13px}
.tg-user-top b{font-size:14px}
.tg-user-top em{padding:4px 8px;font-size:10px}
.tg-pill-copy{padding:7px 10px;border-radius:10px;background:#f6f6f3;font-size:12px}
.tg-pill-copy button{padding-left:7px;border-left:1px solid #deddd8;color:#343430}
.tg-unbind-form .danger-outline-button{height:34px;padding:0 11px;border-radius:10px;font-size:12px}
.tg-empty-inline{min-height:190px;padding:30px 18px;background:#fbfbf9}
.tg-empty-inline p{max-width:none;margin-top:6px;font-size:11px}

/* 总站电报通知 */
.tg-platform-layout-v2{max-width:800px;margin:0 auto}
.tg-platform-card-v2{padding:22px}
.tg-platform-hero{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:20px;border-bottom:1px solid #ebeae5}
.tg-platform-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;background:#222}
.tg-platform-copy{min-width:0}
.tg-platform-copy small{color:#8b8b85;font-size:11px}
.tg-platform-copy h2{margin:4px 0 8px;color:#222;font-size:18px}
.tg-platform-account{display:flex;align-items:center;gap:8px}
.tg-platform-account strong{font-size:13px;color:#5f5f5a}
.tg-platform-account button{height:28px;padding:0 9px;border:1px solid #deddd8;border-radius:9px;background:#fff;font-size:11px;font-weight:700}
.tg-platform-status{padding:6px 10px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}
.tg-platform-status.online{color:#26724a;background:#eaf5ee}.tg-platform-status.offline{color:#777;background:#efefec}
.tg-platform-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.tg-platform-stats>div{padding:14px;border:1px solid #e7e6e2;border-radius:14px;background:#fbfbf9}
.tg-platform-stats span{display:block;color:#8a8a84;font-size:11px}.tg-platform-stats b{display:block;margin-top:7px;color:#222;font-size:16px}
.tg-platform-actions-v2{display:flex;gap:10px;margin-top:16px}
.tg-platform-actions-v2 form{display:flex}
.secondary-action,.danger-action{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:11px;font-size:12px;font-weight:800}
.secondary-action{border:1px solid #dcdcd6;background:#fff;color:#222}.danger-action{border:1px solid #ead1cf;background:#fff6f5;color:#b03a35}
.tg-platform-empty-v2{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tg-platform-empty-v2>span{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#222}
.tg-platform-empty-v2 h2{margin:16px 0 6px;font-size:18px}.tg-platform-empty-v2 p{max-width:380px;margin:0 0 20px;color:#83837d;font-size:12px;line-height:1.7}
.tg-bot-modal-v2 .tg-modal-switch-row{padding:12px 0}
.tg-bot-modal-v2 .tg-modal-switch-row small{display:block;margin-top:4px;color:#8b8b85;font-size:10px;line-height:1.5}

/* 全局危险操作确认弹窗 */
.unified-confirm-card{width:min(92vw,390px)!important;padding:26px 24px 22px!important;border-radius:22px!important;text-align:center!important}
.unified-confirm-card .confirm-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:18px!important;background:#fff0ef!important;color:#bd3b35!important}
.unified-confirm-card>small{color:#999993!important;font-size:10px!important;letter-spacing:.08em!important}
.unified-confirm-card h2{margin:8px 0 8px!important;font-size:19px!important}
.unified-confirm-card p{font-size:12px!important;line-height:1.7!important}
.unified-confirm-card .confirm-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
.unified-confirm-card .confirm-actions button{height:42px!important;border-radius:11px!important;font-size:13px!important;font-weight:800!important}
.unified-confirm-card .confirm-actions button:first-child{border:1px solid #deddd8!important;background:#fff!important;color:#333!important}
.unified-confirm-card .confirm-actions button:last-child{border:1px solid #c5413a!important;background:#c5413a!important;color:#fff!important}

@media(max-width:700px){
  .announcement-framed-card{padding:22px 17px 24px;border-radius:22px}
  .announcement-framed-head{grid-template-columns:46px minmax(0,1fr);padding:8px 7px 20px}
  .announcement-framed-icon{width:46px;height:46px;border-radius:14px}
  .announcement-framed-head h1{font-size:20px}
  .announcement-framed-content{margin:0 7px;padding:16px 14px;font-size:13px}
  .tg-site-card-v2,.tg-platform-card-v2{padding:16px}
  .tg-hero-row{grid-template-columns:1fr}
  .tg-copy-main strong{font-size:20px}
  .tg-user-card-v2{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start}
  .tg-unbind-form{grid-column:1/-1;width:100%}
  .tg-unbind-form .danger-outline-button{width:100%}
  .tg-platform-hero{grid-template-columns:48px minmax(0,1fr);align-items:start}
  .tg-platform-logo{width:48px;height:48px;border-radius:14px}
  .tg-platform-status{grid-column:2;justify-self:start}
  .tg-platform-stats{grid-template-columns:1fr 1fr}
  .tg-platform-actions-v2{display:grid;grid-template-columns:1fr 1fr}
  .tg-platform-actions-v2 form,.tg-platform-actions-v2 button{width:100%}
}

/* v5.10.1 企业级电报通知与公告详情重构 */
.tg-enterprise-shell{width:min(100%,980px);margin:0 auto}
.tg-enterprise-panel{padding:0;overflow:hidden;border:1px solid #e2e2dd;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(18,18,16,.035)}
.tg-enterprise-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #ecece7}
.tg-enterprise-title{display:flex;align-items:center;gap:13px;min-width:0}
.tg-enterprise-title>span{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;color:#fff;background:#20201f}
.tg-enterprise-title h2{margin:0;color:#20201f;font-size:18px;line-height:1.4}
.tg-enterprise-title p{margin:5px 0 0;color:#868680;font-size:11px;line-height:1.6}
.tg-enterprise-header>em{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#575752;background:#f1f1ee;font-size:11px;font-style:normal;font-weight:800}
.tg-enterprise-header>em.is-online{color:#28704b;background:#eaf5ee}.tg-enterprise-header>em.is-offline{color:#777771;background:#efefec}

.tg-enterprise-credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px}
.tg-credential-field{display:flex;min-width:0;flex-direction:column;gap:10px;padding:16px;border:1px solid #e6e5e0;border-radius:18px;background:#fafaf8}
.tg-credential-field>label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#777771;font-size:11px;font-weight:700}
.tg-credential-field>label small{color:#9b9b95;font-size:10px;font-weight:500}
.tg-credential-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:8px 9px 8px 16px;border:1px solid #d9d8d3;border-radius:16px;background:#fff}
.tg-credential-control code{display:block;min-width:0;overflow:hidden;color:#242422;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:24px;font-weight:750;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}
.tg-credential-control button{height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:13px;color:#fff;background:#252524;font-size:12px;font-weight:800;box-shadow:none}
.tg-credential-control button:active{transform:scale(.98)}
.tg-credential-field>a,.tg-refresh-form button{height:34px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:7px;padding:0 12px;border:1px solid #deddd8;border-radius:10px;color:#30302d;background:#fff;font-size:11px;font-weight:750;text-decoration:none}
.tg-refresh-form{display:flex;margin:0}
.tg-refresh-form button{cursor:pointer}

.tg-account-section{padding:0 24px 24px}
.tg-account-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0 12px;border-top:1px solid #ecece7}
.tg-account-heading h3{margin:0;color:#242422;font-size:15px}
.tg-account-heading p{margin:4px 0 0;color:#92928c;font-size:10px}
.tg-account-heading>span{min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;color:#5e5e58;background:#f0f0ed;font-size:11px;font-weight:800}
.tg-account-grid{display:grid;gap:10px}
.tg-account-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e5e4df;border-radius:16px;background:#fff}
.tg-account-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#252524}
.tg-account-main{min-width:0}
.tg-account-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tg-account-top h4{margin:0;overflow:hidden;color:#292927;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.tg-account-top em{flex:0 0 auto;padding:4px 8px;border-radius:999px;color:#2d704d;background:#ebf5ee;font-size:9px;font-style:normal;font-weight:800}
.tg-account-handle{display:flex;align-items:center;gap:9px;margin-top:7px}
.tg-account-handle code{min-width:0;overflow:hidden;color:#777771;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.tg-account-handle button{height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;border:1px solid #deddd8;border-radius:8px;color:#41413d;background:#fafaf8;font-size:10px;font-weight:750}
.tg-account-remove{display:flex;margin:0}
.tg-account-remove button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #ead4d2;border-radius:10px;color:#aa3e39;background:#fff8f7;font-size:11px;font-weight:800}
.tg-account-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px dashed #dcdcd6;border-radius:17px;text-align:center;background:#fbfbf9}
.tg-account-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#454541;background:#eeefeb}
.tg-account-empty h3{margin:13px 0 5px;color:#33332f;font-size:14px}
.tg-account-empty p{margin:0;color:#92928c;font-size:10px;line-height:1.7}

.tg-platform-enterprise-shell{width:min(100%,880px)}
.tg-platform-enterprise-panel{min-height:0}
.tg-platform-overview{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(120px,.7fr));gap:12px;padding:20px 24px}
.tg-platform-credential{padding:14px}
.tg-platform-credential .tg-credential-control{min-height:58px}
.tg-platform-credential .tg-credential-control code{font-size:19px}
.tg-platform-stat{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:15px;border:1px solid #e6e5e0;border-radius:17px;background:#fafaf8}
.tg-platform-stat span{color:#8a8a84;font-size:10px}
.tg-platform-stat strong{display:block;margin-top:8px;color:#252523;font-size:20px;line-height:1.2}
.tg-platform-stat small{display:block;margin-top:5px;color:#999993;font-size:9px;line-height:1.5}
.tg-platform-toolbar{display:flex;gap:10px;padding:0 24px 24px}
.tg-platform-toolbar form{display:flex;margin:0}
.tg-standard-button,.tg-danger-button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:11px;font-size:12px;font-weight:800}
.tg-standard-button{border:1px solid #dcdcd6;color:#292927;background:#fff}.tg-danger-button{border:1px solid #ead2d0;color:#aa3d38;background:#fff7f6}
.tg-enterprise-empty{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}
.tg-enterprise-empty>span{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#252524}
.tg-enterprise-empty h2{margin:16px 0 6px;color:#262624;font-size:18px}
.tg-enterprise-empty p{max-width:380px;margin:0 0 20px;color:#8a8a84;font-size:11px;line-height:1.75}
.tg-enterprise-modal{width:min(92vw,520px)!important}
.tg-enterprise-modal .modal-title p{margin-top:4px;color:#8c8c86;font-size:10px;line-height:1.55}
.tg-token-field input{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.02em}

/* 公告详情：企业文档式四周线条 */
.announcement-detail-body{background:#f5f5f2}
.announcement-detail-body .mobile-app{background:#f5f5f2}
.announcement-detail-body .subpage-header{background:#f5f5f2;border-bottom:1px solid #e2e2dd}
.enterprise-notice-page{padding-top:22px;padding-bottom:42px}
.enterprise-notice-card{position:relative;max-width:760px;min-height:260px;margin:0 auto;padding:34px 32px 38px;background:#fff;box-shadow:0 14px 40px rgba(20,20,18,.04)}
.enterprise-line{position:absolute;display:block;background:#292927;pointer-events:none}
.enterprise-line.line-top,.enterprise-line.line-bottom{left:22px;right:22px;height:1px}
.enterprise-line.line-left,.enterprise-line.line-right{top:22px;bottom:22px;width:1px}
.enterprise-line.line-top{top:18px}.enterprise-line.line-bottom{bottom:18px}.enterprise-line.line-left{left:18px}.enterprise-line.line-right{right:18px}
.enterprise-notice-card::before,.enterprise-notice-card::after{content:"";position:absolute;z-index:2;width:30px;height:30px;border-color:#292927;pointer-events:none}
.enterprise-notice-card::before{top:12px;left:12px;border-top:3px solid;border-left:3px solid}.enterprise-notice-card::after{right:12px;bottom:12px;border-right:3px solid;border-bottom:3px solid}
.enterprise-notice-meta{position:relative;z-index:3;display:flex;align-items:center;gap:13px;padding:5px 4px 22px}
.enterprise-notice-icon{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;flex:0 0 46px;border-radius:14px;color:#fff;background:#252524}
.enterprise-notice-icon img{width:100%;height:100%;object-fit:cover}
.enterprise-notice-meta em{display:block;color:#2e2e2b;font-size:12px;font-style:normal;font-weight:850;letter-spacing:.02em}
.enterprise-notice-meta time{display:block;margin-top:5px;color:#979791;font-size:10px}
.enterprise-notice-rule{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin:0 4px 23px}
.enterprise-notice-rule span{height:1px;background:#e3e3de}
.enterprise-notice-rule b{color:#aaa9a3;font-size:9px;letter-spacing:.22em}
.enterprise-notice-content{position:relative;z-index:3;min-height:130px;padding:2px 4px;color:#353532;font-size:14px;line-height:2.05;white-space:pre-wrap;word-break:break-word}

@media(max-width:760px){
  .tg-enterprise-header{align-items:flex-start;padding:18px 16px}
  .tg-enterprise-title>span{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .tg-enterprise-title h2{font-size:16px}
  .tg-enterprise-title p{font-size:10px}
  .tg-enterprise-header>em{font-size:10px}
  .tg-enterprise-credentials{grid-template-columns:1fr;padding:16px}
  .tg-credential-control{min-height:58px;padding-left:13px}
  .tg-credential-control code{font-size:20px}
  .tg-credential-control button{height:42px;padding:0 14px}
  .tg-account-section{padding:0 16px 18px}
  .tg-account-card{grid-template-columns:40px minmax(0,1fr);align-items:start;padding:13px}
  .tg-account-avatar{width:40px;height:40px}
  .tg-account-remove{grid-column:1/-1;width:100%}
  .tg-account-remove button{width:100%}
  .tg-platform-overview{grid-template-columns:1fr 1fr;padding:16px}
  .tg-platform-credential{grid-column:1/-1}
  .tg-platform-stat{min-height:96px}
  .tg-platform-overview .tg-platform-stat:last-child{grid-column:1/-1}
  .tg-platform-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 18px}
  .tg-platform-toolbar form,.tg-platform-toolbar button{width:100%}
  .enterprise-notice-page{padding:18px 15px 36px}
  .enterprise-notice-card{padding:30px 26px 34px;box-shadow:0 10px 30px rgba(20,20,18,.035)}
  .enterprise-notice-meta{padding-bottom:19px}
  .enterprise-notice-content{font-size:13px;line-height:2}
}

/* v5.10.2 电报通知与公告详情企业级 UI 重构 */
.tg-console{width:min(100%,960px)}
.tg-console-panel{overflow:hidden;border:1px solid #deded9;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(25,25,22,.045)}
.tg-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid #ecece7;background:linear-gradient(180deg,#fff 0%,#fbfbf9 100%)}
.tg-console-brand{display:flex;min-width:0;align-items:center;gap:14px}
.tg-console-logo{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:15px;color:#fff;background:#242423;box-shadow:0 9px 20px rgba(25,25,23,.12)}
.tg-console-brand>div{min-width:0}
.tg-console-brand small{display:block;margin-bottom:3px;color:#999993;font-size:10px;font-weight:800;letter-spacing:.08em}
.tg-console-brand h2{margin:0;overflow:hidden;color:#252523;font-size:18px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.tg-console-brand code{display:block;margin-top:5px;overflow:hidden;color:#777771;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.tg-service-state{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 11px;border-radius:999px;color:#6d6d68;background:#f0f0ed;font-size:10px;font-weight:850}
.tg-service-state i{width:7px;height:7px;border-radius:50%;background:#96968f;box-shadow:0 0 0 4px rgba(150,150,143,.1)}
.tg-service-state.online{color:#286844;background:#eaf4ed}.tg-service-state.online i{background:#3d9a65;box-shadow:0 0 0 4px rgba(61,154,101,.12)}
.tg-service-state.offline{color:#777771;background:#efefec}

.tg-platform-layout{padding:22px 24px 20px}
.tg-bot-identity{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid #e4e4df;border-radius:17px;background:#fafaf8}
.tg-bot-identity-copy{min-width:0}
.tg-bot-identity-copy span{display:block;color:#8c8c86;font-size:10px;font-weight:750}
.tg-bot-identity-copy strong{display:block;margin-top:7px;overflow:hidden;color:#252523;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}
.tg-bot-identity>button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:0 14px;border:1px solid #dadad5;border-radius:11px;color:#2d2d2a;background:#fff;font-size:11px;font-weight:800}
.tg-platform-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.tg-platform-metrics article{display:flex;min-height:88px;align-items:center;gap:12px;padding:15px;border:1px solid #e7e7e2;border-radius:16px;background:#fff}
.tg-platform-metrics article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border-radius:11px;color:#4f4f4a;background:#f0f0ed}
.tg-platform-metrics strong{display:block;color:#252523;font-size:18px;line-height:1.2}
.tg-platform-metrics small{display:block;margin-top:4px;color:#8d8d87;font-size:10px}
.tg-console-actions{display:flex;gap:10px;padding:0 24px 22px}
.tg-console-actions form{display:flex;margin:0}
.tg-action-button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #dcdcd7;border-radius:11px;color:#2c2c29;background:#fff;font-size:11px;font-weight:800}
.tg-action-button.danger{border-color:#ead5d2;color:#aa403a;background:#fff8f7}

.tg-setup-empty{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 24px;text-align:center;background:radial-gradient(circle at 50% 22%,#f5f5f1 0,#fff 42%)}
.tg-setup-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:18px;border-radius:20px;color:#fff;background:#242423;box-shadow:0 14px 30px rgba(24,24,22,.14)}
.tg-setup-empty>small{color:#999993;font-size:10px;font-weight:850;letter-spacing:.12em}
.tg-setup-empty h2{margin:8px 0 6px;color:#252523;font-size:20px}
.tg-setup-empty p{margin:0 0 20px;color:#8a8a84;font-size:11px}
.tg-setup-button{height:42px!important;border-radius:12px!important;padding:0 17px!important}
.tg-clean-modal{width:min(92vw,500px)!important}
.tg-clean-modal .modal-title{margin-bottom:18px}
.tg-modal-switch-row.compact{min-height:58px}

.tg-site-bind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 24px}
.tg-bind-card{min-width:0;padding:16px;border:1px solid #e4e4df;border-radius:17px;background:#fafaf8}
.tg-bind-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#83837d;font-size:10px;font-weight:750}
.tg-bind-card-head time{font-size:9px;font-weight:650}
.tg-bind-value{display:flex;align-items:center;min-height:58px;padding:11px 0 10px}
.tg-bind-value strong{display:block;max-width:100%;overflow:hidden;color:#252523;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;letter-spacing:.045em;text-overflow:ellipsis;white-space:nowrap}
.tg-bind-code-card .tg-bind-value strong{font-size:28px;letter-spacing:.14em}
.tg-bind-actions{display:flex;align-items:center;gap:8px}
.tg-bind-actions form{display:flex;margin:0}
.tg-bind-actions button,.tg-bind-actions a{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #dcdcd7;border-radius:10px;color:#33332f;background:#fff;font-size:10px;font-weight:800;text-decoration:none}
.tg-bind-actions button:active,.tg-bind-actions a:active{transform:scale(.98)}
.tg-bound-section{padding:0 24px 24px}
.tg-bound-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 0 11px;border-top:1px solid #ecece7}
.tg-bound-heading h3{margin:0;color:#292927;font-size:14px}
.tg-bound-heading>span{min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;color:#5f5f59;background:#efefec;font-size:10px;font-weight:850}
.tg-bound-list{display:grid;gap:10px}
.tg-bound-account{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e5e5e0;border-radius:15px;background:#fff}
.tg-bound-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#fff;background:#282827}
.tg-bound-info{min-width:0}
.tg-bound-info>div{display:flex;align-items:center;gap:8px}
.tg-bound-info h4{margin:0;overflow:hidden;color:#292927;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.tg-bound-info em{padding:4px 7px;border-radius:999px;color:#2e704d;background:#eaf4ed;font-size:8px;font-style:normal;font-weight:850}
.tg-bound-info code{display:block;margin-top:6px;overflow:hidden;color:#81817b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.tg-bound-tools{display:flex;align-items:center;gap:7px}
.tg-bound-tools form{display:flex;margin:0}
.tg-bound-tools button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #deded9;border-radius:10px;color:#4b4b47;background:#fafaf8}
.tg-bound-tools button.danger{border-color:#ead7d4;color:#aa403a;background:#fff8f7}
.tg-bound-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px dashed #dcdcd7;border-radius:16px;text-align:center;background:#fbfbf9}
.tg-bound-empty>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#4b4b47;background:#eeeeea}
.tg-bound-empty h3{margin:12px 0 5px;color:#363633;font-size:13px}
.tg-bound-empty p{margin:0;color:#92928c;font-size:10px}

/* 前台公告详情：通知文档式卡片 */
.announcement-detail-body{background:#f4f4f1}
.announcement-detail-body .mobile-app{background:#f4f4f1}
.announcement-detail-body .subpage-header{background:rgba(244,244,241,.96);border-bottom:1px solid #dfdfda;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.notice-detail-page{padding:22px 18px 44px}
.notice-document{position:relative;max-width:760px;min-height:320px;margin:0 auto;padding:34px 32px 38px;border:1px solid #deded9;border-radius:22px;background:#fff;box-shadow:0 18px 54px rgba(23,23,21,.055)}
.notice-document::before{content:"";position:absolute;inset:13px;border:1px solid #eeeeea;border-radius:16px;pointer-events:none}
.notice-corner{position:absolute;z-index:2;width:27px;height:27px;pointer-events:none}
.notice-corner::before,.notice-corner::after{content:"";position:absolute;background:#2a2a28;border-radius:999px}
.notice-corner::before{width:20px;height:2px}.notice-corner::after{width:2px;height:20px}
.notice-corner.top-left{top:11px;left:11px}.notice-corner.top-left::before,.notice-corner.top-left::after{top:0;left:0}
.notice-corner.top-right{top:11px;right:11px}.notice-corner.top-right::before{top:0;right:0}.notice-corner.top-right::after{top:0;right:0}
.notice-corner.bottom-left{bottom:11px;left:11px}.notice-corner.bottom-left::before{bottom:0;left:0}.notice-corner.bottom-left::after{bottom:0;left:0}
.notice-corner.bottom-right{right:11px;bottom:11px}.notice-corner.bottom-right::before{right:0;bottom:0}.notice-corner.bottom-right::after{right:0;bottom:0}
.notice-document-head{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:2px 3px 22px}
.notice-document-icon{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;flex:0 0 46px;border-radius:14px;color:#fff;background:#272726}
.notice-document-icon img{width:100%;height:100%;object-fit:cover}
.notice-document-meta span{display:block;color:#333330;font-size:11px;font-weight:850;letter-spacing:.03em}
.notice-document-meta time{display:block;margin-top:5px;color:#969690;font-size:10px}
.notice-document-main{position:relative;z-index:3;padding:0 3px}
.notice-document-main h1{margin:0;color:#232321;font-size:25px;line-height:1.45;letter-spacing:-.02em;word-break:break-word}
.notice-document-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;margin:22px 0}
.notice-document-divider i{height:1px;background:#e2e2dd}
.notice-document-divider span{color:#aaa9a3;font-size:9px;font-weight:800;letter-spacing:.18em}
.notice-document-content{min-height:150px;color:#454541;font-size:14px;line-height:2.05;white-space:pre-wrap;word-break:break-word}

@media(max-width:760px){
  .tg-console-panel{border-radius:18px}
  .tg-console-head{align-items:flex-start;padding:18px 16px}
  .tg-console-logo{width:43px;height:43px;flex-basis:43px;border-radius:13px}
  .tg-console-brand h2{font-size:16px}
  .tg-service-state{margin-top:2px;padding:6px 9px;font-size:9px}
  .tg-platform-layout{padding:16px}
  .tg-bot-identity{align-items:flex-start;flex-direction:column;padding:15px}
  .tg-bot-identity-copy strong{font-size:19px}
  .tg-bot-identity>button{width:100%}
  .tg-platform-metrics{grid-template-columns:1fr 1fr}
  .tg-platform-metrics article{min-height:78px;padding:13px}
  .tg-platform-metrics article:last-child{grid-column:1/-1}
  .tg-console-actions{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 18px}
  .tg-console-actions form,.tg-console-actions button{width:100%}
  .tg-setup-empty{min-height:330px;padding:30px 18px}
  .tg-site-bind-grid{grid-template-columns:1fr;padding:16px}
  .tg-bind-card{padding:15px}
  .tg-bind-value{min-height:52px}
  .tg-bind-value strong{font-size:20px}
  .tg-bind-code-card .tg-bind-value strong{font-size:26px}
  .tg-bind-actions{display:grid;grid-template-columns:1fr 1fr}
  .tg-bind-actions form,.tg-bind-actions button,.tg-bind-actions a{width:100%}
  .tg-bound-section{padding:0 16px 18px}
  .tg-bound-account{grid-template-columns:40px minmax(0,1fr) auto;padding:12px}
  .tg-bound-avatar{width:40px;height:40px}
  .notice-detail-page{padding:18px 14px 36px}
  .notice-document{min-height:280px;padding:30px 25px 34px;border-radius:19px}
  .notice-document::before{inset:11px;border-radius:14px}
  .notice-document-head{padding-bottom:18px}
  .notice-document-main h1{font-size:21px}
  .notice-document-divider{margin:19px 0}
  .notice-document-content{font-size:13px;line-height:2}
}

@media(max-width:420px){
  .tg-console-brand code{max-width:190px}
  .tg-platform-metrics{grid-template-columns:1fr}
  .tg-platform-metrics article:last-child{grid-column:auto}
  .tg-console-actions{grid-template-columns:1fr}
  .tg-bound-account{grid-template-columns:38px minmax(0,1fr)}
  .tg-bound-tools{grid-column:1/-1;justify-content:flex-end}
  .notice-document{padding:28px 22px 32px}
}


/* v5.10.3 — 按确认设计图重做电报通知与公告详情 */
.tg-ui-v3{width:min(100%,900px);margin:0 auto}.tg-ui-v3 .tg-console-panel{position:relative;overflow:visible;border:1px solid #deded9;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(24,24,22,.045)}
.tg-v3-empty{padding:38px}.tg-v3-kicker{display:flex;align-items:center;gap:14px}.tg-v3-kicker>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:#1f1f1e;background:#f0f0ee}.tg-v3-kicker em{color:#686864;font-size:13px;font-style:normal;font-weight:700}.tg-v3-empty h2,.tg-v3-hero h2{margin:30px 0 14px;color:#171716;font-size:34px;line-height:1.2;letter-spacing:-.04em}.tg-v3-empty>p{max-width:620px;margin:0;color:#656560;font-size:14px;line-height:1.85}.tg-v3-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 24px}.tg-v3-feature-grid article{display:flex;align-items:center;gap:11px;padding:15px;border-radius:15px;background:#f7f7f5}.tg-v3-feature-grid article>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:#ededeb}.tg-v3-feature-grid b{display:block;color:#242422;font-size:12px}.tg-v3-feature-grid small{display:block;margin-top:4px;color:#8d8d87;font-size:9px}.tg-v3-primary{width:100%;height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:16px;color:#fff;background:#1c1c1b;font-size:16px;font-weight:850;box-shadow:0 10px 24px rgba(20,20,18,.12)}
.tg-v3-toast{position:absolute;z-index:5;top:-70px;left:50%;display:flex;align-items:center;gap:10px;transform:translateX(-50%);padding:14px 20px;border:1px solid #e4e4df;border-radius:14px;color:#3f3f3b;background:#fff;box-shadow:0 12px 34px rgba(20,20,18,.1);font-size:12px;white-space:nowrap}.tg-v3-toast svg{width:26px;height:26px;padding:5px;border-radius:50%;color:#fff;background:#252524}.tg-v3-hero{padding:34px 34px 22px}.tg-v3-hero h2{margin-bottom:0}.tg-v3-info-list{display:grid;gap:10px;padding:0 34px}.tg-v3-info-row{min-height:62px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:9px 14px;border:1px solid #e7e7e2;border-radius:14px}.tg-v3-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f2ef}.tg-v3-info-row>b{color:#60605b;font-size:12px}.tg-v3-info-row>strong{color:#292927;font-size:13px}.tg-v3-account-row{grid-template-columns:38px 1fr auto auto}.tg-v3-account-row button,.tg-v3-bind-row button{height:38px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:1px solid #dcdcd7;border-radius:10px;color:#333330;background:#fff;font-size:10px;font-weight:800}.tg-v3-status{display:flex;align-items:center;gap:8px}.tg-v3-status i{width:7px;height:7px;border-radius:50%;background:#999}.tg-v3-status.online i{background:#6fd4a1}.tg-v3-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 34px}.tg-v3-stat-grid article{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #e7e7e2;border-radius:16px}.tg-v3-stat-grid article>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #deded9;border-radius:14px;background:#f7f7f5}.tg-v3-stat-grid small{display:block;color:#777771;font-size:10px}.tg-v3-stat-grid strong{display:block;margin-top:3px;color:#1d1d1c;font-size:24px}.tg-v3-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 34px 34px}.tg-v3-actions form{display:flex}.tg-v3-btn{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #9d9d97;border-radius:13px;color:#2b2b29;background:#fff;font-size:12px;font-weight:800}.tg-v3-btn.danger{border-color:#ef8580;color:#ee3f37}
.tg-v3-site-panel{padding:0 34px 34px!important}.tg-v3-site-hero{padding:34px 0 26px;border-bottom:1px solid #e7e7e2}.tg-v3-label{display:inline-flex;padding:7px 11px;border-radius:999px;color:#444440;background:#f0f0ed;font-size:10px}.tg-v3-site-hero h2{margin:24px 0 12px;color:#171716;font-size:32px;letter-spacing:-.04em}.tg-v3-site-hero p{margin:0;color:#6f6f69;font-size:13px;line-height:1.7}.tg-v3-bind-list{padding-top:16px}.tg-v3-bind-row{min-height:82px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid #ecece7;text-decoration:none}.tg-v3-bind-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:#222;background:#f1f1ef}.tg-v3-bind-row b{display:block;color:#20201f;font-size:13px}.tg-v3-bind-row strong{display:block;margin-top:7px;color:#171716;font-size:17px}.tg-v3-bind-row small{color:#72726d;font-size:10px;font-weight:500}.tg-v3-chevron{color:#6d6d68}.tg-v3-refresh-form{margin:14px 0 0}.tg-v3-refresh-form button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #deded9;border-radius:13px;color:#252523;background:#f8f8f6;font-size:12px;font-weight:800}.tg-v3-bound-section{padding-top:24px}.tg-v3-bound-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}.tg-v3-bound-heading h3{margin:0;font-size:16px}.tg-v3-bound-heading span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:99px;background:#efefec;font-size:10px;font-weight:800}.tg-v3-bound-list{display:grid;gap:10px}.tg-v3-bound-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e4e4df;border-radius:16px;background:#fbfbf9;text-align:center}.tg-v3-bound-empty>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#efefec}.tg-v3-bound-empty h3{margin:14px 0 7px;font-size:13px}.tg-v3-bound-empty p{margin:0;color:#8a8a84;font-size:10px}.tg-v3-bound-account{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:11px;padding:13px;border:1px solid #e5e5e0;border-radius:14px}.tg-v3-bound-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#ededeb}.tg-v3-bound-account h4{margin:0;font-size:12px}.tg-v3-bound-account code{display:block;margin-top:5px;color:#82827c;font-size:10px}.tg-v3-bound-account em{padding:5px 8px;border-radius:99px;color:#2e704d;background:#eaf4ed;font-size:8px;font-style:normal;font-weight:800}.tg-v3-bound-tools{display:flex;gap:6px}.tg-v3-bound-tools form{display:flex}.tg-v3-bound-tools button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #deded9;border-radius:9px;background:#fff}.tg-v3-bound-tools .danger{color:#d44740}
.notice-ui-v3{padding:22px 18px 46px!important}.notice-v3-card{max-width:760px;min-height:350px;margin:0 auto;padding:34px;border:1px solid #deded9;border-radius:20px;background:#fff;box-shadow:0 15px 45px rgba(22,22,20,.045)}.notice-v3-meta{display:flex;align-items:center;gap:13px}.notice-v3-meta>span{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;flex:0 0 44px;border:1px solid #deded9;border-radius:12px;background:#f8f8f6}.notice-v3-meta img{width:100%;height:100%;object-fit:cover}.notice-v3-meta div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice-v3-meta b{font-size:12px}.notice-v3-meta time{color:#6f6f69;font-size:11px}.notice-v3-card>h1{margin:30px 0 14px;color:#1e1e1d;font-size:34px;line-height:1.3;letter-spacing:-.04em}.notice-v3-tag{display:inline-flex;padding:7px 12px;border-radius:999px;color:#50504c;background:#efefec;font-size:10px}.notice-v3-rule{height:1px;margin:26px 0;background:#e6e6e1}.notice-v3-content h2{position:relative;margin:0 0 23px;padding-left:13px;color:#262624;font-size:14px}.notice-v3-content h2:before{content:"";position:absolute;left:0;top:1px;width:3px;height:18px;border-radius:3px;background:#252524}.notice-v3-content>div{min-height:120px;color:#383835;font-size:14px;line-height:2.1;word-break:break-word}
@media(max-width:760px){.tg-v3-empty{padding:28px 20px}.tg-v3-empty h2,.tg-v3-hero h2{font-size:27px}.tg-v3-feature-grid{grid-template-columns:1fr}.tg-v3-feature-grid article{padding:13px}.tg-v3-hero{padding:26px 20px 18px}.tg-v3-info-list{padding:0 20px}.tg-v3-account-row{grid-template-columns:38px 1fr auto}.tg-v3-account-row>strong{grid-column:2}.tg-v3-account-row>button{grid-column:3;grid-row:1/3}.tg-v3-stat-grid{padding:15px 20px}.tg-v3-actions{padding:0 20px 24px}.tg-v3-site-panel{padding:0 20px 24px!important}.tg-v3-site-hero{padding:28px 0 22px}.tg-v3-site-hero h2{font-size:27px}.tg-v3-bind-row{grid-template-columns:48px 1fr auto;gap:11px}.tg-v3-bind-icon{width:44px;height:44px}.tg-v3-bind-row button{padding:0 10px}.notice-v3-card{padding:26px 22px}.notice-v3-card>h1{font-size:28px}}
@media(max-width:420px){.tg-v3-toast{top:-62px;padding:12px 15px}.tg-v3-stat-grid,.tg-v3-actions{grid-template-columns:1fr}.tg-v3-info-row{grid-template-columns:34px 1fr auto;padding:8px 10px}.tg-v3-info-row>b{font-size:11px}.tg-v3-info-row>strong{font-size:11px}.tg-v3-account-row{grid-template-columns:34px 1fr}.tg-v3-account-row>strong{grid-column:2}.tg-v3-account-row>button{grid-column:1/-1;grid-row:auto;width:100%}.tg-v3-bind-row{grid-template-columns:44px 1fr}.tg-v3-bind-row>button,.tg-v3-bind-row>.tg-v3-chevron{grid-column:2;justify-self:start}.tg-v3-code-row>button{width:100%}.tg-v3-bound-account{grid-template-columns:40px 1fr auto}.tg-v3-bound-tools{grid-column:1/-1;justify-content:flex-end}.notice-v3-card{padding:24px 19px}.notice-v3-card>h1{font-size:26px}}


/* v1.0.0 - announcement simplification and Telegram duplicate stats removal */
.notice-detail-page .notice-v3-meta { margin-bottom: 0; }
.notice-detail-page .notice-v3-rule { margin-top: 24px; }

/* v1.0.0 dashboard, employee settlement and Telegram UI refinement */
.chart-value{display:flex;flex-direction:column;gap:2px;font-size:12px}.dual-ranking-grid{display:grid;grid-template-columns:1fr 1fr}.dual-ranking-grid>section{padding:0 16px}.dual-ranking-grid>section+section{border-left:1px solid var(--line,#e5e7eb)}.dual-ranking-grid h3{margin:4px 0 12px;font-size:14px}.performance-clear-box{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:16px;border:1px solid #fee2e2;background:#fff8f8;border-radius:16px}.performance-clear-box>div{grid-column:1/-1}.performance-clear-box small{display:block;color:#6b7280;margin-top:4px}.danger-outline{height:44px;padding:0 18px;border:1px solid #ef4444;color:#dc2626;background:#fff;border-radius:12px;font-weight:700}.tg-v3-shell,.tg-platform-shell{--tg-accent:#111827}.tg-v3-card,.tg-platform-card{border-radius:20px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
@media(max-width:760px){.dual-ranking-grid{grid-template-columns:1fr}.dual-ranking-grid>section+section{border-left:0;border-top:1px solid var(--line,#e5e7eb);padding-top:16px;margin-top:10px}.performance-clear-box{grid-template-columns:1fr}.performance-clear-box>div{grid-column:auto}.employee-table .table-row{grid-template-columns:56px minmax(120px,1fr) minmax(100px,1fr) minmax(150px,1.2fr) 80px minmax(130px,1fr) 110px}}

/* 员工账单与自动余额 */
.readonly-money{background:#f5f7fa;border-color:#e4e9f0}.readonly-money input{color:#172033;font-weight:700;cursor:not-allowed}.employee-bill-table .table-row{grid-template-columns:140px 1fr 1fr 95px 120px 130px minmax(180px,1.6fr) 120px}.employee-bill-table .table-row>span:nth-child(7){white-space:normal;line-height:1.55}.employee-bills-panel .bill-toolbar{gap:12px;flex-wrap:wrap}.performance-clear-box textarea{width:100%;resize:vertical;min-height:84px}
@media(max-width:900px){.employee-bill-table{min-width:1050px}.employee-bills-panel .bill-toolbar>*{width:100%}.employee-bills-panel .date-control{display:grid;grid-template-columns:1fr auto 1fr}}

/* v1.0.0 dashboard and employee billing layout fix */
.chart-value{display:none!important}.bar-chart{padding-top:18px}.chart-day{position:relative;cursor:pointer;outline:none}.chart-tooltip{position:absolute;left:50%;bottom:calc(100% - 28px);z-index:8;min-width:150px;padding:10px 12px;transform:translate(-50%,8px);border:1px solid #dedfe2;border-radius:12px;background:#222;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:.18s ease}.chart-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#222}.chart-tooltip b,.chart-tooltip span,.chart-tooltip small{position:relative;z-index:1;display:block;white-space:nowrap}.chart-tooltip b{margin-bottom:5px;font-size:11px}.chart-tooltip span{font-size:10px;line-height:1.7}.chart-tooltip small{margin-top:4px;color:#d7d7d3;font-size:9px}.chart-day:hover .chart-tooltip,.chart-day:focus .chart-tooltip{opacity:1;transform:translate(-50%,0)}
.dual-ranking-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.dual-ranking-grid>section{min-width:0;padding:0 14px}.dual-ranking-grid>section+section{border-left:1px solid var(--line,#e5e7eb)!important;border-top:0!important;margin-top:0!important;padding-top:0!important}.dual-ranking-grid .rank-row{grid-template-columns:26px minmax(0,1fr) auto;gap:7px}.dual-ranking-grid .rank-row b,.dual-ranking-grid .rank-row strong{min-width:0}.dual-ranking-grid .rank-row strong{font-size:10px;white-space:nowrap}.dual-ranking-grid h3{white-space:nowrap;font-size:13px}.performance-clear-box{margin-top:4px;background:#fafafa;border-color:#e3e3df}.performance-clear-title{grid-column:1/-1!important}.performance-clear-title b{font-size:14px}.employee-bill-table{min-width:960px}.employee-bill-table .table-row{grid-template-columns:1.05fr 1fr .78fr 1fr minmax(180px,1.6fr) 1fr 1.2fr}.employee-bill-table .table-row>span:nth-child(5){white-space:normal;line-height:1.55}
@media(max-width:760px){.dual-ranking-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.dual-ranking-grid>section{padding:0 9px}.dual-ranking-grid>section+section{border-left:1px solid var(--line,#e5e7eb)!important;border-top:0!important;margin-top:0!important;padding-top:0!important}.dual-ranking-grid .rank-row{grid-template-columns:23px minmax(0,1fr);align-items:start;padding:8px 0}.dual-ranking-grid .rank-row strong{grid-column:2;justify-self:start;margin-top:-4px}.dual-ranking-grid .rank-row>b{font-size:11px}.dual-ranking-grid h3{font-size:12px}.chart-panel{overflow:visible}.chart-tooltip{min-width:135px}.performance-clear-box{grid-template-columns:1fr}.employee-bill-table{min-width:900px}.employee-bills-panel .data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* v1.0.0 cache refresh: dashboard, settlement and employee bills */
.chart-panel{overflow:hidden}
.bar-chart{height:300px;padding-top:26px;gap:9px}
.bar-chart>div{gap:5px;min-width:0}
.chart-day .bars{min-height:150px}
.chart-day>small{margin-top:2px;white-space:nowrap}
.chart-day-meta{display:flex;min-height:47px;flex-direction:column;align-items:center;gap:1px}
.chart-day-meta em{display:block;color:#8e8e89;font-size:8px;font-style:normal;line-height:1.35;white-space:nowrap}
.chart-day-meta em:first-child{color:#696965;font-weight:700}
.dual-ranking-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.dual-ranking-grid>section{min-width:0!important;padding:0 14px!important}
.dual-ranking-grid>section+section{margin:0!important;padding-top:0!important;border-top:0!important;border-left:1px solid #e6e6e1!important}
.performance-clear-box[hidden]{display:none!important}
.performance-clear-box.is-visible{display:grid!important}
.employee-bill-table,.employee-bill-table .table-row{min-width:940px}
.employee-bill-table .table-row{grid-template-columns:1.1fr 1fr .8fr 1fr minmax(190px,1.8fr) 1fr 1.25fr}
.employee-bill-empty{min-height:420px}
@media(max-width:760px){
  .bar-chart{height:315px;gap:5px;padding-top:22px}
  .chart-day .bars{min-height:145px}
  .chart-day-meta em{font-size:7px;letter-spacing:-.02em}
  .dual-ranking-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .dual-ranking-grid>section{padding:0 8px!important}
  .dual-ranking-grid>section+section{border-left:1px solid #e6e6e1!important;border-top:0!important}
  .employee-bill-table,.employee-bill-table .table-row{min-width:940px}
  .employee-bills-panel .data-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .performance-clear-box.is-visible{display:grid!important;grid-template-columns:1fr!important}
}


/* v1.0.0.7 OCR order number padding and amount recognition */
.ocr-verify-image-wrap img{image-rendering:auto}

.linked-month-hero .month-flow-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.linked-month-hero .month-flow-summary div{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.06)}.linked-month-hero .month-flow-summary small{display:block;color:#aaa9a4;font-size:11px}.linked-month-hero .month-flow-summary b{display:block;margin-top:4px;color:#fff;font-size:13px}.linked-ledger-list{gap:12px}.settlement-record-card{display:block}.settlement-record-card .status-icon.settlement{background:#f0eee9;color:#242421}.settlement-record-card .record-head em.settled{color:#7b6b42;background:#f6f0df}.settlement-record-content{display:grid;grid-template-columns:.8fr 1.5fr .8fr .8fr;gap:12px;padding:14px 0 0;margin-top:13px;border-top:1px solid var(--line)}.settlement-record-content div{min-width:0}.settlement-record-content span{display:block;color:var(--muted);font-size:11px}.settlement-record-content strong,.settlement-record-content b{display:block;margin-top:4px;font-size:13px;line-height:1.45;word-break:break-word}.settlement-record-content strong{color:#b43b34}.calendar-ledger .day-strip>div i,.calendar-ledger .day-strip>div em{font-size:10px}
@media(max-width:560px){.linked-month-hero .month-flow-summary{gap:8px}.linked-month-hero .month-flow-summary div{padding:9px}.settlement-record-content{grid-template-columns:1fr 1fr}.settlement-record-content div:nth-child(2){grid-column:1/-1;order:3}.settlement-record-content div:nth-child(3){grid-column:2;grid-row:1}.settlement-record-content div:nth-child(4){grid-column:1/-1;order:4}.linked-balance-card .mine-month-stats{grid-template-columns:1fr 1fr}.linked-balance-card .mine-month-stats>div:last-child{grid-column:1/-1;padding:12px 0 0;margin-top:10px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}}


.mine-page-v2 .profile-card{margin-bottom:14px}
.month-performance-card{padding:20px}
.month-performance-card header{align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.month-performance-card header>div small{display:block;color:#999993;font-size:10px}
.month-performance-card header h3{margin:4px 0 0;font-size:17px}
.month-performance-card header>span{height:auto;padding:2px 0;border:0;background:transparent}
.mine-performance-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}
.mine-performance-grid>div{min-width:0;padding-right:18px}
.mine-performance-grid>div+div{padding-right:0;padding-left:18px;border-left:1px solid rgba(255,255,255,.14)}
.mine-performance-grid span{display:block;color:#aaa9a4;font-size:11px}
.mine-performance-grid strong{display:block;margin-top:7px;overflow:hidden;color:#fff;font-size:clamp(20px,5vw,27px);text-overflow:ellipsis;white-space:nowrap}
.mine-performance-grid small{display:block;margin-top:8px;color:#bcbcb7;font-size:11px}
.clean-month-hero{padding:20px}
.month-performance-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.month-performance-grid>div{min-width:0}
.month-performance-grid>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.month-performance-grid span{display:block;color:#aaa9a4;font-size:11px}
.month-performance-grid strong{display:block;margin-top:7px;overflow:hidden;color:#fff;font-size:clamp(21px,5vw,28px);text-overflow:ellipsis;white-space:nowrap}
.month-performance-grid small{display:block;margin-top:7px;color:#bcbcb7;font-size:11px}
.clean-calendar-ledger{padding:16px}
.clean-day-strip>div{min-height:58px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 7px}
.clean-day-strip>div small{margin-top:8px;overflow:visible;color:#8b8b86;font-size:10px;text-overflow:clip;white-space:normal}
.clean-day-strip>div.has-data small{color:#222221;font-weight:700}
.month-order-list{gap:11px}
.settlement-balance-card{padding:21px;border-radius:18px;color:#fff;background:#20201f;box-shadow:var(--shadow)}
.settlement-balance-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.settlement-balance-card header small{display:block;color:#aaa9a4;font-size:10px}
.settlement-balance-card header h2{margin:4px 0 0;font-size:17px}
.settlement-balance-card header>span{color:#aaa9a4;font-size:10px}
.settlement-balance-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}
.settlement-balance-grid>div{min-width:0}
.settlement-balance-grid>div+div{padding-left:20px;border-left:1px solid rgba(255,255,255,.14)}
.settlement-balance-grid span{display:block;color:#aaa9a4;font-size:11px}
.settlement-balance-grid strong{display:block;margin-top:7px;overflow:hidden;font-size:clamp(21px,5vw,28px);text-overflow:ellipsis;white-space:nowrap}
.settlement-heading{margin-top:22px}
.settlement-history-list{display:flex;flex-direction:column;gap:11px}
.settlement-history-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(21,21,19,.035)}
.settlement-history-card header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}
.settlement-type-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#242423}
.settlement-history-card header div{min-width:0}
.settlement-history-card header b{display:block;font-size:13px}
.settlement-history-card header small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.settlement-history-card header>strong{color:#b43b34;font-size:15px;white-space:nowrap}
.settlement-history-card dl{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.settlement-history-card dl .note{grid-column:1/-1}
.settlement-history-card dt{color:var(--muted);font-size:10px}
.settlement-history-card dd{margin:5px 0 0;color:var(--ink);font-size:12px;font-weight:700;line-height:1.55;word-break:break-word}
@media(max-width:520px){
  .month-performance-card{padding:18px}
  .mine-performance-grid>div{padding-right:12px}
  .mine-performance-grid>div+div{padding-left:12px}
  .mine-performance-grid strong,.month-performance-grid strong,.settlement-balance-grid strong{font-size:19px}
  .clean-day-strip{gap:5px}
  .clean-day-strip>div{min-height:55px;padding:7px 5px}
  .settlement-balance-card{padding:18px}
  .settlement-balance-grid>div+div{padding-left:14px}
  .settlement-history-card dl{grid-template-columns:1fr}
  .settlement-history-card dl .note{grid-column:auto}
}


/* v1.0.0.12 cleanup */
.announcement-detail-body .subpage-header{height:calc(72px + env(safe-area-inset-top));display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:env(safe-area-inset-top) clamp(16px,4vw,28px) 0;background:#f4f4f2;border-bottom:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}
.announcement-detail-body .subpage-header>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}
.announcement-detail-body .subpage-header>span{width:40px}
.announcement-detail-body .subpage-header h1{overflow:hidden;color:var(--ink);font-size:var(--font-md);font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.settlement-heading p{display:none}


/* v1.0.0.13 unified calculation system */

.account-ledger-card .account-ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.14)}
.account-ledger-grid>section{padding:20px 18px}.account-ledger-grid>section+section{border-left:1px solid rgba(255,255,255,.16)}
.account-ledger-grid h3{margin:0 0 13px;color:#fff;font-size:15px}.account-ledger-grid dl{display:grid;gap:10px;margin:0}.account-ledger-grid dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.account-ledger-grid dt{color:rgba(255,255,255,.62);font-size:11px}.account-ledger-grid dd{margin:0;color:rgba(255,255,255,.82);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.account-ledger-grid .available{padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.account-ledger-grid .available dt,.account-ledger-grid .available dd{color:#fff}.account-ledger-grid .available dd{font-size:20px}
@media(max-width:760px){
  .calculation-rule-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}.calculation-rule-panel dl>div{padding:0 12px;border-right:1px solid var(--line)}.calculation-rule-panel dl>div:nth-child(2n){padding-right:0;border-right:0}.calculation-rule-panel dl>div:nth-child(2n+1){padding-left:0}
  .account-overview-grid{grid-template-columns:1fr}.account-overview-grid>div{border-right:0;border-bottom:1px solid var(--line)}.account-overview-grid>div:last-child{border-bottom:0}
  .performance-clear-title{align-items:flex-start;flex-direction:column}
}
@media(max-width:460px){
  .calculation-rule-panel{padding:16px}.calculation-rule-panel>div{align-items:flex-start;flex-direction:column}.calculation-rule-panel dl>div{padding-right:8px}.account-ledger-grid>section{padding:17px 12px}.account-ledger-grid .available dd{font-size:17px}
}


@media(max-width:600px){.performance-scope-note{align-items:flex-start;flex-direction:column}.performance-scope-note span{padding-left:0;border-left:0}}


/* v1.0.0.13 simple-ledger */
.dashboard-grid .panel-title>div>p{display:none}
.performance-clear-title small{display:none}

.simple-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.simple-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v2.1.2 enterprise clarity, responsiveness and rendering performance */
.records-list .record-card,.month-order-list .record-card,.settlement-history-card,.data-table .table-row{content-visibility:auto;contain-intrinsic-size:auto 72px}
.detail-party dd,.announcement-detail-content,.table-row span,.email-cell{overflow-wrap:anywhere}
button,a,input,select,textarea{touch-action:manipulation}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(67,96,73,.24);outline-offset:2px}
img{max-width:100%}
@media(max-width:380px){
  .simple-metric-grid{grid-template-columns:1fr}
  .front-nav a{font-size:10px}
  .page-content{padding-left:13px;padding-right:13px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v2.1.2 enterprise operations console */
.system-health-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:18px;padding:20px 22px;border:1px solid #d9ded8;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f6faf6 100%);box-shadow:0 12px 34px rgba(28,38,29,.055)}
.system-health-hero.warning{border-color:#e5d4aa;background:linear-gradient(135deg,#fff 0%,#fffaf0 100%)}
.system-health-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#42664b}
.system-health-hero.warning .system-health-symbol{background:#9a6c21}
.system-health-hero small{color:#7c867e;font-size:9px;font-weight:900;letter-spacing:.14em}
.system-health-hero h2{margin:4px 0 3px;font-size:19px;letter-spacing:-.02em}
.system-health-hero p{margin:0;color:#83847f;font-size:11px}
.system-health-hero>span{padding:7px 10px;border:1px solid rgba(66,102,75,.18);border-radius:999px;color:#42664b;background:#fff;font-size:11px;font-weight:800}
.system-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.system-health-card{padding:0;overflow:hidden}
.system-health-card>header{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid var(--line);background:#fbfbf9}
.system-health-card>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#454b46;background:#efefeb}
.system-health-card h3{margin:0;font-size:14px}.system-health-card header p{margin:3px 0 0;color:#9a9993;font-size:10px}
.system-health-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:7px 18px 12px}
.system-health-card dl>div{min-width:0;padding:11px 2px;border-bottom:1px solid #eeeeea}
.system-health-card dl>div:nth-last-child(-n+2){border-bottom:0}
.system-health-card dt{margin-bottom:5px;color:#999892;font-size:10px}.system-health-card dd{max-width:100%;margin:0;overflow:hidden;color:#3f3f3b;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.system-health-card dd.ok{color:#3f744d}.system-health-card dd.warn{color:#9a6c21}.system-health-card dd.bad{color:#a34c46}
.system-health-card dd code{font-size:10px}
.system-command{position:relative;margin:0 18px 18px;padding:12px 88px 12px 13px;border:1px solid #e3e3df;border-radius:11px;background:#f5f5f2}
.system-command small{display:block;margin-bottom:6px;color:#8c8b85;font-size:9px}.system-command code{display:block;overflow:hidden;color:#41413e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.system-command button{position:absolute;right:8px;bottom:8px;height:29px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #dadad5;border-radius:8px;color:#555550;background:#fff;font-size:10px;font-weight:750}
.system-auto-maintenance{display:flex;align-items:center;gap:10px;margin:0 18px 18px;padding:13px;border:1px solid #dce7df;border-radius:11px;color:#3f744d;background:#f3f8f4}
.system-auto-maintenance>svg{flex:0 0 auto}.system-auto-maintenance b{display:block;font-size:11px}.system-auto-maintenance small{display:block;margin-top:4px;color:#78817a;font-size:9px;line-height:1.55}
@media(max-width:900px){.system-health-grid{grid-template-columns:1fr}}
@media(max-width:620px){
  .system-health-hero{grid-template-columns:auto 1fr;padding:17px}.system-health-hero>span{grid-column:2;justify-self:start}
  .system-health-card dl{grid-template-columns:1fr}.system-health-card dl>div:nth-last-child(2){border-bottom:1px solid #eeeeea}
}
.network-status{position:fixed;z-index:5000;top:calc(12px + env(safe-area-inset-top));left:50%;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #e2c37e;border-radius:11px;color:#6d4c18;background:#fff7e3;box-shadow:0 12px 34px rgba(70,48,13,.14);font-size:11px;font-weight:700;line-height:1.5;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .2s ease,transform .2s ease}
.network-status.show{opacity:1;transform:translate(-50%,0)}
button.is-submitting,input.is-submitting{cursor:wait;opacity:.72}
.security-baseline-alert{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:12px 14px;border:1px solid #ead098;border-radius:12px;color:#62471a;background:#fff8e8}
.security-baseline-alert>svg{flex:0 0 auto}.security-baseline-alert>span{min-width:0;display:grid;gap:2px}.security-baseline-alert b{font-size:11px}.security-baseline-alert small{color:#876b38;font-size:10px;line-height:1.5}
.security-baseline-alert button{flex:0 0 auto;margin-left:auto;padding:7px 10px;border:1px solid #dec07f;border-radius:8px;color:#62471a;background:#fff;font-size:10px;font-weight:800}
@media(max-width:560px){.security-baseline-alert{align-items:flex-start;flex-wrap:wrap}.security-baseline-alert button{margin-left:29px}}

/* v2.1.2 OCR 核对区、移动端细节和运行命令 */
.ocr-verify-panel{margin:12px 0 18px;padding:14px;border-color:#deded9;border-radius:16px;background:#fafaf8;box-shadow:none}
.ocr-verify-head{justify-content:space-between;gap:12px;margin-bottom:11px}
.ocr-verify-head b{font-size:13px}
.ocr-verify-head em{padding:5px 8px;border-radius:999px;color:#5f675f;background:#ecefeb;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
.ocr-verify-image-wrap{height:124px;border-color:#dfdfda;background:#fff}
.ocr-verify-results{grid-template-columns:1fr;gap:8px;margin-top:9px}
.ocr-verify-results>div{min-width:0;padding:10px 11px;border:1px solid #e7e7e2;border-radius:11px;background:#fff}
.ocr-verify-results>div>span,.ocr-verify-results>div>small{display:block;color:#858580;font-size:9px}
.ocr-verify-results .ocr-verify-number{display:block;margin:5px 0 4px;padding:0;overflow:hidden;color:#262624;background:transparent;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ocr-verify-panel>p{margin:10px 1px 0;color:#777772;font-size:10px;line-height:1.65}
.employee-bill-table,.employee-bill-table .table-row{min-width:860px}
.employee-bill-table .table-row{grid-template-columns:1.1fr 1fr .8fr 1fr minmax(170px,1.6fr) 1fr 1.2fr}
.employee-bill-empty{min-height:260px}
.admin-panel,.settings-grid>*,.system-health-grid>*,.toolbar>*,.settings-form>label,.modal-form>label,.install-form>label{min-width:0}
.settings-form input,.settings-form select,.settings-form textarea,.modal-form input,.modal-form select,.modal-form textarea,.install-form input{max-width:100%}
.security-baseline-alert>span{flex:1 1 auto}
.system-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px 13px}
.system-command small{grid-column:1/-1;margin:0}
.system-command code{min-width:0;overflow:visible;line-height:1.55;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.system-command button{position:static;align-self:end;white-space:nowrap}
.install-form .install-credential{width:100%;grid-column:1/-1;margin:4px 0;padding:13px}
.install-form .install-credential small{grid-column:1/-1;color:#858580;font-size:9px;line-height:1.55}
.address-editor{width:100%;min-height:128px;padding:12px 13px;border:1px solid #d9d9d4;border-radius:11px;color:#30302e;background:#f7f7f5;outline:0;font:inherit;font-size:13px;line-height:1.7;resize:vertical}
.address-editor:focus{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.security-menu button>em{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:620px){
  .ocr-verify-panel{margin-top:10px;padding:12px}
  .ocr-verify-image-wrap{height:112px}
  .ocr-verify-results{grid-template-columns:1fr}
  .employee-bill-empty{min-height:220px;padding:38px 18px}
  .employee-bill-table,.employee-bill-table .table-row{min-width:820px}
  .system-command{grid-template-columns:1fr}
  .system-command button{width:100%;justify-content:center}
  .security-baseline-alert{align-items:center;flex-wrap:nowrap;padding:10px 11px}
  .security-baseline-alert small{display:none}
  .security-baseline-alert button{margin-left:0;padding:7px 9px}
}

/* v2.1.2：订单号优先 OCR、双向资金、统一模态交互与结算修复 */
.employee-performance-hero{grid-template-columns:1fr auto!important;align-items:center;min-height:128px;padding:24px!important;background:linear-gradient(145deg,#191918,#2b2b29)}
.employee-performance-hero>div>strong{font-size:clamp(31px,8vw,42px)!important;letter-spacing:-.04em}
.employee-performance-hero>div>p{margin:7px 0 0;color:#b8b8b2;font-size:11px}
.employee-performance-hero>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;color:#fff;background:rgba(255,255,255,.07)}
.employee-record-amounts{grid-template-columns:minmax(0,1fr) 20px}
.employee-record-amounts strong{color:#242422!important;font-size:16px}
.order-performance-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;margin-bottom:14px;padding:17px 18px;border:1px solid #292927;border-radius:17px;color:#fff;background:#20201f;box-shadow:var(--shadow)}
.order-performance-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.09)}
.order-performance-card small{display:block;color:#aaa9a4;font-size:10px}
.order-performance-card strong{display:block;margin-top:3px;font-size:24px;letter-spacing:-.03em}
.order-performance-card em{color:#bdbdb7;font-size:10px;font-style:normal;text-align:right}
.employee-male-order header{padding-right:14px}
.performance-only-grid{grid-template-columns:1fr!important}
.performance-only-grid>div{padding:0!important;border:0!important}
.performance-only-grid .performance strong{font-size:clamp(27px,7vw,36px)}
.today-separate.performance-only-grid{display:block}
.today-separate.performance-only-grid .performance{padding:19px!important;border:1px solid var(--line)!important;border-radius:15px;background:#f7f7f4}
.today-separate.performance-only-grid .performance span{display:block;margin-top:7px;color:var(--muted);font-size:11px}
.ranking-performance-page .podium article strong{margin-top:2px;color:#252523;font-size:12px}
.ranking-performance-page .ranking-list>div span{display:flex;flex-direction:column;gap:2px}
.ranking-performance-page .ranking-list>div span small{color:var(--muted);font-size:9px;font-weight:500}
.ranking-performance-page .ranking-list>div em{color:#2e2e2c;font-size:11px;font-weight:800}
.performance-text{color:#20201f}
.performance-table.performance-v2{min-width:920px}
.performance-table.performance-v2 .table-row{grid-template-columns:.45fr 1.3fr .7fr 1fr 1fr 1fr}
.funds-page{display:grid;gap:18px}
.funds-overview{overflow:hidden;border:1px solid #292927;border-radius:22px;color:#fff;background:#20201f;box-shadow:0 18px 42px rgba(20,20,18,.14)}
.funds-primary{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:26px 28px}
.funds-primary-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.08)}
.funds-primary small{display:block;color:#aaa9a4;font-size:11px}
.funds-primary strong{display:block;margin-top:3px;font-size:clamp(30px,4vw,42px);letter-spacing:-.04em}
.funds-primary p{margin:5px 0 0;color:#b9b9b4;font-size:11px}
.funds-actions,.fund-toolbar-actions{display:flex;align-items:center;gap:8px}
.funds-primary .primary-action{color:#20201f;background:#fff}
.fund-withdraw-action{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;background:rgba(255,255,255,.07);font-size:11px;font-weight:800;white-space:nowrap}
.fund-toolbar-actions .fund-withdraw-action{border-color:#d9c2bf;color:#934740;background:#fff7f5}
.funds-overview.deficit{border-color:#8e3b35;background:#32201e}
.funds-overview.deficit .funds-primary strong{color:#ffd5d0}
.funds-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12)}
.funds-metrics article{min-width:0;padding:18px 24px}
.funds-metrics article+article{border-left:1px solid rgba(255,255,255,.12)}
.funds-metrics span,.funds-metrics small{display:block;color:#aaa9a4;font-size:10px}
.funds-metrics strong{display:block;margin:6px 0 5px;font-size:18px}
.fund-ledger-panel{overflow:hidden}
.fund-ledger-table{min-width:880px}
.fund-ledger-table .table-row{grid-template-columns:.5fr .65fr 1fr 2fr 1fr 1.25fr}
.fund-credit strong{color:#2e6a4c}
.fund-debit strong{color:#a33f38}
.fund-type{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800}
.fund-type.deposit{color:#356149;background:#edf5f0}
.fund-type.withdrawal{color:#95423b;background:#fff0ee}
.withdrawal-title>span{background:#8f3e38}
.withdraw-confirm{background:#8f3e38!important}
.withdraw-confirm:disabled{color:#8f8f89!important;background:#d2d2cd!important;cursor:not-allowed}
.fund-empty{min-height:260px}
@media(max-width:760px){
  .funds-primary{grid-template-columns:48px 1fr;padding:20px}
  .funds-primary-icon{width:46px;height:46px;border-radius:14px}
  .funds-actions{grid-column:1/-1;width:100%}
  .funds-actions>*{flex:1}
  .funds-metrics{grid-template-columns:1fr}
  .funds-metrics article{padding:14px 20px}
  .funds-metrics article+article{border-top:1px solid rgba(255,255,255,.12);border-left:0}
  .order-performance-card{grid-template-columns:42px 1fr;padding:15px}
  .order-performance-card em{grid-column:1/-1;text-align:left}
}

/* Rejected order edit / resubmit */
.detail-resubmit-actions{margin-top:2px}
.detail-resubmit-actions .primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.edit-order-page .edit-reject-reason{margin-bottom:14px}
.edit-order-page .upload-box.has-preview>b{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Employee email security center */
.email-security-page{display:grid;gap:14px;padding-bottom:28px}
.email-security-hero{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:16px;overflow:hidden;padding:22px;border:1px solid #2d2d2a;border-radius:20px;color:#fff;background:linear-gradient(145deg,#1c1c1b,#2b2b29);box-shadow:0 16px 38px rgba(20,20,18,.12)}
.email-security-hero:after{content:"";position:absolute;right:-46px;top:-54px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.035);pointer-events:none}
.email-security-hero-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08)}
.email-security-hero-copy{min-width:0}.email-security-eyebrow{margin-bottom:5px;color:#bcbcb6;font-size:10px;font-weight:800;letter-spacing:.08em}
.email-security-hero h2{margin:0;font-size:21px;letter-spacing:-.02em}.email-security-hero p{max-width:520px;margin:7px 0 0;color:#b9b9b3;font-size:11px;line-height:1.65}
.email-security-state{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:190px;padding:8px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d8d8d2;background:rgba(255,255,255,.07);font-size:10px;font-weight:800;white-space:nowrap}
.email-security-state span{overflow:hidden;text-overflow:ellipsis}.email-security-state.verified svg{color:#9fd4b2}.email-security-state.waiting svg{color:#e4c778}
.email-security-card{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(24,24,22,.04)}
.email-security-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.email-security-card-head>div{min-width:0;flex:1}.email-security-card-head h3{margin:1px 0 0;color:#292927;font-size:14px}.email-security-card-head p{margin:5px 0 0;color:#858580;font-size:10px;line-height:1.6}
.email-step-number{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff;background:#262625;font-size:11px;font-weight:900}.email-step-number.success{color:#2f6d4c;background:#e9f5ed}
.email-security-form{display:grid;gap:12px}.email-field{display:block}.email-field>span{display:block;margin:0 1px 7px;color:#4d4d49;font-size:11px;font-weight:800}
.email-field input{width:100%;height:47px;padding:0 13px;border:1px solid #d9d9d4;outline:0;border-radius:12px;color:#262624;background:#f8f8f6;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.email-field input:focus{border-color:#70706b;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}.email-field input::placeholder{color:#aaa9a4}
.email-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.email-code-button{min-width:118px;height:47px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:12px;color:#fff;background:#252524;font-size:11px;font-weight:800;white-space:nowrap;transition:transform .15s ease,opacity .15s ease,background .15s ease}.email-code-button:hover:not(:disabled){background:#111}.email-code-button:active:not(:disabled){transform:translateY(1px)}.email-code-button:disabled,.email-code-button.is-counting{cursor:not-allowed;opacity:.58}
.email-code-button-wide{width:100%;margin-top:2px}.email-code-input{letter-spacing:.22em;font-size:17px!important;font-weight:800;text-align:center}
.email-code-sent-note{display:flex;align-items:center;gap:8px;margin:14px 0 12px;padding:10px 11px;border:1px solid #dce9e0;border-radius:11px;color:#356149;background:#f3f9f5;font-size:10px;line-height:1.5}.email-code-sent-note svg{flex:0 0 auto}.email-code-sent-note b{font-weight:900}
.email-confirm-form,.email-old-verify-form{padding-top:2px}.email-primary-action,.email-danger-action{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:11px;font-weight:850}.email-primary-action{border:0;color:#fff;background:#222221}.email-primary-action:hover{background:#111}.email-danger-action{border:1px solid #e1b8b4;color:#973f38;background:#fff7f6}.email-danger-action:hover{background:#fff0ee}
.email-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.email-current-address{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:14px;padding:12px;border:1px solid #e2e2dd;border-radius:13px;background:#f8f8f6}.email-current-address>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#343431;background:#ededeb}.email-current-address div{min-width:0}.email-current-address small{display:block;color:#92928c;font-size:9px}.email-current-address strong{display:block;margin-top:3px;overflow:hidden;color:#2d2d2a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.email-current-address>em{padding:5px 8px;border-radius:999px;color:#377052;background:#e9f4ed;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.email-current-address.compact{margin-bottom:0}
.email-security-tip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e6e0cf;border-radius:14px;color:#655a3a;background:#fffaf0}.email-security-tip>svg{flex:0 0 auto;margin-top:1px}.email-security-tip b{display:block;font-size:10px}.email-security-tip p{margin:3px 0 0;color:#8a7a50;font-size:9px;line-height:1.55}
.email-security-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.email-security-steps li{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:#f7f7f5}.email-security-steps li>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#777771;background:#e8e8e5;font-size:9px;font-weight:900}.email-security-steps li.active{border-color:#cfcfca;background:#fff}.email-security-steps li.active>span{color:#fff;background:#282827}.email-security-steps b{display:block;color:#3b3b38;font-size:10px}.email-security-steps small{display:block;margin-top:2px;color:#969690;font-size:8px;line-height:1.4}
.email-security-unlocked{border-color:#d7e7dc;background:#fbfefc}.email-security-window{align-self:flex-start;padding:6px 8px;border-radius:999px;color:#356149;background:#e7f3eb;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
.email-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #edd7d4;border-radius:16px;background:#fffafa}.email-danger-zone>div{min-width:0}.email-danger-zone b{display:block;color:#783d38;font-size:11px}.email-danger-zone p{margin:4px 0 0;color:#9a716d;font-size:9px;line-height:1.5}.email-danger-zone form{flex:0 0 auto}.email-danger-zone button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid #d9aaa6;border-radius:10px;color:#913e37;background:#fff;font-size:10px;font-weight:850;white-space:nowrap}
@media(max-width:620px){
  .email-security-page{gap:11px}.email-security-hero{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px}.email-security-hero-icon{width:44px;height:44px;border-radius:14px}.email-security-hero h2{font-size:18px}.email-security-hero p{font-size:10px}.email-security-state{grid-column:1/-1;justify-self:start;max-width:100%;margin-top:1px}.email-security-card{padding:15px;border-radius:16px}.email-code-row{grid-template-columns:minmax(0,1fr)}.email-code-button{width:100%}.email-security-actions{grid-template-columns:1fr}.email-security-steps{grid-template-columns:1fr}.email-security-steps small{display:none}.email-current-address{grid-template-columns:36px minmax(0,1fr)}.email-current-address>em{grid-column:2;justify-self:start}.email-security-card-head{flex-wrap:wrap}.email-security-window{margin-left:41px}.email-danger-zone{align-items:flex-start;flex-direction:column}.email-danger-zone form,.email-danger-zone button{width:100%}
}

/* v2.2.4 - simpler employee email settings */
.email-simple-page{padding-bottom:28px}
.email-simple-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.email-simple-head{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:16px;border-bottom:1px solid var(--line)}
.email-simple-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#3e3e3a;background:#f0f0ed}
.email-simple-head h2{margin:0;color:#282826;font-size:14px}.email-simple-head p{margin:3px 0 0;color:var(--muted);font-size:9px}
.email-simple-head em{padding:5px 8px;border-radius:999px;color:#777771;background:#f1f1ee;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}.email-simple-head em.bound{color:#356149;background:#eaf5ee}
.email-simple-copy{padding:13px 16px 0;color:#84847e;font-size:10px;line-height:1.55}
.email-simple-form{display:grid;gap:11px;padding:14px 16px}.email-simple-form+.email-simple-form{padding-top:2px}
.email-simple-form label>span{display:block;margin-bottom:6px;color:#555551;font-size:10px;font-weight:800}
.email-simple-form input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line-strong);outline:0;border-radius:10px;color:#292927;background:#f8f8f6;font-size:12px}.email-simple-form input:focus{border-color:#777772;background:#fff;box-shadow:0 0 0 3px rgba(25,25,23,.05)}
.email-inline-control{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:8px}.email-inline-control>button,.email-simple-primary{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:0;border-radius:10px;color:#fff;background:#272726;font-size:10px;font-weight:800;white-space:nowrap}.email-inline-control>button:disabled,.email-simple-primary:disabled{opacity:.5;cursor:not-allowed}.email-inline-control>button:not(:disabled):hover,.email-simple-primary:not(:disabled):hover{background:#151514}
.email-simple-confirm{border-top:1px solid #efefec;background:#fcfcfb}.email-code-input{letter-spacing:.2em!important;text-align:center;font-size:15px!important;font-weight:800}
.email-bound-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 16px 0;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8f8f6}.email-bound-row div{min-width:0}.email-bound-row small{display:block;color:#969690;font-size:9px}.email-bound-row strong{display:block;margin-top:3px;overflow:hidden;color:#2e2e2b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.email-bound-row>span{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:#467158;font-size:9px;font-weight:800}
.email-simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.email-simple-danger{height:44px;border:1px solid #dfc1bd;border-radius:10px;color:#93433c;background:#fff8f7;font-size:10px;font-weight:800}.email-security-inline-note{margin:8px 16px 0;color:#868680;font-size:9px}.email-simple-unbind{padding:0 16px 15px}.email-simple-unbind button{width:100%;height:38px;border:0;border-top:1px solid #eeeae7;color:#a04b43;background:transparent;font-size:10px;font-weight:800}.email-simple-footnote{margin:10px 2px 0;color:#9a9a94;font-size:9px;text-align:center}

/* v2.2.4 - editable audit modal */
.audit-edit-modal{width:min(100%,820px)}
.audit-edit-form{margin-top:12px;padding:0;border:0;border-radius:0;background:transparent}
.audit-edit-party{padding:14px}.audit-edit-party>header{margin-bottom:10px}.audit-edit-party>header>em{margin-left:auto;padding:5px 7px;border-radius:999px;color:#666661;background:#e9e9e6;font-size:9px;font-style:normal;font-weight:800}
.audit-edit-image{position:relative}.audit-edit-image .audit-image-button{height:190px;min-height:190px;max-height:190px}.audit-image-replace{position:absolute;left:9px;bottom:9px;z-index:3;cursor:pointer}.audit-image-replace input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.audit-image-replace span{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;border-radius:8px;color:#fff;background:rgba(24,24,23,.78);font-size:9px;font-weight:800}.audit-edit-image.has-new-image .audit-image-replace span:after{content:" · 已选择"}
.audit-edit-fields{display:grid;grid-template-columns:1fr 150px;gap:10px;margin-top:11px}.audit-edit-fields label{min-width:0}.audit-edit-fields label.wide{grid-column:1/-1}.audit-edit-fields label>span,.audit-decision-box>label>span{display:block;margin:0 1px 6px;color:#555551;font-size:10px;font-weight:800}.audit-edit-fields input,.audit-edit-fields textarea{width:100%;border:1px solid var(--line-strong);outline:0;border-radius:9px;color:#292927;background:#fff;font-size:11px}.audit-edit-fields input{height:40px;padding:0 10px}.audit-edit-fields textarea{min-height:58px;padding:9px 10px;resize:vertical;line-height:1.5}.audit-edit-fields input:focus,.audit-edit-fields textarea:focus{border-color:#777772;box-shadow:0 0 0 3px rgba(25,25,23,.05)}
.audit-money-input{position:relative}.audit-money-input b{position:absolute;left:10px;top:50%;z-index:1;transform:translateY(-50%);color:#777772;font-size:11px}.audit-money-input input{padding-left:25px}
.audit-decision-box{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.audit-decision-box select{width:100%;height:42px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:#f8f8f6;font-size:11px}
.audit-edit-form>.audit-actions{margin-top:12px}
@media(max-width:620px){.email-simple-head{grid-template-columns:36px minmax(0,1fr) auto;padding:14px}.email-inline-control{grid-template-columns:minmax(0,1fr)}.email-inline-control>button{width:100%}.email-simple-actions{grid-template-columns:1fr}.email-bound-row{align-items:flex-start;flex-direction:column}.audit-edit-modal{padding:18px 14px}.audit-edit-party{padding:11px}.audit-edit-image .audit-image-button{height:170px;min-height:170px;max-height:170px}.audit-edit-fields{grid-template-columns:1fr}.audit-edit-fields label.wide{grid-column:auto}}

/* v2.3.0 — employee mobile polish + legacy WebView navigation fallback */
.floating-nav.tabs-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.floating-nav.tabs-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.floating-nav a{min-width:0}.floating-nav a b{font-size:11px;line-height:1.15;white-space:nowrap}
.staff-body input,.staff-body textarea,.staff-body select{font-size:max(14px,var(--font-sm))}
@media(max-width:520px){
  .mobile-app{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
  .app-header{padding:calc(18px + env(safe-area-inset-top)) 14px 16px}
  .app-heading{gap:12px}.app-heading h1{font-size:22px}.app-heading p{font-size:11px}
  .avatar-image{width:43px;height:43px}
  .page-content{padding:16px 12px 30px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .floating-nav{bottom:max(8px,env(safe-area-inset-bottom))!important;width:min(calc(100% - 20px),560px);height:66px;padding:5px;border-radius:19px}
  .floating-nav a{border-radius:15px}.floating-nav a.active{border-radius:15px}
  .party-panel{padding:15px;border-radius:16px}.upload-box{height:136px;margin-bottom:14px}
  .party-fields input,.stack-form input,.bind-form input,.email-code-form input{height:48px}
  .party-fields textarea{min-height:80px;font-size:14px}
  .record-card{padding:14px}.menu-card>a,.menu-card>button{min-height:58px;padding:9px 12px}
  .modal-card{border-radius:16px}
}
@media(max-width:360px){
  .page-content{padding-left:10px;padding-right:10px}.quiet-title{margin-bottom:13px}
  .party-panel{padding:12px}.upload-box{height:124px}.records-date-filter{flex-wrap:wrap}
  .records-date-filter>label{flex:1 1 100%;width:100%}.records-date-filter>button,.records-date-filter>a{flex:1;justify-content:center}
  .floating-nav{width:calc(100% - 14px)}
}

/* v2.2.6 - monthly profit calculation */
.profit-page{display:grid;gap:18px}
.profit-overview{overflow:hidden;border:1px solid #292927;border-radius:22px;color:#fff;background:#20201f;box-shadow:0 18px 42px rgba(20,20,18,.14)}
.profit-overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px 28px}
.profit-overview-head>div{min-width:0}.profit-overview-head small{display:block;color:#aaa9a4;font-size:10px;font-weight:800}.profit-overview-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}
.profit-month-trigger{flex:0 0 auto;min-width:104px;padding:0;border:0;color:#fff;background:transparent;text-align:left;cursor:pointer}.profit-month-trigger>span{display:block;margin:0 0 6px;color:#aaa9a4;font-size:9px;font-weight:800}.profit-month-trigger>strong{height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:11px;white-space:nowrap}.profit-month-trigger:hover>strong{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.12)}
.profit-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12)}.profit-metrics article{min-width:0;padding:18px 24px}.profit-metrics article+article{border-left:1px solid rgba(255,255,255,.12)}.profit-metrics span{display:block;color:#aaa9a4;font-size:10px}.profit-metrics strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.02em}.profit-metrics .profit-result strong{color:#bce2c9}.profit-metrics .profit-result.negative strong{color:#ffd1cc}
.profit-ledger-panel{overflow:hidden}.profit-cost-table{min-width:960px}.profit-cost-table .table-row{grid-template-columns:.5fr .9fr 1.7fr 1.05fr 1.25fr .9fr}.profit-cost-amount strong{color:#8d5a2d}.profit-cost-note{color:#6d6d68!important;line-height:1.55}.profit-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.profit-row-actions .inline-form{display:inline-flex}.profit-cost-modal{width:min(100%,480px)}
.dashboard-month-form{grid-template-columns:minmax(0,1fr)}
.dashboard-month-field{width:100%;min-width:0;overflow:hidden}
.dashboard-month-control{width:100%;max-width:100%;height:48px;display:flex;align-items:center;overflow:hidden;border:1px solid #d9d9d4;border-radius:10px;background:#f7f7f5}
.dashboard-month-control:focus-within{border-color:#74746f;background:#fff;box-shadow:0 0 0 3px rgba(24,24,22,.06)}
.dashboard-month-control input[type="month"]{width:0!important;min-width:0!important;max-width:none!important;height:46px!important;flex:1 1 0;padding:0 13px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center}
@media(max-width:760px){.profit-overview-head{align-items:stretch;flex-direction:column;padding:20px}.profit-month-trigger{width:100%}.profit-month-trigger>strong{width:100%}.profit-metrics{grid-template-columns:1fr}.profit-metrics article{padding:14px 20px}.profit-metrics article+article{border-top:1px solid rgba(255,255,255,.12);border-left:0}}
@media(max-width:560px){.dashboard-month-modal .modal-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.dashboard-month-form .modal-actions{width:100%}.dashboard-month-form .modal-actions button{min-width:0;flex:1}}

/* v2.2.9 — cross-browser viewport, modal and audit scrolling hardening */
html,body{max-width:100%;overflow-x:hidden}
html.modal-open,body.modal-open{overflow:hidden!important}
.modal-layer{
  position:fixed!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;height:100vh!important;height:var(--viewport-height,100vh)!important;
  min-width:0!important;min-height:0!important;
  box-sizing:border-box!important;
  align-items:center!important;justify-content:center!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding:16px!important;
  padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
}
.modal-layer.open{display:flex!important}
.modal-card{
  flex:0 1 auto!important;
  align-self:center!important;
  margin:auto!important;
  max-width:calc(100vw - 32px)!important;
  max-height:calc(100vh - 32px)!important;
  max-height:calc(var(--viewport-height,100vh) - 32px)!important;
  min-width:0!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  box-sizing:border-box!important;
}
.submit-loading-layer{
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100vw!important;height:100vh!important;height:var(--viewport-height,100vh)!important;
  align-items:center!important;justify-content:center!important;
  padding:18px!important;box-sizing:border-box!important;
}
.submit-loading-layer.open{display:flex!important}
.image-zoom-layer{height:100vh!important;height:var(--viewport-height,100vh)!important;min-height:0!important}
.data-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-main,.page-content,.mobile-app,.admin-app{min-width:0;max-width:100%}
.audit-modal-card{width:min(820px,100%)!important;max-height:calc(100vh - 24px)!important;max-height:calc(var(--viewport-height,100vh) - 24px)!important}
.audit-edit-form{min-width:0;min-height:0}
.audit-actions{
  position:sticky;bottom:-1px;z-index:20;
  margin:14px -15px -15px!important;padding:12px 15px 15px!important;
  border-top:1px solid var(--line);background:#fff;
  box-shadow:0 -10px 20px rgba(255,255,255,.94)
}
.audit-actions button{flex:0 0 auto}
.flash-toast.info{color:#4e5350;border-color:#d9dedb;background:#f8faf9}

@media(max-height:760px){
  #auditModal{align-items:flex-start!important}
  #auditModal .audit-modal-card{align-self:flex-start!important;margin:0 auto!important;max-height:calc(100vh - 16px)!important;max-height:calc(var(--viewport-height,100vh) - 16px)!important;padding-top:20px}
  #auditModal .audit-image-button{height:150px;min-height:150px;max-height:150px}
  #auditModal .audit-party-block{padding:11px;margin-top:10px}
  #auditModal .modal-title{margin-bottom:10px}
}
@media(max-width:768px){
  input,select,textarea{font-size:16px!important}
  .modal-layer{padding:10px!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important}
  .modal-card{max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important;max-height:calc(var(--viewport-height,100vh) - 20px)!important;border-radius:15px}
  .confirm-card,.form-error-card{width:min(400px,100%)!important}
  .audit-modal-card{width:100%!important;padding:16px 12px!important}
  .audit-edit-fields{grid-template-columns:1fr!important}
  .audit-edit-fields label.wide{grid-column:auto!important}
  .audit-actions{margin:12px -12px -16px!important;padding:11px 12px calc(12px + env(safe-area-inset-bottom))!important}
  .audit-actions button{min-width:0;flex:1;padding:0 10px}
}
@media(max-width:380px){
  .modal-layer{padding:8px!important}
  .modal-card{max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(var(--viewport-height,100vh) - 16px)!important;padding:20px 15px!important}
  .confirm-actions,.modal-actions{gap:7px}
  .confirm-actions button,.modal-actions button{min-width:0!important}
}

/* v2.2.15 - editable female address and stable upload preview */
.admin-order-add-modal{width:min(900px,100%)!important}
.admin-order-add-form{display:grid;gap:13px;margin-top:12px;min-width:0}
.admin-order-employee-field>span{display:block;margin:0 1px 6px;color:#555551;font-size:10px;font-weight:800}
.admin-order-employee-field select{width:100%;height:44px;padding:0 12px;border:1px solid var(--line-strong);outline:0;border-radius:10px;color:#292927;background:#f8f8f6;font-size:11px}
.admin-order-employee-field select:focus{border-color:#777772;background:#fff;box-shadow:0 0 0 3px rgba(25,25,23,.05)}
.admin-order-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.admin-order-party{min-width:0;margin-top:0!important;padding:13px!important}
.admin-order-party>header>em{margin-left:auto;padding:5px 7px;border-radius:999px;color:#666661;background:#e9e9e6;font-size:9px;font-style:normal;font-weight:800}
.admin-order-upload{position:relative;height:178px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;overflow:hidden;border:1px dashed #cecec9;border-radius:12px;color:#6f6f69;background:#fff;cursor:pointer;text-align:center}
.admin-order-upload input[type=file]{position:absolute;inset:0;z-index:6;width:100%;height:100%;opacity:0;cursor:pointer}
.admin-order-upload-preview{position:absolute;inset:0;z-index:1;display:none;background:#f6f6f3 center/contain no-repeat;pointer-events:none}.admin-order-upload-preview.is-visible{display:block}
.admin-order-upload.has-preview:after{content:"";position:absolute;inset:auto 0 0;height:56px;background:linear-gradient(transparent,rgba(20,20,19,.72));pointer-events:none}
.admin-order-upload-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#555550;background:#efefec}
.admin-order-upload>b{font-size:11px}.admin-order-upload>small{color:#999993;font-size:9px}.admin-order-upload>i{position:absolute;right:9px;top:9px;z-index:4;padding:5px 7px;border-radius:999px;color:#696964;background:#efefec;font-size:8px;font-style:normal;font-weight:850}
.admin-order-upload.has-preview>.admin-order-upload-icon,.admin-order-upload.has-preview>small{display:none}.admin-order-upload.has-preview>b{position:absolute;left:10px;right:58px;bottom:9px;z-index:4;overflow:hidden;color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap}.admin-order-upload.has-preview>i{color:#fff;background:rgba(24,24,23,.72)}
.admin-order-upload.is-recognizing>i{animation:adminOcrPulse 1s ease-in-out infinite}.admin-order-upload.ocr-success>i{background:#356149}.admin-order-upload.ocr-failed>i{background:#8b554d}
.admin-order-fields{grid-template-columns:minmax(0,1fr) 128px!important;margin-top:10px!important}.admin-order-fields textarea{resize:vertical;min-height:56px}
.admin-order-add-actions{margin:2px -25px -25px!important;padding:12px 25px 18px!important}
.audit-toolbar .audit-add-order-button{margin-left:0;flex:0 0 auto}
@media(max-height:760px){#adminOrderAddModal{align-items:flex-start!important}#adminOrderAddModal .admin-order-add-modal{align-self:flex-start!important;margin:0 auto!important}.admin-order-upload{height:145px}.admin-order-party{padding:10px!important}}
@media(max-width:820px){.admin-order-pair{grid-template-columns:1fr}.admin-order-upload{height:165px}.admin-order-add-actions{margin:2px -12px -16px!important;padding:11px 12px calc(12px + env(safe-area-inset-bottom))!important}.audit-toolbar .audit-add-order-button{flex:1 1 auto}}
@media(max-width:620px){.admin-order-add-modal{padding:16px 12px!important}.admin-order-fields{grid-template-columns:1fr!important}.admin-order-upload{height:150px}.audit-toolbar .audit-add-order-button{width:100%;flex-basis:100%}}

@keyframes adminOcrPulse{0%,100%{opacity:1}50%{opacity:.52}}