:root{--ink:#172522;--muted:#67736f;--line:#dfe7e4;--paper:#f4f7f6;--white:#fff;--green:#153f38;--green-2:#257363;--mint:#dceee8;--coral:#d96a55;--gold:#c6943f;--blue:#3b72a4;--red:#b94d4d;--shadow:0 12px 32px rgba(22,49,43,.09)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans Thai",Tahoma,sans-serif;color:var(--ink);background:var(--paper);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}body{min-height:100vh}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr;background:#fff}.login-visual{padding:44px 56px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(rgba(14,54,47,.82),rgba(14,54,47,.92)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='1000'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");background-size:cover}.brand{display:flex;align-items:center;gap:11px;color:var(--green)}.brand-light{color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;font:600 21px Georgia,serif}.brand b{display:block;font-family:Georgia,serif;font-size:19px}.brand small{display:block;margin-top:2px;font-size:8px;letter-spacing:1.8px}.login-copy{max-width:560px}.eyebrow{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;opacity:.78}.eyebrow.green{color:var(--green-2)}.login-copy h1{margin:0;font-size:clamp(46px,5vw,74px);font-family:Georgia,"Noto Serif Thai",serif;font-weight:500;line-height:1.08}.login-copy>p:last-child{max-width:480px;line-height:1.8;opacity:.8}.version{font-size:11px;opacity:.55}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-form{width:min(390px,100%)}.brand-mobile{display:none;margin-bottom:50px}.login-form h2{font-size:34px;margin:0 0 4px}.muted{color:var(--muted)}label{display:grid;gap:7px;margin:22px 0 0;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(37,115,99,.12)}.button{border:0;border-radius:6px;padding:11px 16px;font-weight:750}.button.primary{background:var(--green);color:#fff}.button.secondary{background:var(--mint);color:var(--green)}.button.danger{background:#f7e0dc;color:var(--red)}.button.full{width:100%;margin-top:28px}.button.small{padding:7px 11px;font-size:12px}.link-button{border:0;background:none;color:var(--green-2);padding:0;text-decoration:underline}.demo-note{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}.app{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:27px 18px 18px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar>.brand{padding:0 10px 28px}.sidebar nav{display:grid;gap:4px}.nav-button{width:100%;border:0;background:transparent;color:#5d6965;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:6px;text-align:left;font-weight:650}.nav-button:hover{background:#f1f5f3}.nav-button.active{background:var(--mint);color:var(--green)}.nav-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:4px;font-size:10px}.sidebar-profile{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:36px 1fr 32px;gap:9px;align-items:center;min-width:0}.sidebar-profile b,.sidebar-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile b{font-size:12px}.sidebar-profile small{font-size:10px;color:var(--muted);margin-top:2px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-weight:800;font-size:13px}.icon-button{border:0;background:transparent;width:34px;height:34px;display:grid;place-items:center;font-size:20px;color:var(--muted);border-radius:5px}.icon-button:hover{background:#edf2f0}.icon-button.bordered{border:1px solid var(--line);background:#fff}.mobile-header{display:none}main{min-width:0}.page-header{height:98px;padding:22px 34px 18px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.page-header h1{font-size:25px;margin:0}.header-actions{display:flex;gap:8px;align-items:center}.header-actions input{width:145px;padding:8px 10px}.content{padding:26px 34px 50px;max-width:1600px;margin:0 auto}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px}.toolbar-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:6px;padding:3px;background:#fff}.segmented button{border:0;background:transparent;padding:7px 13px;border-radius:4px;color:var(--muted);font-size:12px;font-weight:700}.segmented button.active{background:var(--green);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);padding:18px;border-radius:7px;min-height:128px}.kpi-top{display:flex;justify-content:space-between;gap:10px}.kpi-icon{width:31px;height:31px;border-radius:5px;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:11px;font-weight:900}.kpi p{margin:14px 0 2px;color:var(--muted);font-size:12px}.kpi strong{font-size:25px}.kpi small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.up{color:var(--green-2)!important}.warn{color:var(--coral)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px}.panel-head{min-height:62px;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head h2{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.panel-body{padding:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{padding:11px 12px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:#f8faf9;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf1ef;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}.main-cell{font-weight:750}.sub-cell{display:block;margin-top:3px;color:var(--muted);font-size:10px}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800;white-space:nowrap}.status.NEW{background:#fff1d9;color:#986819}.status.ACCEPTED{background:#e1edf8;color:#315f8b}.status.COMPLETED{background:#eee7f7;color:#67498b}.status.CONFIRMED,.status.PRESENT,.status.SENT{background:#dff1e9;color:#236a59}.status.CANCELLED,.status.ABSENT,.status.EMERGENCY,.status.FAILED{background:#f7e1dd;color:#a84c3e}.status.SKIPPED{background:#edf0ef;color:#67736f}.alert-list{display:grid;gap:11px}.alert-item{padding:12px;border-left:3px solid var(--coral);background:#faf7f6}.alert-item b{font-size:12px}.alert-item p{font-size:10px;color:var(--muted);margin:4px 0 0}.empty{text-align:center;padding:46px 20px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-size:15px;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .span-2{grid-column:1/-1}.inline-fields{display:grid;grid-template-columns:1fr 100px;gap:8px}.modal{position:fixed;z-index:20;inset:0;background:rgba(12,29,25,.48);display:grid;place-items:center;padding:20px}.modal-card{width:min(640px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;box-shadow:var(--shadow)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:0 20px 22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.toast{position:fixed;z-index:40;right:22px;bottom:22px;background:#132c27;color:#fff;padding:12px 16px;border-radius:6px;box-shadow:var(--shadow);font-size:12px;transform:translateY(100px);opacity:0;transition:.22s}.toast.show{transform:none;opacity:1}.toast.error{background:#923f3f}.employee-hero{background:var(--green);color:#fff;padding:25px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:20px}.employee-hero h2{margin:4px 0;font-size:27px}.employee-hero p{margin:0;opacity:.7}.hero-number{text-align:right}.hero-number strong{display:block;font-size:28px}.hero-number small{opacity:.7}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px}.quick-card span{font-size:11px;color:var(--muted)}.quick-card strong{display:block;font-size:21px;margin-top:7px}.order-card{padding:17px;border-bottom:1px solid var(--line)}.order-card:last-child{border:0}.order-card-top{display:flex;justify-content:space-between;gap:10px}.order-card h3{font-size:14px;margin:5px 0}.order-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:11px;margin:12px 0}.order-actions{display:flex;gap:8px;justify-content:flex-end}.payroll-total{display:flex;gap:24px;align-items:end}.payroll-total strong{font-size:24px}.payroll-total span{display:block;font-size:10px;color:var(--muted)}.role-chip{font-size:9px;padding:4px 6px;background:#edf2f0;border-radius:4px;color:var(--muted)}.stock-meter{width:110px;height:6px;border-radius:10px;background:#e5ebe8;overflow:hidden}.stock-meter i{display:block;height:100%;background:var(--green-2)}.stock-meter.low i{background:var(--coral)}.checkbox-row{display:flex;gap:8px;align-items:center;margin-top:14px}.checkbox-row input{width:auto}.notice{padding:12px 14px;background:#fff7e9;border:1px solid #eeddb9;border-radius:6px;color:#7c5b20;font-size:11px;line-height:1.6;margin-top:16px}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{padding:30px 22px}.brand-mobile{display:flex}.app{display:block}.sidebar{position:fixed;z-index:15;left:-260px;width:238px;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-header{height:62px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.mobile-header .brand-mark{width:28px;height:28px;font-size:16px}.mobile-header .avatar{width:31px;height:31px}.page-header{height:auto;padding:18px 18px 14px}.page-header h1{font-size:21px}.header-actions input{display:none}.content{padding:18px 14px 42px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:14px;min-height:118px}.kpi strong{font-size:20px}.toolbar{align-items:flex-start}.toolbar>.button{white-space:nowrap}.quick-grid{grid-template-columns:1fr 1fr;gap:9px}.employee-hero{align-items:flex-start;flex-direction:column}.hero-number{text-align:left}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.modal{padding:10px}.modal-card{max-height:96vh}.page-header .eyebrow{margin-bottom:4px}.payroll-total{display:none}}
@media(max-width:410px){.kpi-grid,.quick-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar-group{width:100%}.segmented{width:100%}.segmented button{flex:1}}
.kpi-icon{width:40px;font-size:10px}

/* Doctor Wealth brand theme */
:root{--ink:#221f1a;--muted:#766f64;--line:#e4ded2;--paper:#f5f5f3;--green:#211d18;--green-2:#a47526;--mint:#f3e7ca;--coral:#b95f4a;--gold:#c49a47;--shadow:0 12px 32px rgba(42,34,21,.09)}
.login-visual{background:linear-gradient(145deg,rgba(27,23,18,.96),rgba(65,49,25,.93)),radial-gradient(circle at 70% 30%,#8d682e 0,transparent 42%)}
.brand-logo{display:block;width:min(390px,100%);height:auto;object-fit:contain}.brand-logo.dark{filter:sepia(.8) saturate(1.35) brightness(.64)}
.sidebar>.brand .brand-logo{width:184px}.mobile-header .brand-logo{width:155px}.brand-mobile .brand-logo{width:260px}
.button.primary,.segmented button.active,.avatar{background:linear-gradient(135deg,#8c641f,#c49a47);color:#fff}.button.primary:hover{filter:brightness(.94)}
.nav-button.active{background:#f3e7ca;color:#6f4d17}.kpi-icon{background:#f3e7ca;color:#7d571a}.employee-hero{background:linear-gradient(135deg,#211d18,#5b4424)}
.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.employee-name-cell{display:flex;align-items:center;gap:10px}.employee-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#f3e7ca;color:#6f4d17;font-weight:800}.employee-avatar.small{width:36px;height:36px;flex-basis:36px}.employee-avatar img{width:100%;height:100%;object-fit:cover}.employee-photo-field{display:flex;align-items:center;gap:16px;padding:16px 0 4px;border-bottom:1px solid var(--line)}.employee-photo-preview{width:84px;height:84px;flex:0 0 84px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#f3e7ca;color:#6f4d17;font-size:28px;font-weight:800}.employee-photo-preview img{width:100%;height:100%;object-fit:cover}.employee-photo-controls{display:grid;gap:5px}.employee-photo-controls>span{font-size:11px;color:var(--muted)}.employee-photo-controls>div{display:flex;gap:8px;margin-top:5px}.photo-upload-button{display:inline-flex;margin:0;align-items:center}.photo-upload-button input{display:none}
.dayoff-panel{margin-top:16px}.dayoff-person select{min-width:310px}.dayoff-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.dayoff-legend span{display:flex;align-items:center;gap:5px}.dayoff-legend span:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--line)}.dayoff-legend .approved:before{background:#4d9a82}.dayoff-legend .pending:before{background:#d7a84c}.dayoff-legend .incident:before{background:#c76757}.dayoff-calendar{padding:16px 18px}.dayoff-weekdays,.dayoff-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.dayoff-weekdays{margin-bottom:6px}.dayoff-weekdays span{text-align:center;font-size:10px;font-weight:800;color:var(--muted);padding:5px}.dayoff-empty{min-height:76px}.dayoff-day{min-width:0;height:76px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:8px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.dayoff-day:hover{border-color:#9a7a3a;background:#fffdf8}.dayoff-day b{font-size:14px}.dayoff-day span,.dayoff-day small{font-size:9px;line-height:1.2;white-space:normal}.dayoff-day.approved{background:#e4f0eb;border-color:#6ba793;color:#225e50}.dayoff-day.pending{background:#fff3d8;border-color:#d7a84c;color:#7a5819}.dayoff-day.rejected{background:#f0f1f0;color:#8b928f;text-decoration:line-through}.dayoff-day.incident{background:#f6e5e1;border-color:#c76757;color:#914336}.dayoff-day[aria-pressed="true"]{box-shadow:inset 0 0 0 2px currentColor}.dayoff-day.unselected{opacity:.4;box-shadow:none;text-decoration:line-through}.dayoff-day:disabled{cursor:not-allowed}.dayoff-footer{border-top:1px solid var(--line);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.dayoff-footer>span{font-size:12px;font-weight:800;color:var(--green)}
@media(max-width:760px){.dayoff-person,.dayoff-person select{width:100%;min-width:0}.dayoff-calendar{padding:10px}.dayoff-weekdays,.dayoff-grid{gap:3px}.dayoff-empty{min-height:58px}.dayoff-day{height:58px;padding:5px 4px}.dayoff-day b{font-size:12px}.dayoff-day span,.dayoff-day small{font-size:7px}.dayoff-panel .panel-head{align-items:flex-start;flex-direction:column}.dayoff-footer{align-items:flex-start;flex-direction:column}.dayoff-footer .toolbar-group{width:100%}.dayoff-footer .button{flex:1;padding-left:8px;padding-right:8px}}
@media(max-width:410px){.dayoff-kpis{grid-template-columns:1fr 1fr}.dayoff-kpis .kpi{min-height:104px;padding:11px}.dayoff-kpis .kpi p{margin-top:8px}.dayoff-kpis .kpi small{font-size:8px}}
.status.PENDING{background:#fff1d9;color:#986819}.status.APPROVED{background:#e5efe7;color:#3c6b4b}.status.PURCHASED{background:#e1edf8;color:#315f8b}.status.RECEIVED{background:#dff1e9;color:#236a59}.status.REJECTED{background:#f7e1dd;color:#a84c3e}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.role-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:7px;padding:16px}.role-card h3{font-size:14px;margin:0 0 8px}.role-card p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}.role-card strong{display:block;color:var(--ink);margin-top:8px;font-size:11px}.proof-link{display:inline-flex;align-items:center;gap:6px;color:#815b1e;font-weight:700;text-decoration:none}.adjustment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.adjustment-grid .span-3{grid-column:1/-1}.leave-proof{width:44px;height:44px;object-fit:cover;border:1px solid var(--line);border-radius:4px}.form-hint{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}
@media(max-width:1050px){.role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar>.brand .brand-logo{width:180px}.mobile-header .brand-logo{width:145px}.role-grid{grid-template-columns:1fr 1fr}.adjustment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:410px){.role-grid,.adjustment-grid{grid-template-columns:1fr}}
.sidebar nav{overflow-y:auto;min-height:0}.stock-line{display:grid;grid-template-columns:130px minmax(180px,1fr) 90px 36px;gap:7px;align-items:center;margin:8px 0}.stock-line select,.stock-line input{padding:9px 10px}.consultant-line{display:grid;grid-template-columns:minmax(220px,1fr) 36px;gap:7px;align-items:center;margin:8px 0}.consultant-line select{padding:9px 10px}.linked-stock{padding:11px 13px;border:1px solid #e4d3ad;background:#fcf7ec;border-radius:6px;color:#76541b;font-size:11px;line-height:1.5}.row-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.order-line{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fbfdfc}.order-line-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.order-line-head strong{font-size:13px}
@media(max-width:760px){.stock-line{grid-template-columns:1fr 1fr 75px 34px}.order-line{grid-template-columns:1fr;padding:12px}.sidebar nav{padding-bottom:12px}}
@media(max-width:480px){.stock-line{grid-template-columns:1fr 1fr}.stock-line .icon-button,.consultant-line .icon-button{justify-self:end}}
.audit-action{display:inline-block;padding:4px 7px;border-radius:4px;background:var(--mint);color:#76541b;font-size:9px;font-weight:800}.audit-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-diff h3{font-size:12px;margin:18px 0 7px}.audit-diff pre{min-height:120px;max-height:320px;overflow:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f7f6f3;color:var(--ink);font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}
@media(max-width:760px){.audit-diff{grid-template-columns:1fr}}
.report-panel{margin-bottom:16px}.report-head{align-items:flex-start}.report-controls input{width:150px;padding:8px 10px}.report-controls select{width:min(360px,42vw);padding:8px 10px}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.report-summary .kpi{min-height:112px}.report-table{padding:0}@media(max-width:1050px){.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls select{width:min(100%,320px)}}@media(max-width:760px){.report-head{flex-direction:column}.report-controls,.report-controls input,.report-controls select,.report-controls button{width:100%}.report-summary{grid-template-columns:1fr 1fr;padding:12px}}@media(max-width:410px){.report-summary{grid-template-columns:1fr}}
.report-item-picker{display:flex;flex-wrap:wrap;gap:7px 10px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fffdf8}.report-item-picker .checkbox-row{margin:0;padding:7px 9px;border:1px solid #eadbb9;border-radius:6px;background:#fff;font-size:11px;color:#76541b}.report-item-picker input{width:auto}.filtered-report-summary{grid-template-columns:1.2fr .8fr .8fr 1fr}
@media(max-width:760px){.report-item-picker{padding:10px 12px}.report-item-picker .checkbox-row{flex:1 1 calc(50% - 10px)}.filtered-report-summary{grid-template-columns:1fr 1fr}}
.line-link-box{margin-top:22px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#fffdf8}.line-link-box label{margin:0}.line-link-box>span,.line-link-box>b{display:block;margin-top:8px;font-size:11px;line-height:1.55}.line-link-box>span{color:var(--muted);font-weight:500}.line-link-box>b{color:#9b473b}
.signature-box{margin-top:18px;border:1px solid var(--line);border-radius:7px;background:#fffdf8;padding:12px}.signature-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.signature-head strong{font-size:12px}.signature-pad{display:block;width:100%;height:190px;border:1px dashed #c9b37d;border-radius:6px;background:#fff;touch-action:none}.signature-view-meta{display:grid;gap:4px;margin-bottom:14px;color:var(--muted)}.signature-view-meta p{margin:0}.signature-preview{border:1px solid var(--line);border-radius:7px;background:#fffdf8;padding:14px}.signature-preview img{display:block;width:100%;max-height:320px;object-fit:contain}
.sales-commission-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:14px;margin:16px 0;padding:14px;border:1px solid #e4d3ad;border-radius:7px;background:#fcf7ec}.sales-commission-box label{margin:0}.commission-preview{display:grid;align-content:center;gap:4px}.commission-preview span,.commission-preview small{font-size:11px;color:var(--muted)}.commission-preview strong{font-size:18px;color:#76541b}@media(max-width:760px){.sales-commission-box{grid-template-columns:1fr}}
.deduction-editor{margin-top:18px;padding:14px;border:1px solid #e4d3ad;border-radius:7px;background:#fffdf8}.deduction-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.deduction-editor-head span,.deduction-base span{display:block;color:var(--muted);font-size:11px;font-weight:700}.deduction-editor-head strong{display:block;margin-top:4px;font-size:24px;color:#8b611f}.deduction-editor-grid{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(220px,1fr);gap:12px;margin-top:13px;align-items:end}.deduction-editor-grid label{margin:0}.deduction-base{padding:12px;border:1px solid var(--line);border-radius:6px;background:#fff}.deduction-base strong{display:block;margin-top:4px;font-size:18px}.deduction-base small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.deduction-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
@media(max-width:760px){.deduction-editor-grid{grid-template-columns:1fr}.deduction-editor-head{align-items:stretch;flex-direction:column}.deduction-actions .button{flex:1}}
.login-remember{font-weight:650;color:var(--muted);margin-top:16px}
.time-helper{display:grid;align-content:end;gap:7px;margin-top:22px}.time-helper span{font-size:10px;color:var(--muted);line-height:1.45}
.month-selector{width:auto;margin:0;display:flex;align-items:center;gap:8px;border:1px solid #e4d3ad;background:#fffaf0;color:#76541b;border-radius:6px;padding:5px 7px 5px 10px;font-size:10px;font-weight:850;white-space:nowrap}.month-selector input{width:126px;border:0;background:#fff;padding:6px 8px;color:#221f1a;box-shadow:none}.month-selector input:focus{border:0;box-shadow:0 0 0 2px rgba(164,117,38,.18)}
.other-deduction-help{margin-top:10px;padding:10px 12px;border:1px solid #eadbb9;border-radius:6px;background:#fffaf0;color:#76541b;font-size:11px;font-weight:500;line-height:1.55}.other-deduction-head{display:grid;grid-template-columns:minmax(180px,1fr) 130px 36px;gap:8px;margin-top:12px;color:var(--muted);font-size:10px;font-weight:850}
.other-deduction-line{display:grid;grid-template-columns:minmax(180px,1fr) 130px 36px;gap:8px;align-items:center;margin-top:10px}.other-deduction-line input{padding:9px 10px}.other-deduction-line .icon-button{width:36px;height:36px}.other-deduction-line>.status{grid-column:1/-1;justify-self:start}
.supply-item-line{display:grid;grid-template-columns:minmax(190px,1.3fr) 86px 90px 120px minmax(150px,1fr) 36px;gap:8px;align-items:center;margin-top:10px}.supply-item-line input{padding:9px 10px}.supply-item-line .icon-button{width:36px;height:36px}.readonly-total{display:flex;align-items:center;min-height:43px;border:1px solid var(--line);border-radius:6px;background:#f8faf9;padding:0 13px;font-weight:800;color:var(--green)}
.marketing-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.marketing-grid .alert-item{margin-bottom:10px}.marketing-grid .alert-item:last-child{margin-bottom:0}
@media(max-width:760px){.header-actions .month-selector{display:flex}.header-actions .month-selector.hidden{display:none!important}.header-actions .month-selector input{display:block;width:122px}}
@media(max-width:760px){.other-deduction-head,.other-deduction-line{grid-template-columns:1fr 120px 34px}}
@media(max-width:760px){.supply-item-line{grid-template-columns:1fr 86px 90px}.supply-item-line input:nth-child(5){grid-column:1/-2}.supply-item-line .icon-button{justify-self:end}}
@media(max-width:760px){.marketing-grid{grid-template-columns:1fr}}
@media(max-width:480px){.other-deduction-head{display:none}.other-deduction-line{grid-template-columns:1fr}.other-deduction-line .icon-button{justify-self:end}}
@media(max-width:480px){.supply-item-line{grid-template-columns:1fr}.supply-item-line input:nth-child(5){grid-column:auto}.supply-item-line .icon-button{justify-self:end}}
.marketing-timeline{display:grid;gap:12px;padding:16px 18px}.marketing-post{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fffdf8}.marketing-post-date{display:grid;align-content:start;justify-items:center;gap:3px;padding:9px;border-radius:6px;background:#f3e7ca;color:#76541b}.marketing-post-date b{font-size:22px;line-height:1}.marketing-post-date span{font-size:10px;font-weight:800}.marketing-post-body{min-width:0}.marketing-post-head{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.marketing-post h3{margin:9px 0 7px;font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.marketing-post p{margin:0;color:var(--muted);font-size:11px}.marketing-post .row-actions{margin-top:12px;justify-content:flex-start}.marketing-post a.button{text-decoration:none;display:inline-flex;align-items:center}
.marketing-ai h3{margin:0 0 12px;font-size:18px;color:#76541b}.marketing-ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.75fr);gap:12px}.marketing-recommendations{padding:13px;border:1px solid #eadbb9;border-radius:7px;background:#fffaf0}.marketing-recommendations strong{display:block;font-size:12px;margin-bottom:8px;color:#76541b}.marketing-recommendations p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.marketing-week-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.marketing-week-row div{padding:10px;border:1px solid var(--line);border-radius:6px;background:#fff}.marketing-week-row b{display:block;color:#76541b}.marketing-week-row span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:38px;padding:5px 7px;border-radius:99px;background:#edf0ef;color:#67736f;font-size:11px;font-weight:900}.score-pill.high{background:#dfefe7;color:#236a59}.score-pill.mid{background:#fff1d9;color:#986819}.score-pill.low{background:#f6e5e1;color:#914336}.score-pill.empty{background:#edf0ef;color:#67736f}.marketing-post-score{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.marketing-post-score b{font-size:11px;color:#76541b}
@media(max-width:760px){.marketing-timeline{padding:12px}.marketing-post{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:11px}.marketing-post-date{padding:7px 5px}.marketing-post-date b{font-size:18px}.marketing-post h3{font-size:13px;-webkit-line-clamp:4}.marketing-post .row-actions .button{flex:1;justify-content:center}}
@media(max-width:760px){.marketing-ai-grid{grid-template-columns:1fr}.marketing-week-row{grid-template-columns:1fr 1fr}.marketing-ai h3{font-size:16px}}