:root{--bg:#f5f5f5;--paper:#ffffff;--ink:#333333;--muted:#8f8f8f;--taupe:#858585;--line:#e8e8e8;--green:#777777;--amber:#878787}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{transition:background .2s cubic-bezier(.2,.8,.2,1),transform .2s}button:hover{filter:brightness(.97);transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--taupe);outline-offset:3px}a{text-decoration:none;color:inherit}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:#ececec;border-right:1px solid #e0e0e0;padding:28px 17px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:650;letter-spacing:1px}.monogram{font:italic 29px Georgia;color:var(--taupe);letter-spacing:-7px;width:40px;display:block}.brand small,small{display:block;font-size:11px;color:var(--muted);letter-spacing:.2px;margin-top:5px;font-weight:400}.workspace{margin:31px 0 25px;padding:12px;background:#f9f9f9;border-radius:9px;font-size:10px;color:var(--muted)}.workspace span{display:block;font-size:12px;color:#595959;margin-top:7px}.navlabel{font-size:10px;color:var(--muted);padding:0 12px 12px;letter-spacing:1px;display:flex;justify-content:space-between}.navlabel span{font-size:9px;background:#dddddd;padding:2px 5px;border-radius:3px}nav a{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:4px 0;border-radius:8px;color:#6f6f6f}nav a.active{background:#d9d9d9;color:#646464;font-weight:600}nav a:hover{background:#e4e4e4}.navicon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}nav em{margin-left:auto;background:#c4c4c4;font:10px sans-serif;padding:2px 5px;border-radius:4px}.sidebottom{margin-top:auto;padding:16px 8px 0}.localdot{font-size:10px;color:#7d7d7d}.localdot:before{content:'';width:5px;height:5px;background:#858585;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:2px}.sidebottom p{color:var(--muted);font-size:11px;line-height:1.9}.user{border-top:1px solid #dcdcdc;padding-top:19px;margin-top:19px;display:flex;gap:10px;align-items:center}.user>span:last-child{margin-left:auto}.avatar{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;background:#e6e6e6;border-radius:10px;color:#818181;font-size:12px;flex-shrink:0}.avatar.tiny{width:28px;height:28px}.shell{margin-left:222px}header{height:66px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfbfb;font-size:11px;color:#8d8d8d}header span{margin:0 11px}header b{color:#5b5b5b;font-weight:500}.topright{display:flex;align-items:center;gap:12px}.iconbtn{background:transparent;border:0;position:relative;font-size:20px;color:#717171}.iconbtn i{position:absolute;right:-3px;top:-3px;background:#c6c6c6;color:#616161;font:9px sans-serif;border-radius:8px;padding:2px 4px}main{padding:29px 32px;min-height:calc(100vh - 107px);max-width:1700px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d8d8d;margin-bottom:8px}h1{font-size:25px;letter-spacing:.6px;font-weight:600;margin:0 0 9px}h2{font-size:14px;font-weight:600;margin:0}h3{font-size:15px;margin:0 0 18px}p{color:#818181;line-height:1.7;margin:0}button,.btn{padding:9px 14px;border:1px solid #dcdcdc;border-radius:7px;background:white;color:#686868;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--taupe);border-color:var(--taupe);color:white}.actions{display:flex;gap:9px;align-items:center}.banner{padding:11px 16px;border-radius:8px;background:#e8e8e8;color:#737373;display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:22px}.banner a{margin-left:auto;white-space:nowrap}.tag{display:inline-block;padding:4px 7px;border-radius:4px;font-size:10px;white-space:nowrap;background:#ededed;color:#7d7d7d}.tag.green{background:#f0f0f0;color:#797979}.tag.amber{background:#f0f0f0;color:#858585}.tag.purple{background:#f1f1f1;color:#999999}.tag.blue{background:#f2f2f2;color:#939393}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.metric{background:#ffffff;border-radius:10px;padding:18px 21px;box-shadow:0 2px 7px #29292911}.metric .label{font-size:11px;color:#868686;display:flex;justify-content:space-between}.metric strong{display:block;font:500 32px -apple-system,sans-serif;letter-spacing:-1px;margin:11px 0}.metric strong small{display:inline;font-size:11px;margin-left:7px}.metric p{font-size:10px}.green-text{color:var(--green)}.amber-text{color:var(--amber)}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px;margin-bottom:21px}.card{background:white;border-radius:11px;box-shadow:0 2px 8px #29292909;overflow:hidden}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #efefef}.link{border:0;padding:0;background:none;color:#808080;font-size:11px}.cardbody{padding:20px}.todo{display:flex;gap:13px;align-items:center;padding:15px 20px;border-bottom:1px solid #f0f0f0}.todo:last-child{border:0}.todo .symbol{border-radius:8px;background:#f0f0f0;color:#959595;width:35px;height:35px;display:grid;place-items:center;font-size:16px}.todo p{font-size:11px;margin-top:5px}.todo>button{margin-left:auto;font-size:10px}.distribution{display:flex;height:12px;gap:3px;border-radius:4px;overflow:hidden;margin:24px 0}.distribution span{background:var(--c);width:var(--w)}.legend{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.legend div{display:flex;justify-content:space-between;font-size:11px}.legend i{width:6px;height:6px;background:var(--c);display:inline-block;margin-right:7px;border-radius:2px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{background:#f4f4f4;color:#808080;font-weight:500;padding:12px 17px}td{padding:13px 17px;border-bottom:1px solid #ececec}tbody tr:hover{background:#fafafa}tbody tr:last-child td{border:0}.person{display:flex;align-items:center;gap:10px}.person b{font-weight:500;font-size:12px}.person small{font-size:9px;margin-top:4px}.toolbar{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar .count{margin-left:auto;font-size:10px;color:var(--muted)}input,select,textarea{background:#ffffff;border:1px solid #dddddd;border-radius:6px;padding:9px 11px;color:#666666;min-width:0}input::placeholder{color:#a1a1a1}input[type=search]{width:240px}.sectionfoot{padding:13px 20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.shortcut{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shortcut a{display:flex;align-items:center;gap:12px;border:1px solid #e7e7e7;padding:16px;border-radius:8px}.shortcut a:hover{background:#f7f7f7}.shortcut svg{width:22px;height:22px;color:#8a8a8a}.shortcut small{font-size:10px}.statline{display:flex;gap:17px;margin-bottom:20px}.statline .tag{padding:8px 12px}footer{display:flex;justify-content:space-between;padding:14px 32px;color:#a0a0a0;font-size:9px;border-top:1px solid var(--line)}.shift{display:flex;gap:9px}.shift .tag{padding:9px}.importcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.upload{border:1px dashed #bcbcbc;border-radius:10px;padding:23px;background:#fcfcfc;position:relative}.upload p{font-size:11px;margin:10px 0 15px}.upload input{max-width:100%;font-size:11px}.hint{background:#f1f1f1;padding:12px 14px;border-radius:7px;color:#868686;font-size:11px;line-height:1.8;margin:15px 0}.sopgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sop{padding:22px}.sop .tag{margin-bottom:15px}.sop h3{margin-bottom:10px}.sop p{font-size:11px;min-height:40px}.progress{height:4px;background:#ececec;border-radius:3px;margin:20px 0 8px}.progress span{display:block;background:#a1a1a1;height:100%;border-radius:3px}.sopfoot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:#939393;font-size:10px}[hidden]{display:none!important}#overlay{position:fixed;inset:0;z-index:20}.shade{position:absolute;inset:0;background:#2b2b2b50;backdrop-filter:blur(2px)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(640px,100%);background:#fdfdfd;padding:35px;overflow-y:auto;box-shadow:-10px 0 60px #2f2f2f17;animation:enter .25s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}.close{position:absolute;right:22px;top:22px;border:0;font-size:26px;padding:1px 8px;background:transparent}.profile{display:flex;gap:15px;align-items:center;margin:28px 0}.profile .avatar{width:54px;height:54px;font-size:20px}.profile h2{font-size:22px;margin-bottom:5px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs button{border:0;border-radius:0;padding:10px 0;background:none;color:#818181}.tabs button.active{color:#7a7a7a;border-bottom:2px solid #7a7a7a}.fields{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin-bottom:28px}.fields label{color:#909090;font-size:11px;display:block;margin-bottom:8px}.fields b{font-weight:500}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid label{font-size:11px;color:#7d7d7d}.formgrid input,.formgrid select{display:block;width:100%;margin-top:8px}.wide{grid-column:1/-1}.paytotal{padding:24px;background:#e5e5e5;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin:20px 0}.paytotal strong{font-size:27px}.payrow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e7e7e7}.doc{font-size:12px;line-height:2;color:#6a6a6a}.doc h3{margin-top:25px}.bottomactions{display:flex;gap:12px;margin-top:25px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#565656;color:#ffffff;padding:12px 23px;border-radius:8px;z-index:30;pointer-events:none;transition:all .25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty{padding:50px;text-align:center;color:#909090}.checkrow{display:flex;gap:10px;align-items:start;margin-bottom:15px}.checkrow input{margin-top:4px}.importresult{padding:15px;background:#f4f4f4;border-radius:8px;font-size:11px;line-height:1.9}.danger{color:#848484}@media(min-width:1600px){main{padding-top:38px}}@media(max-width:1100px){.sidebar{width:190px;padding:24px 12px}.shell{margin-left:190px}main{padding:25px 22px}.grid{grid-template-columns:1fr}.shortcut{grid-template-columns:1fr 1fr}.sopgrid{grid-template-columns:1fr 1fr}.metric{padding:15px}.metrics{gap:10px}}@media(max-width:700px){.sidebar{width:65px;padding:21px 8px}.brand{justify-content:center}.brand>div,.workspace,.navlabel,.sidebottom,nav a>span,nav em{display:none}.monogram{font-size:25px}nav{margin-top:30px}nav a{padding:13px;justify-content:center}.shell{margin-left:65px}header{padding:0 16px}header>div:first-child{font-size:9px}header span{margin:0 4px}.topright .localdot{display:none}main{padding:22px 15px}.pagehead{align-items:flex-start;gap:14px;flex-wrap:wrap}h1{font-size:22px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:27px}.grid,.importcards,.sopgrid{grid-template-columns:1fr}.banner{line-height:1.7;align-items:start}.shift{flex-wrap:wrap}footer{padding:12px 15px;gap:10px;line-height:1.6}footer span:last-child{max-width:180px}.drawer{padding:27px 22px}.shortcut{gap:8px}.shortcut a{padding:11px}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.toolbar .count{margin-left:0}.toolbar input[type=search]{width:100%}}

.card,.metric{min-width:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric p{overflow-wrap:anywhere}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric strong{font-size:24px;overflow-wrap:anywhere}.statline{flex-wrap:wrap}}
/* Monochrome technology theme — requested visual revision */
:root{--bg:#0a0a0a;--paper:#131313;--ink:#eeeeee;--muted:#7e7e7e;--taupe:#e8e8e8;--line:#282828;--green:#c3c3c3;--amber:#dcdcdc}body{background:#0a0a0a;color:#eeeeee;-webkit-font-smoothing:antialiased}.sidebar{background:#0e0e0e;border-right:1px solid #2c2c2c}.brand{font-size:17px;color:#f5f5f5}.brand small{color:#787878}.monogram{color:#ffffff;font-style:normal;font-weight:500;font-family:Georgia,serif}.workspace{background:#171717;border:1px solid #2c2c2c;border-radius:5px;color:#757575}.workspace span{color:#c9c9c9}.navlabel{color:#7a7a7a}.navlabel span{background:#2d2d2d;color:#c5c5c5}nav a{color:#939393;border-radius:5px;position:relative}nav a.active{background:#eaeaea;color:#191919;box-shadow:0 0 22px #ffffff08}nav a.active:after{content:'';position:absolute;right:10px;width:4px;height:4px;background:#191919}nav a:hover{background:#252525;color:#ffffff}nav a.active:hover{background:#ffffff;color:#191919}nav em{background:#d1d1d1;color:#373737}.localdot{color:#9a9a9a}.localdot:before{background:#e0e0e0;box-shadow:0 0 7px #ffffff55}.sidebottom p{color:#797979}.user{border-color:#2d2d2d}.avatar{background:#2d2d2d;color:#e5e5e5;border:1px solid #3d3d3d;border-radius:5px}.shell{background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:32px 32px}header{background:#0e0e0e;border-color:#2a2a2a;color:#797979}header b{color:#d6d6d6}.iconbtn{color:#c1c1c1}.iconbtn i{background:#e8e8e8;color:#1a1a1a}.eyebrow{font-family:"SFMono-Regular",Menlo,monospace;font-size:9px;letter-spacing:2.6px;color:#8e8e8e}.eyebrow:before{content:'// ';color:#dadada}h1{font-size:26px;letter-spacing:1px;font-weight:600}h2{letter-spacing:.4px}p{color:#8e8e8e}button,.btn{border-color:#3a3a3a;background:#1a1a1a;color:#d8d8d8;border-radius:4px}button:hover{background:#292929;filter:none}.primary{background:#ededed;color:#161616;border-color:#ededed;font-weight:600}.primary:hover{background:#ffffff;box-shadow:0 0 20px #ffffff16}.primary:disabled{background:#3e3e3e;color:#b9b9b9;border-color:#3e3e3e;cursor:default}.banner{background:#191919;border:1px solid #363636;border-left:2px solid #c2c2c2;color:#bcbcbc;border-radius:4px;font-size:11px}.banner a{color:#f0f0f0}.metric{background:linear-gradient(135deg,#1c1c1c,#131313);border:1px solid #313131;border-radius:6px;box-shadow:inset 0 1px #ffffff05;position:relative}.metric:after{content:'';width:6px;height:6px;border-top:1px solid #838383;border-right:1px solid #838383;position:absolute;top:6px;right:6px}.metric .label{color:#9a9a9a}.metric strong{font-family:"SFMono-Regular",Menlo,monospace;letter-spacing:-1px;font-size:31px;font-weight:500;color:#f4f4f4}.metric strong small{color:#a4a4a4;font:11px -apple-system,sans-serif}.metric p{color:#7a7a7a}.green-text,.amber-text{color:#f1f1f1}.card{background:#141414;border:1px solid #2f2f2f;border-radius:6px;box-shadow:0 8px 24px #00000014}.cardhead{border-color:#2d2d2d;background:#161616}.cardhead .muted{color:#868686}.link{color:#c7c7c7;background:none;border:0}.link:hover{color:#ffffff;background:none}.todo{border-color:#2a2a2a}.todo .symbol{background:#272727;color:#e2e2e2;border:1px solid #3b3b3b;border-radius:4px}.todo p{color:#888888}.tag,.tag.green,.tag.amber,.tag.blue,.tag.purple{border:1px solid #3c3c3c;background:#2b2b2b;color:#cdcdcd;border-radius:3px;font-family:"SFMono-Regular",Menlo,-apple-system,sans-serif;font-size:10px}.tag.green{background:#262626;color:#d8d8d8;border-color:#454545}.tag.amber{background:#313131;color:#f1f1f1;border-color:#6a6a6a}.tag.purple{background:#282828;color:#c4c4c4}.tag.blue{background:#252525;color:#bebebe}.distribution{border-radius:2px}.legend{color:#b3b3b3}.legend b{color:#e5e5e5;font-family:"SFMono-Regular",Menlo,monospace}th{background:#212121;color:#a5a5a5;border-bottom:1px solid #3c3c3c;font-size:10px}td{border-color:#2b2b2b;color:#c7c7c7}tbody tr:hover{background:#1f1f1f}.person b{color:#e9e9e9}.person small{color:#7d7d7d;font:9px "SFMono-Regular",Menlo,monospace}.toolbar{border-color:#303030}input,select,textarea{background:#131313;border-color:#3f3f3f;color:#e0e0e0;border-radius:4px;color-scheme:dark}input::placeholder{color:#727272}input:focus,select:focus,textarea:focus{border-color:#ababab;outline:1px solid #ababab;outline-offset:1px}input[type=checkbox]{accent-color:#e2e2e2}.sectionfoot{border-top:1px solid #2d2d2d;color:#808080}.shortcut a{border-color:#3a3a3a;background:#1a1a1a;border-radius:4px;color:#e0e0e0}.shortcut a:hover{background:#2b2b2b}.shortcut svg{color:#cccccc}.shortcut small{color:#898989}footer{border-color:#2c2c2c;color:#727272;font-family:"SFMono-Regular",Menlo,-apple-system,sans-serif;font-size:9px}.upload{background:#171717;border-color:#666666;border-radius:5px}.upload h3{color:#e8e8e8}.upload p{color:#919191}.hint,.importresult{background:#242424;color:#ababab;border:1px solid #3f3f3f;border-radius:4px}.importresult{background:#242424!important}.sop p{color:#969696}.progress{background:#323232;border-radius:1px}.progress span{background:#b8b8b8;border-radius:1px}.sopfoot{color:#8b8b8b}.shade{background:#00000090}.drawer{background:#141414;color:#e7e7e7;border-left:1px solid #4a4a4a;box-shadow:-15px 0 80px #00000066}.close{background:transparent;color:#c7c7c7}.tabs{border-color:#3c3c3c}.tabs button{color:#9d9d9d}.tabs button.active{color:#ffffff;border-color:#e9e9e9}.fields label,.formgrid label{color:#929292}.fields b{color:#dfdfdf}.paytotal{background:#2f2f2f;border:1px solid #585858;color:#e4e4e4;border-radius:5px}.paytotal strong{color:#ffffff;font-family:"SFMono-Regular",Menlo,monospace}.payrow{border-color:#3b3b3b}.doc{color:#b3b3b3}.doc h3{color:#ededed}.danger{color:#dadada}#toast{background:#f0f0f0;color:#212121;border:1px solid #ffffff;border-radius:4px;box-shadow:0 5px 30px #00000088}.empty{color:#9b9b9b}button:focus-visible,a:focus-visible{outline-color:#c7c7c7}.muted{color:#898989}.drawer .profile p{color:#a1a1a1}small{color:#8e8e8e}button svg{color:inherit}@media(max-width:700px){h1{font-size:22px}.metric strong{font-size:23px}}
.keywordcell{max-width:260px;min-width:170px;white-space:normal;line-height:2.3}.contracttag{margin:2px 5px 2px 0;font-family:inherit}.keywordlist{display:flex;flex-wrap:wrap;gap:5px}.editcontract{padding:6px 10px;font-size:10px;background:#ddd;color:#141414;border-color:#ddd}.editcontract:hover{background:#fff}.keywordeditor{margin:28px 0}.keywordoptions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 21px}.keywordchoice{position:relative;cursor:pointer;display:inline-flex}.keywordchoice input{position:absolute;opacity:0;width:1px;height:1px}.keywordchoice span{display:block;border:1px solid #444;padding:9px 13px;border-radius:4px;color:#999;background:#191919;transition:all .2s}.keywordchoice input:checked+span{background:#ededed;color:#111;border-color:#fff}.keywordchoice input:checked+span:before{content:'✓ ';font-size:10px}.keywordchoice input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.customlabel{display:block;font-size:11px;color:#aaa}.customlabel input,.customlabel textarea{display:block;width:100%;margin-top:9px}.customlabel small{font-size:10px;line-height:1.7}.contractnotes{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;color:#bbb;background:#181818;border:1px solid #333;border-radius:5px;padding:17px;min-height:90px;font-size:12px}.contracttag{border-color:#565656;color:#e3e3e3;background:#252525}
/* White surface, black emphasis — final requested theme */
:root{--bg:#f7f7f7;--paper:#fff;--ink:#151515;--muted:#777;--taupe:#161616;--line:#e7e7e7;--green:#414141;--amber:#303030}body{background:#f7f7f7;color:#191919}.sidebar{background:#fff;border-color:#e4e4e4}.brand,.monogram{color:#111}.brand small{color:#888}.workspace{background:#f7f7f7;border-color:#e8e8e8;color:#888}.workspace span{color:#333}.navlabel{color:#929292}.navlabel span{background:#ededed;color:#666}nav a{color:#777}nav a.active,nav a.active:hover{background:#171717;color:#fff;box-shadow:none}nav a.active:after{background:#fff}nav a:hover{background:#f1f1f1;color:#111}nav em{background:#e8e8e8;color:#222}.localdot{color:#777}.localdot:before{background:#333;box-shadow:none}.sidebottom p{color:#999}.user{border-color:#e7e7e7}.avatar{background:#f0f0f0;border-color:#e2e2e2;color:#444}.shell{background-color:#f8f8f8;background-image:linear-gradient(#00000002 1px,transparent 1px),linear-gradient(90deg,#00000002 1px,transparent 1px)}header{background:#fff;border-color:#e7e7e7;color:#999}header b{color:#333}.iconbtn{color:#333}.iconbtn i{background:#171717;color:#fff}.eyebrow{color:#909090}.eyebrow:before{color:#333}h1,h2,h3{color:#151515}p{color:#808080}button,.btn{background:#fff;border-color:#dcdcdc;color:#444}button:hover{background:#f1f1f1}.primary,.primary:hover{background:#171717;border-color:#171717;color:#fff;box-shadow:none}.primary:hover{background:#333}.primary:disabled{background:#e7e7e7;color:#888;border-color:#ddd}.banner{background:#f1f1f1;border-color:#e1e1e1;border-left-color:#222;color:#666}.banner a{color:#111}.metric{background:#fff;border-color:#e5e5e5;box-shadow:0 2px 7px #00000003}.metric:after{border-color:#aaa}.metric .label{color:#888}.metric strong{color:#111}.metric strong small{color:#888}.metric p{color:#999}.green-text,.amber-text{color:#222}.card{background:#fff;border-color:#e4e4e4;box-shadow:0 2px 8px #00000003}.cardhead{background:#fff;border-color:#ebebeb}.cardhead .muted{color:#999}.link,.link:hover{color:#222;background:transparent}.todo{border-color:#ededed}.todo .symbol{background:#f5f5f5;border-color:#e6e6e6;color:#444}.todo p{color:#888}.tag,.tag.green,.tag.amber,.tag.blue,.tag.purple{background:#f2f2f2;border-color:#e4e4e4;color:#666}.tag.amber{color:#222;border-color:#cfcfcf;background:#ededed}.legend{color:#777}.legend b{color:#222}th{background:#f5f5f5;border-color:#e3e3e3;color:#777}td{border-color:#ececec;color:#555}tbody tr:hover{background:#fafafa}.person b{color:#222}.person small{color:#999}.toolbar{border-color:#e9e9e9}input,select,textarea{background:#fff;border-color:#dcdcdc;color:#333;color-scheme:light}input::placeholder{color:#aaa}input:focus,select:focus,textarea:focus{border-color:#555;outline-color:#555}input[type=checkbox]{accent-color:#111}.sectionfoot{border-color:#ededed;color:#999}.shortcut a{background:#fff;border-color:#e4e4e4;color:#222}.shortcut a:hover{background:#f6f6f6}.shortcut svg{color:#444}.shortcut small{color:#888}footer{border-color:#e5e5e5;color:#aaa}.upload{background:#fff;border-color:#bbb}.upload h3{color:#222}.upload p{color:#888}.hint,.importresult{background:#f5f5f5;border-color:#e4e4e4;color:#777}.importresult{background:#f5f5f5!important}.sop p{color:#888}.progress{background:#eee}.progress span{background:#333}.sopfoot{color:#999}.shade{background:#00000040}.drawer{background:#fff;color:#222;border-color:#ddd;box-shadow:-15px 0 80px #00000010}.close{background:transparent;color:#555}.tabs{border-color:#e3e3e3}.tabs button{color:#888}.tabs button.active{color:#111;border-color:#111}.fields label,.formgrid label{color:#888}.fields b{color:#222}.paytotal{background:#f4f4f4;border-color:#ddd;color:#444}.paytotal strong{color:#111}.payrow{border-color:#e8e8e8}.doc{color:#666}.doc h3{color:#222}.danger{color:#222}#toast{background:#191919;border-color:#333;color:#fff;box-shadow:0 5px 30px #00000015}.empty{color:#999}button:focus-visible,a:focus-visible{outline-color:#333}.muted,small{color:#999}.drawer .profile p{color:#777}.editcontract{background:#191919;border-color:#191919;color:#fff}.editcontract:hover{background:#333}.keywordchoice span{background:#fff;border-color:#ddd;color:#888}.keywordchoice input:checked+span{background:#171717;border-color:#171717;color:#fff}.keywordchoice input:focus-visible+span{outline-color:#333}.customlabel{color:#777}.contractnotes{background:#f8f8f8;border-color:#e5e5e5;color:#666}.contracttag{background:#efefef;border-color:#ddd;color:#444}
.wagetabs{display:flex;gap:6px;margin:0 0 20px;padding:4px;background:#ededed;border:1px solid #e4e4e4;border-radius:6px;width:fit-content}.wagetabs button{background:transparent;border-color:transparent;color:#777}.wagetabs button.selected{background:#191919;color:#fff;border-color:#191919}.wageschemes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px}.wagescheme{border:1px solid #e4e4e4;border-radius:6px;min-width:0;overflow:hidden}.wageschemehead{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fafafa;border-bottom:1px solid #e8e8e8;gap:10px}.wageschemehead>div{display:flex;gap:10px;align-items:center}.wageschemehead h3{margin:0;font-size:14px}.wageschemehead button{font-size:10px;padding:7px 10px;color:#222}.wagescheme td,.wagescheme th{white-space:normal;padding:11px 13px;font-size:11px;line-height:1.7}.wagescheme td:first-child{min-width:100px}.wagescheme td:nth-child(2){width:62px}.wageschemenote{padding:12px 15px;background:#fafafa;color:#999;font-size:10px;line-height:1.8;border-top:1px solid #eaeaea}.wageRequirements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px}.wageRequirements b{font-size:12px}.wageRequirements p{font-size:11px;margin-top:9px}.wageeditrow{margin:20px 0;padding:16px;border:1px solid #e1e1e1;border-radius:5px;background:#fafafa}.wageedithead{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:11px}.wageeditrow .formgrid{gap:14px}.wageeditrow input,.wageeditrow select{margin-top:6px}.wagescheme .tag{font-family:inherit}@media(max-width:1200px){.wageschemes{grid-template-columns:1fr}}@media(max-width:700px){.wageschemes{padding:12px;gap:14px}.wageRequirements{grid-template-columns:1fr;gap:20px}.wageschemehead{padding:14px}.wagescheme td,.wagescheme th{padding:9px;font-size:10px}.wagetabs button{font-size:11px}.wagescheme td:first-child{min-width:80px}}
.bankbranch{max-width:230px;min-width:160px;white-space:normal;line-height:1.7}.bankbranch small{font-size:10px}.banknumber{font-family:"SFMono-Regular",Menlo,monospace;font-size:11px;color:#777;letter-spacing:.3px}.wagetabs{flex-wrap:wrap;max-width:100%}
.templatecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.templatecard{padding:22px;display:flex;flex-direction:column}.templatecard h2{font-size:19px;margin:10px 0 13px}.templatecard p{font-size:11px;overflow-wrap:anywhere;min-height:36px}.templatechips{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 23px}.templatecardfoot{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto}.templatecardfoot .primary{font-size:11px;padding:8px 10px}.tagcatalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:22px}.tagcatalog p{font-size:11px;margin:9px 0 5px}.tagcatalog small{font-size:9px}.builderheading{font-size:13px;margin:28px 0 17px}.composetags{display:flex;flex-wrap:wrap;gap:9px}.documentpreview{border:1px solid #ddd;background:#fff;padding:25px 21px;border-radius:5px}.documentpreview p{white-space:pre-wrap;color:#444;font:12px/1.9 -apple-system,"PingFang SC",sans-serif;margin:0 0 10px;overflow-wrap:anywhere}.documentpreview td{white-space:normal;font-size:11px;padding:9px}.documentpreview .tablewrap{margin:18px 0}.documentpreview table{border:1px solid #ddd}.documentpreview p:first-child{font-weight:600;font-size:17px;color:#111}#composeform textarea{width:100%;display:block;margin-top:7px}#generateerror,#composeerror{margin:12px 0;font-size:12px;line-height:1.7}@media(max-width:1250px){.templatecards{grid-template-columns:1fr}.templatecard p{min-height:0}.tagcatalog{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tagcatalog{grid-template-columns:1fr}.templatecard{padding:18px}.composetags{gap:7px}.documentpreview{padding:18px 12px}}
.compliancegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.complianceitem{padding:22px}.complianceitem h2{margin:14px 0 9px;line-height:1.6}.complianceitem>p{font-size:12px;margin-top:18px;line-height:1.9}.complianceitem>.link{font-size:11px;line-height:1.7}.complianceitem .hint{font-size:11px}@media(max-width:1100px){.compliancegrid{grid-template-columns:1fr}}
#leaveerror{color:#333;line-height:1.8;font-size:12px;margin-top:14px}.sidebar{overflow-y:auto}.sidebottom{padding-top:24px}#quotaform textarea,#leaverequestform textarea{display:block;width:100%;margin-top:8px}#leavePeople td{font-variant-numeric:tabular-nums}
#hrFormError,#accountError,#loginError{font-size:12px;color:#333;line-height:1.8;margin-top:14px}#hrForm textarea,#hrPersonForm textarea{width:100%;display:block;margin-top:8px}.sidebar nav a{padding-top:9px;padding-bottom:9px;margin:2px 0}.sidebar .sidebottom{padding-top:24px}.sidebar{scrollbar-width:thin}.wagetabs{margin-top:4px}
.sopreview{border:1px solid #ddd;border-radius:4px;padding:12px 14px;margin:10px 0;background:#fafafa;font-size:12px;line-height:1.8}.sopreview summary{cursor:pointer;color:#222;font-weight:600}.sopreview p{font-size:12px;margin:10px 0}.importedSop p{white-space:pre-wrap;overflow-wrap:anywhere}.importedSop th,.importedSop td{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}#sopReadError{font-size:12px;line-height:1.8;margin-top:12px}

/* Grouped navigation: white surface, black current page. */
#nav{flex-shrink:0}.nav-group{margin:4px 0}.sidebar .nav-group-toggle{display:flex;width:100%;justify-content:flex-start;gap:12px;padding:11px 14px;border:0;border-radius:5px;background:transparent;color:#666;font-size:12px;text-align:left;transform:none;box-shadow:none}.sidebar .nav-group-toggle:hover{background:#f3f3f3;color:#111}.nav-group-label{flex:1}.nav-chevron{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .16s}.nav-group-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(90deg)}.nav-group.has-current>.nav-group-toggle{color:#111;font-weight:600;background:#f2f2f2}.nav-children{margin:4px 0 8px 21px;border-left:1px solid #e2e2e2;padding-left:9px}.nav-children[hidden]{display:none!important}.sidebar nav .nav-child{padding:9px 10px;gap:9px;margin:3px 0;font-size:11px;border-radius:4px}.nav-child .navicon{width:14px;height:14px;flex-shrink:0}.sidebar nav .nav-child.active{background:#171717;color:#fff}.sidebar nav .nav-child.active:after{display:none}.nav-child.active em{background:#fff;color:#111}.sidebar #nav>a{margin-bottom:12px}.nav-group-toggle:focus-visible{outline:2px solid #333;outline-offset:2px}
@media(max-width:700px){.sidebar .nav-group-toggle{justify-content:center;padding:12px 0;gap:0}.nav-group-label,.nav-chevron{display:none}.nav-children{margin:3px 0 7px;padding:0;border:0}.sidebar nav .nav-child{justify-content:center;padding:10px 0}.nav-child .navicon{width:15px;height:15px}.sidebar #nav>a{padding:11px 0}.nav-group.has-current>.nav-group-toggle{box-shadow:inset 2px 0 #171717}}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}

/* Compact sidebar search; the wrapper owns its focus treatment. */
.sidebarsearch{position:relative;margin:0 16px 18px;z-index:20}
.sidebarsearchbox{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:#f3f3f3;border:0;border-radius:6px;box-shadow:inset 0 0 0 1px #00000005;transition:background 160ms cubic-bezier(.2,.8,.2,1),box-shadow 160ms cubic-bezier(.2,.8,.2,1)}
.sidebarsearchbox:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #00000024}
.sidebarsearchbox>span{display:flex;flex:0 0 14px;color:#909090}
.sidebarsearchbox svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#sidebarSearch{appearance:none;-webkit-appearance:none;display:block;flex:1;width:0;min-width:0;height:32px;margin:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;outline:none!important;box-shadow:none!important;font:inherit;font-size:11px;color:#292929;line-height:normal}
#sidebarSearch::placeholder{color:#959595;font-size:11px}
#sidebarSearch::-webkit-search-decoration,#sidebarSearch::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
#sidebarSearchResults{position:absolute;top:40px;left:0;right:0;width:auto;max-height:310px;overflow:auto;background:#fff;border:0;box-shadow:0 5px 18px #0000000b,inset 0 0 0 1px #0000000a;border-radius:7px;z-index:1;padding:4px}
#sidebarSearchResults[hidden]{display:none}
#sidebarSearchResults .sidebar-search-result{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;width:100%;min-height:36px;padding:8px;border:0;background:transparent;border-radius:4px;white-space:normal;font-size:11px;line-height:1.4;color:#333}
#sidebarSearchResults .sidebar-search-result b{font-size:11px;font-weight:500;overflow-wrap:anywhere}
#sidebarSearchResults .sidebar-search-result:hover,#sidebarSearchResults .sidebar-search-result:focus-visible{background:#f4f4f4;outline:none}
#sidebarSearchResults .sidebar-search-result small{display:none}
#sidebarSearchResults .sidebar-search-result:after{content:'↗';font-size:11px;font-weight:400;color:#aaa}
.sidebar-search-message{padding:11px 8px;font-size:10px;color:#999;line-height:1.5}

.issuerchoices{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.issuerchoices label{position:relative;flex:1;min-width:210px;cursor:pointer}.issuerchoices input{position:absolute;opacity:0;width:1px;height:1px}.issuerchoices span{display:block;padding:14px 12px;border-radius:5px;background:#f4f4f4;color:#555;text-align:center;font-size:12px;box-shadow:inset 0 0 0 1px #00000008}.issuerchoices input:checked+span{background:#171717;color:#fff;box-shadow:none}.issuerchoices input:focus-visible+span{outline:2px solid #999;outline-offset:2px}

.company-source-panel .cardhead{padding:16px 20px}.company-source-panel .cardhead h2{display:flex;align-items:center;gap:9px}.source-access-note{font-size:10px;color:#888}.company-source-list{padding:0 20px}.company-source-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0f0}.company-source-row:last-child{border-bottom:0}.company-file-icon{flex:0 0 34px;width:34px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#f1f1f1;color:#666;font:10px Menlo,monospace;letter-spacing:.3px}.company-file-icon.is-pdf{background:#eeeeee;color:#333}.company-file-main{flex:1;min-width:0}.company-source-panel a.company-file-title{display:block;width:fit-content;font-size:13px;line-height:1.5;font-weight:600;color:#171717;text-decoration:none}.company-source-panel a.company-file-title:hover{text-decoration:underline;text-underline-offset:3px}.company-file-meta{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;color:#888;margin-top:3px}.company-source-panel a.company-file-action{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;padding:7px 11px;border-radius:4px;background:#f5f5f5;font-size:11px;color:#222;white-space:nowrap;text-decoration:none}.company-source-panel a.company-file-action:hover{background:#181818;color:#fff}.company-source-footnote{border-top:1px solid #eee;padding:12px 20px;font-size:10px;line-height:1.8;color:#888;background:#fafafa}@media(max-width:600px){.company-source-list{padding:0 12px}.company-source-row{gap:9px}.company-source-panel a.company-file-title{font-size:12px}.company-source-panel a.company-file-action{padding:7px;font-size:10px;gap:5px}.source-access-note{display:none}}

.insurance-panel{margin-bottom:16px}.insurance-panel .cardhead{padding:18px 20px}.insurance-eyebrow{font-size:10px;color:#888;letter-spacing:.3px;margin-bottom:5px}.insurance-summary{display:grid;grid-template-columns:.75fr 1.2fr .85fr 1.5fr;gap:18px;padding:20px;border-bottom:1px solid #eee}.insurance-summary>div{display:flex;flex-direction:column;gap:7px}.insurance-summary>div>span{font-size:10px;color:#888}.insurance-summary strong{font-size:29px;font-weight:600;color:#141414;letter-spacing:-.5px;line-height:1.2}.insurance-summary strong small{font-size:11px;font-weight:400;color:#888}.insurance-summary strong.insurance-date{font-size:22px;line-height:1.6}.insurance-summary .insurance-policy b{font-size:12px;color:#333;overflow-wrap:anywhere}.insurance-policy small{font-size:10px}.insurance-review{margin:16px 20px;background:#faf8f3;border-radius:5px;padding:13px 15px;box-shadow:inset 3px 0 #a18b5d}.insurance-review-head{display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:12px}.insurance-review-head>b{color:#68532d}.insurance-review-head>span{font-size:10px;color:#999}.insurance-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.insurance-review-grid b{display:block;font-size:12px;color:#262626}.insurance-review-grid b span{display:block;font-size:10px;color:#8b6e38;font-weight:400;margin-top:5px}.insurance-review-grid p{font-size:10px;color:#777;margin:5px 0 0;line-height:1.6}.insurance-list-title{padding:6px 20px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.insurance-list-title h3{font-size:12px;margin:0}.insurance-list-title>span{font-size:10px;color:#888}.insurance-panel td{padding-top:10px;padding-bottom:10px}.insurance-panel td b{color:#222;font-weight:500}.insurance-flag{font-size:10px;color:#806435;background:#f5f0e5;border-radius:3px;padding:4px 7px;white-space:nowrap}.insurance-neutral{font-size:10px;color:#999}.insurance-notes{padding:13px 20px;border-top:1px solid #eee}.insurance-notes summary{font-size:11px;color:#666;cursor:pointer;list-style-position:inside}.insurance-notes summary span{margin-left:6px;color:#aaa;font-size:10px}.insurance-notes ul{font-size:11px;color:#777;line-height:1.8;padding-left:18px;margin:12px 0 0}.insurance-notes li+li{margin-top:6px}@media(max-width:800px){.insurance-summary{grid-template-columns:1fr 1fr}.insurance-review-grid{grid-template-columns:1fr;gap:12px}.insurance-review-grid b span{display:inline;margin-left:8px}.insurance-list-title{align-items:flex-start;flex-direction:column;gap:5px}}

.company-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;padding:4px 20px}.company-source-row{min-width:0;padding:13px 0}.company-source-row:nth-last-child(-n+2){border-bottom:0}.company-file-main{min-width:0}.company-source-panel a.company-file-title{font-size:12px;line-height:1.5}.company-file-meta{font-size:9px;gap:5px}.company-source-panel a.company-file-action{font-size:10px;padding:7px 8px;gap:7px}.company-file-icon{flex-basis:30px;width:30px;height:35px;font-size:9px}@media(max-width:900px){.company-source-list{grid-template-columns:1fr}.company-source-row:nth-last-child(2){border-bottom:1px solid #f0f0f0}}

.company-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.company-profile-card{padding:20px;min-width:0}.company-profile-card h2{font-size:14px;line-height:1.6;color:#171717;margin:0 0 16px;font-weight:600}.company-profile-card .fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;margin:0 0 16px}.company-profile-card .fields>div:first-child,.company-profile-card .fields>div:nth-child(2){grid-column:1/-1}.company-profile-card .fields label{font-size:10px;color:#969696;margin-bottom:5px}.company-profile-card .fields b{font-size:12px;color:#333;font-weight:500;line-height:1.6;overflow-wrap:anywhere}.company-profile-card>small{display:block;padding-top:11px;border-top:1px solid #f0f0f0;font-size:9px;line-height:1.6;color:#999}@media(max-width:800px){.company-profile-grid{grid-template-columns:1fr}.company-profile-card{padding:16px}}

.banner.compliance-alert{background:#fff3f2;color:#a82e2e;border:1px solid #f2cdca;border-left:3px solid #c83b3b;line-height:1.8}.complianceitem .hint.compliance-recommendation{display:flex;flex-direction:column;gap:5px;background:#fff4f3;border:1px solid #f3d6d3;border-left:3px solid #c83b3b;color:#a82e2e;padding:13px 15px}.compliance-recommendation b{font-size:11px;color:#ac2828;font-weight:600}.compliance-recommendation span{color:#a3443e;line-height:1.8}

.employee-materials{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.employee-materials .tag{font-size:10px;color:#444;background:#f2f2f2;padding:6px 9px}

.overview-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:18px 20px}.overview-entry{display:flex;align-items:center;gap:13px;min-width:0;padding:15px 16px;background:#fafafa;border-radius:5px;box-shadow:inset 0 0 0 1px #00000006;text-decoration:none;color:#222;transition:background 160ms cubic-bezier(.2,.8,.2,1)}.overview-entry:hover{background:#f0f0f0}.overview-entry-icon{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;color:#737373}.overview-entry-icon svg{width:21px;height:21px;margin:0;stroke-width:1.3}.overview-entry-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.overview-entry-copy b{font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;color:#222}.overview-entry-copy small{font-size:10px;line-height:1.4;color:#969696}.overview-entry-arrow{margin-left:auto;color:#999;font-size:15px;flex-shrink:0}@media(max-width:650px){.overview-entry-grid{grid-template-columns:1fr;padding:14px}.overview-entry{padding:13px 14px}}

.overview-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.overview-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.overview-entry-grid{grid-template-columns:1fr}}

.tag.employee-tag{border:0;font-weight:500;font-size:10px;padding:5px 8px;line-height:1.45;white-space:nowrap}.employee-tag+.employee-tag{margin-left:5px}.tag.employee-tag-online{background:#edf3ff;color:#365fa4}.tag.employee-tag-offline{background:#e9f5f4;color:#24776f}.tag.employee-tag-external{background:#fff2e5;color:#a56525}.tag.employee-tag-shareholder{background:#f2ecfb;color:#7951a4}.tag.employee-tag-active{background:#eaf5ec;color:#357a47}.tag.employee-tag-departed{background:#fdeeed;color:#b3423c}.tag.employee-tag-pending{background:#f0f1f3;color:#737a85}

.clause-rest{--clause-bg:#edf3ff;--clause-fg:#365fa4;--clause-selected:#426ba8}.clause-annual{--clause-bg:#e9f5f1;--clause-fg:#287965;--clause-selected:#337e6b}.clause-benefit{--clause-bg:#f2ecfa;--clause-fg:#7953a0;--clause-selected:#805ba4}.clause-salary{--clause-bg:#fff2e3;--clause-fg:#9b6327;--clause-selected:#9f6a35}.clause-employment{--clause-bg:#ecf1f7;--clause-fg:#536e8b;--clause-selected:#597591}.clause-date{--clause-bg:#eaf3fa;--clause-fg:#39738f;--clause-selected:#3d7d9c}.clause-safety{--clause-bg:#fbeeed;--clause-fg:#a34d46;--clause-selected:#a8554e}.tag.clause-tag{border:0;background:var(--clause-bg);color:var(--clause-fg);padding:5px 9px;font-weight:500}.clause-choice.keywordchoice span{border:0;background:var(--clause-bg);color:var(--clause-fg);box-shadow:inset 0 0 0 1px #00000005}.clause-choice.keywordchoice input:checked+span{background:var(--clause-selected);color:#fff;border-color:transparent}.clause-choice.keywordchoice input:focus-visible+span{outline:2px solid var(--clause-selected);outline-offset:3px}

.attendance-dropzone{position:relative;text-align:center;padding:27px 22px;border:1px dashed #c8c8c8;border-radius:7px;background:#fff;transition:background 160ms cubic-bezier(.2,.8,.2,1),border-color 160ms cubic-bezier(.2,.8,.2,1)}.dropzone-heading{display:flex;align-items:center;justify-content:center;gap:9px}.dropzone-heading h3{margin:0;font-size:14px}.dropzone-icon{font-size:22px;color:#777;font-weight:300}.attendance-dropzone p.dropzone-instruction{font-size:12px;margin:16px 0 8px;color:#555}.dropzone-picker{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:4px;background:#171717;color:#fff;font-size:11px;cursor:pointer;position:relative}.dropzone-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;border:0}.dropzone-picker:focus-within{outline:2px solid #777;outline-offset:3px}.dropzone-format{display:block;margin-top:12px;font-size:10px;color:#999}.attendance-dropzone.is-dragover{background:#f0f4f1;border-color:#3d6f53;box-shadow:inset 0 0 0 1px #3d6f53}.attendance-dropzone.is-dragover .dropzone-instruction{color:#315d44}.dropzone-feedback{font-size:11px;margin-top:10px;color:#a33b35;overflow-wrap:anywhere}.dropzone-feedback:empty{display:none}.attendance-dropzone .importresult{text-align:left}.attendance-dropzone.is-importing{border-color:#aaa;background:#fafafa}

.leave-ledger-heading{padding:17px 20px}.leave-ledger-heading h2{margin:0}.leave-ledger-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 20px;background:#fcfcfc}.leave-ledger-toolbar #leaveYear{width:100px;flex:0 0 auto}.leave-ledger-toolbar #leaveSearch{flex:1 1 190px;min-width:150px;width:auto}.leave-ledger-toolbar button{flex:0 0 auto;white-space:nowrap}.leave-ledger-toolbar [data-toggledepartedleave]{order:1}.leave-ledger-toolbar #leaveYear{order:2}.leave-ledger-toolbar #leaveSearch{order:3}.leave-ledger-toolbar [data-leaveguide]{order:4}.leave-ledger-toolbar [data-leaveexport]{order:5}@media(max-width:700px){.leave-ledger-toolbar{padding:12px}.leave-ledger-toolbar #leaveSearch{flex-basis:100%;order:0}}

.employee-status-filter{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;color:#888;white-space:nowrap}.employee-status-filter select{width:110px}.employee-status-filter+.count{margin-left:0}@media(max-width:700px){.employee-status-filter{margin-left:0}}
.finance-work{margin-bottom:20px}.finance-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 22px}.finance-toolbar label{display:flex;align-items:center;gap:12px}.finance-work td{padding:12px 20px}.finance-sub{display:block;font-size:12px;color:#666;margin-top:5px}.finance-pending{color:#a64722;background:#fff3e9;padding:4px 8px}.finance-number{text-align:right;font-variant-numeric:tabular-nums}.finance-foot{padding:16px 22px;border-top:1px solid #eee;font-size:13px;color:#555}.finance-drop{padding:22px;border:1px dashed #888;display:grid;gap:12px}.finance-drop.dragging{background:#eee;border-color:#111}.finance-form h1{font-size:24px}#financeFormError{color:#b42318}

/* Finance archive follows the existing inset toolbar and quiet tab system. */
.finance-work .finance-toolbar{padding:18px 22px;gap:12px;border-bottom:1px solid var(--line)}
.finance-toolbar>label{font-size:12px;color:#666;gap:12px}
.finance-toolbar input{width:170px;height:38px;background:#fff;border:1px solid #ddd;border-radius:5px;padding:8px 10px}
.finance-toolbar button{height:38px;padding:0 16px;border:1px solid #ddd;border-radius:5px;white-space:nowrap}
.finance-toolbar button.primary{background:#171717;color:#fff;border-color:#171717}
.finance-work .finance-tabs{padding:16px 22px;gap:8px;background:#fff}
.finance-tabs button{height:34px;font-size:12px;background:#f5f5f5;border-color:transparent;color:#666}
.finance-work .finance-foot{padding:14px 22px;background:#fafafa;font-size:11px;line-height:1.7;color:#777}
.finance-work th{padding:12px 20px}.finance-work .empty{padding:22px}
@media(max-width:650px){.finance-work .finance-toolbar{padding:14px;gap:8px}.finance-toolbar>label{width:100%}.finance-work .finance-foot{padding:14px}}
.finance-overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 22px;gap:24px}.finance-overview-stats>div+div{border-left:1px solid #eee;padding-left:24px}.finance-overview-stats span{display:block;color:#777;font-size:12px}.finance-overview-stats strong{display:block;font-size:28px;color:#171717;font-weight:500;margin-top:10px}.finance-overview-stats small{display:inline;font-size:12px}.finance-missing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 22px}.finance-missing-grid h3{font-size:13px;margin:0 0 12px}.finance-check-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.finance-check-item b{font-size:12px}.finance-check-item small{color:#777;font-size:11px}.finance-check-note{font-size:11px;margin-top:16px;color:#777}.finance-received{font-size:11px;color:#256248;background:#edf6f0;padding:4px 8px}@media(max-width:700px){.finance-missing-grid{grid-template-columns:1fr}.finance-overview-stats{gap:10px;padding:16px}.finance-overview-stats>div+div{padding-left:10px}.finance-overview-stats strong{font-size:24px}}
.finance-map-panel{margin-bottom:20px;overflow:hidden}.finance-map-panel .cardhead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.finance-map-panel h2 .tag{margin-left:10px}.fm-legend{display:flex;gap:8px;align-items:center;font-size:11px;color:#777}.fm-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.fm-legend .income{background:#4e759f}.fm-legend .expense{background:#ad6464}.fm-legend .pending{background:#b28750}.fm-help{font-size:11px;color:#888}.fm-viewport{height:580px;overflow:hidden;background:#fcfcfc;cursor:grab;touch-action:none}.fm-viewport:active{cursor:grabbing}.fm-svg{height:100%;width:100%;display:block;user-select:none}.fm-edge{fill:none;stroke-width:2}.fm-edge.income{stroke:#97b0cb}.fm-edge.expense{stroke:#d2a4a4}.fm-edge.pending{stroke:#d0b58d}.fm-node{cursor:pointer}.fm-node rect{stroke-width:1;stroke:#d4e0ec;fill:#eff5fb}.fm-node.expense rect{fill:#fcf0f0;stroke:#ebd6d6}.fm-node.pending rect{fill:#fbf4e9;stroke:#eadac1}.fm-node text{font-size:15px;fill:#252525}.fm-node:hover rect,.fm-node:focus rect{stroke:#333;stroke-width:2}.fm-node .received{fill:#397856}.fm-node .missing{fill:#b28648}.finance-map-panel:fullscreen{background:white;overflow:auto;padding:20px}.finance-map-panel:fullscreen .fm-viewport{height:calc(100vh - 210px)}@media(max-width:650px){.fm-viewport{height:420px}.fm-help{width:100%}.fm-legend{font-size:10px}}
/* Content-sized map nodes and tight canvas, no fixed-width empty bars. */
.finance-map-panel .fm-viewport{height:auto;min-height:330px;max-height:540px;padding:16px 12px}.finance-map-panel .fm-svg{height:auto;max-height:510px;aspect-ratio:auto}.finance-map-panel .cardhead{padding:14px 20px}.finance-map-panel .finance-toolbar{padding:10px 20px;gap:8px}.finance-map-panel .finance-toolbar button{height:32px;padding:0 12px}.finance-map-panel .fm-node text{font-size:15px}.finance-map-panel:fullscreen .fm-viewport{height:calc(100vh - 180px);max-height:none;padding:16px}.finance-map-panel:fullscreen .fm-svg{height:100%;max-height:none}.finance-map-panel:fullscreen .fm-viewport{min-height:0}@media(max-width:650px){.finance-map-panel .fm-viewport{min-height:240px;padding:8px}.finance-map-panel .fm-svg{min-height:240px}}
.fm-node.fm-not-uploaded>rect:first-of-type{stroke:#d6a1a1}.fm-node.fm-not-uploaded .fm-status-bg{fill:#fbe6e6;stroke:none}.fm-node.fm-uploaded .fm-status-bg{fill:#deefe5;stroke:none}.fm-node .fm-status-text{font-size:12px;font-weight:600;fill:#a23838}.fm-node.fm-uploaded .fm-status-text{fill:#216443}
.fm-node.fm-not-uploaded>rect:first-of-type,.fm-node.fm-uploaded>rect:first-of-type{stroke:#d4e0ec}.fm-node .missing{fill:#d04444}.fm-node .received{fill:#278451}.fm-upload-legend{display:flex;align-items:center;gap:7px}.fm-upload-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}.fm-red-dot{background:#d04444}.fm-green-dot{background:#278451}.fm-upload-legend>span{margin-left:12px}
.finance-form .finance-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;padding:26px 20px;background:#fafafa;border:1px dashed #aaa;border-radius:6px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.finance-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.finance-drop-title{font-size:16px;font-weight:600;color:#222}.finance-drop-action{font-size:12px;color:#555;text-decoration:underline;text-underline-offset:3px}.finance-drop .finance-selected-file{font-size:12px;color:#777;overflow-wrap:anywhere;max-width:100%}.finance-drop small{font-size:11px;margin:0;color:#888}.finance-form .finance-drop.dragging{background:#eee;border:2px solid #222}.finance-form .finance-drop.has-file{border-style:solid;border-color:#777}.finance-drop.has-file .finance-selected-file{color:#222;font-weight:500}.finance-drop:focus-within{outline:2px solid #555;outline-offset:3px}
.finance-form-actions{display:flex;gap:12px;align-items:center;margin-top:24px;padding-bottom:8px}.finance-form-actions button{min-height:38px;padding:10px 18px}.finance-form #financeFormError:empty{display:none}.finance-form #financeFormError:not(:empty){margin-top:16px}.finance-form .formgrid{row-gap:20px}
.finance-form .formgrid label{display:flex;flex-direction:column;gap:8px}.finance-form textarea{width:100%;min-height:78px;border:1px solid #ddd;border-radius:5px;padding:10px;resize:vertical}.finance-work td .tag{display:inline-block;margin:3px 5px 3px 0}
.settlement-view-tabs{display:flex;gap:8px;margin:0 0 20px}.settlement-view-tabs button{padding:9px 16px;border:1px solid #ddd;border-radius:5px;background:white;color:#555}.settlement-view-tabs button.primary{background:#171717;color:white;border-color:#171717}.settlement-existing.is-hidden{display:none}.settlement-existing.show-map>section:not(.finance-map-panel){display:none}.settlement-existing.show-uploads>.finance-map-panel{display:none}.settlement-pending{color:#8a6a37;background:#faf2e5;padding:4px 7px;border-radius:3px;font-size:11px;white-space:nowrap}.settlement-wrap{white-space:normal!important;min-width:140px;max-width:380px;line-height:1.7}.settlement-formula{padding:16px 22px;background:#fafafa;border-bottom:1px solid #eee;font-size:13px;font-weight:500;line-height:2}.settlement-formula span{color:#999;padding:0 8px}
.finance-dashboard-filter{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:18px}.finance-dashboard-filter label{display:flex;align-items:center;gap:12px;font-size:12px;color:#666}.finance-dashboard-filter input{height:36px;padding:7px 10px;border:1px solid #ddd;border-radius:5px;background:white}.finance-dashboard-filter button{height:36px;padding:0 14px}.finance-dashboard-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.finance-dashboard-shortcuts a{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #e5e5e5;border-radius:5px;padding:18px 36px 18px 18px;min-width:0}.finance-dashboard-shortcuts b{font-size:14px;color:#222}.finance-dashboard-shortcuts small{font-size:11px;color:#888;margin:0;line-height:1.5}.finance-dashboard-shortcuts span{position:absolute;right:14px;top:18px;color:#888}.finance-dashboard-shortcuts a:hover{border-color:#999;background:#fafafa}@media(max-width:700px){.finance-dashboard-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px}}@media(max-width:440px){.finance-dashboard-shortcuts{grid-template-columns:1fr}}
.finance-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.finance-dashboard-metrics{grid-template-columns:1fr}}
.finance-dashboard-headtools{display:flex;gap:12px;align-items:center}.finance-dashboard-headtools label{display:flex;gap:10px;align-items:center;font-size:12px;color:#777;white-space:nowrap}.finance-dashboard-headtools input{width:165px;height:36px;padding:7px 10px;background:white;border:1px solid #ddd;border-radius:5px}.finance-dashboard-headtools button{height:36px;padding:0 14px}@media(max-width:700px){.pagehead:has(.finance-dashboard-headtools){align-items:flex-start;flex-direction:column;gap:16px}.finance-dashboard-headtools{flex-wrap:wrap}}

.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:24px}.report-columns h2{font-size:18px;margin-bottom:20px}.report-bar{display:grid;grid-template-columns:minmax(100px,1fr) 1fr;gap:7px 12px;margin:15px 0;font-size:13px}.report-bar>div{background:#eee;height:8px;grid-column:1/-1;grid-row:2}.report-bar i{height:8px;display:block;background:#4a565e}.report-bar span{text-align:right}.report-bar b{overflow-wrap:anywhere}@media(max-width:850px){.report-columns{grid-template-columns:1fr}.report-bar{grid-template-columns:1fr}.report-bar span{text-align:left}}

.space-caption{display:block;font-size:12px;color:#777;margin-bottom:12px}.space-switch{display:flex;gap:6px}.space-switch button{flex:1;padding:9px 6px;font-size:13px;border:1px solid #ddd;background:white}.space-switch button.selected{background:#171717;color:white;border-color:#171717}.workspace .space-caption{margin-top:0}.workspace{padding:16px!important}#nav>[hidden],#nav .nav-group[hidden]{display:none!important}

/* Compact workspace segmented switch, matching the sidebar. */
.sidebar .workspace{background:transparent;border:0;padding:0!important;margin:28px 0 24px}
.sidebar .workspace .space-caption{font-size:11px;color:#8a8a8a;line-height:1.5;margin:0 0 10px;padding:0 3px}
.sidebar .space-switch{display:flex;gap:3px;padding:4px;background:#efefef;border:1px solid #e8e8e8;border-radius:9px}
.sidebar .space-switch button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#858585;font-size:13px;font-weight:500;line-height:1;transition:background .15s,color .15s,box-shadow .15s}
.sidebar .space-switch button:hover{color:#171717;background:#e7e7e7}
.sidebar .space-switch button.selected{color:#171717;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000012}
.sidebar .space-switch button:focus-visible{outline:2px solid #444;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.sidebar .space-switch button{transition:none}}

#nav a[hidden]{display:none!important}

.report-reading{padding:20px 24px}.report-reading p{font-size:14px;line-height:1.8;margin:0 0 14px;color:#333}.report-reading p>b{display:block;font-size:14px;color:#171717}.report-stack{height:22px;display:flex;overflow:hidden;border-radius:3px;margin-bottom:16px}.report-stack span{display:block;height:100%}.report-insights{margin-top:24px}

.pay-countdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.pay-countdown{padding:22px 26px}.pay-countdown-label{font-size:14px;color:#555}.pay-countdown-value{font-size:42px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:14px 0}.pay-countdown-value span{font-size:15px;font-weight:400;margin-left:8px;letter-spacing:0;color:#777}.pay-countdown p{font-size:13px;margin:0 0 8px;color:#333}.pay-countdown small{font-size:12px;color:#888}@media(max-width:650px){.pay-countdown-grid{grid-template-columns:1fr;gap:12px}}

.sidebottom>.localdot,.sidebottom>p{display:none!important}.sidebottom .user{margin-top:0}.finance-four-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.finance-four-cards .pay-countdown{margin:0;padding:20px;min-width:0}.finance-four-cards .pay-countdown-value{font-size:38px}.finance-four-cards .pay-countdown p{line-height:1.6;overflow-wrap:anywhere}.finance-four-cards>.metric{min-width:0}.map-source-item{padding:18px 0;border-bottom:1px solid #eee;margin-bottom:18px}.map-source-item p{margin:10px 0;font-size:13px}.map-source-item .finance-toolbar{padding:16px 0 0}@media(max-width:1100px){.finance-four-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.finance-four-cards{grid-template-columns:1fr!important}}

@media(min-width:800px){.metrics.finance-dashboard-metrics.finance-four-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch}.finance-four-cards>article,.finance-four-cards>.metric{width:auto!important;grid-column:auto!important;padding:20px!important;min-height:190px}.finance-four-cards .pay-countdown-value,.finance-four-cards .metric strong{font-size:38px!important}.finance-four-cards p{font-size:12px!important;line-height:1.6!important}.finance-four-cards small{font-size:11px!important}}
/* Missing finance evidence is explicit; complete coverage stays quiet green. */
.finance-pending{display:inline-block!important;color:#bc3038!important;border:1px solid #dc5b63!important;background:#fff6f6!important;border-radius:5px;padding:5px 8px;font-size:12px;line-height:1.6;white-space:normal}.finance-received{color:#218452!important;font-weight:500}.fm-node.fm-not-uploaded rect{stroke:#d34b55!important;stroke-width:1.3!important;fill:#fff5f5!important}.fm-node.fm-not-uploaded text{fill:#ac3039!important}.fm-node.fm-uploaded text{fill:#218452!important}.fm-node.fm-uploaded rect{stroke:#add7bd!important;fill:#f4faf6!important}
/* Keep table status labels horizontal; color alone conveys pending state. */
.finance-work td .finance-pending{display:inline!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important;color:#bc3038!important;font-size:inherit!important;line-height:inherit!important}
.finance-work td .finance-pending{display:inline-flex!important;align-items:center;justify-content:center;width:max-content;min-width:68px;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;border:1px solid #e45b65!important;background:#fff8f8!important;border-radius:4px!important;padding:5px 9px!important;color:#bc3038!important;line-height:1.5!important}

.pay-countdown-label strong{font-size:19px;font-weight:750;color:#111;margin:0 2px;letter-spacing:.2px}

/* Report downloads belong to the page heading. */
.report-export-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.report-export-actions button{white-space:nowrap}.pagehead:has(.report-export-actions){align-items:center}.pagehead:has(.report-export-actions)>.actions{flex-shrink:0}@media(max-width:900px){.pagehead:has(.report-export-actions){flex-wrap:wrap}.report-export-actions{justify-content:flex-start}}
.pg-work{margin-bottom:20px}.pg-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 22px;border-top:1px solid #eee}.pg-steps button{text-align:left;display:flex;gap:12px;align-items:center}.pg-steps small{display:inline;font-size:12px}.pg-person{padding:20px 24px;border-bottom:1px solid #eee}.pg-person>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pg-person>div:first-child button,.pg-person>div:first-child strong{margin-left:auto}.pg-person p{line-height:1.8;margin:12px 0}.pg-person .tag{margin:4px 6px 4px 0}.pg-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;border-bottom:1px solid #eee;padding:16px 0}.pg-item label:last-child{grid-column:1/-1}.pg-item label{display:grid;gap:8px;font-size:13px;color:#777}.pg-work select{min-width:120px}.pg-work input[type=checkbox]{width:18px;height:18px}@media(max-width:800px){.pg-steps{grid-template-columns:repeat(2,1fr)}.pg-item{grid-template-columns:1fr}.pg-item label:last-child{grid-column:auto}}
.pay-countdown[data-pgopen]{cursor:pointer}.pay-countdown[data-pgopen]:hover{border-color:#999}.pay-countdown[data-pgopen]:focus-visible{outline:2px solid #171717;outline-offset:3px}.pg-sheet-scroll{overflow:auto;max-height:65vh}.pg-sheet{border-collapse:separate;border-spacing:0;min-width:100%;width:max-content}.pg-sheet th{position:sticky;top:0;z-index:2;background:#f5f5f5;min-width:140px;max-width:175px;white-space:normal!important;font-size:13px;line-height:1.5}.pg-sheet td{min-width:140px;padding:10px 12px!important;border-right:1px solid #eee}.pg-sheet th:first-child,.pg-sheet td:first-child{position:sticky;left:0;z-index:3;background:#fff;min-width:100px;box-shadow:1px 0 #ddd}.pg-sheet th:first-child{z-index:4;background:#f5f5f5}.pg-sheet input{width:125px;min-width:0;padding:8px;text-align:right;border:1px solid #ddd;border-radius:4px;font-variant-numeric:tabular-nums}.pg-sheet input:focus{border-color:#171717;outline:1px solid #171717}.pg-sheet [data-pgtotal]{font-weight:600;text-align:right}
.pg-filter-head{vertical-align:top;min-width:155px}.pg-filter-head input,.pg-filter-head select{display:block;margin-top:10px;max-width:220px;width:100%;font-size:13px;min-width:0;height:36px;padding:6px 9px;font-weight:400;background:#fff}.pg-filter-head:first-child{min-width:130px}
.pg-icon-header>div{display:flex;align-items:center;justify-content:flex-start;gap:6px}.pg-icon-header>div>span{flex:0 1 auto}.pg-icon-header .pg-filter-icon{margin:0!important}.pg-filter-icon{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;width:25px!important;min-width:25px!important;height:25px!important;padding:3px!important;border:1px solid #ddd;background:#fff;border-radius:4px;color:#777}.pg-filter-icon:hover,.pg-filter-icon.is-active{color:#1463c8;border-color:#88b5ec;background:#edf5ff}.pg-filter-popup{position:fixed;z-index:9999;background:#fff;border:1px solid #ddd;box-shadow:0 10px 35px #0002;border-radius:12px;width:340px;max-width:calc(100vw - 24px);padding:18px;box-sizing:border-box}.pg-filter-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pg-filter-title button{border:0;padding:0;min-width:24px;font-size:20px}.pg-sort-actions{display:flex;gap:10px;margin-bottom:14px}.pg-sort-actions button{flex:1}.pg-filter-popup>input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:13px}.pg-filter-selectall{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.pg-filter-selectall label,.pg-filter-option{display:flex;gap:9px;align-items:center}.pg-filter-popup input[type=checkbox]{width:16px;height:16px;accent-color:#171717}.pg-filter-selectall button{border:0;padding:4px;font-size:13px}.pg-filter-selectall small,.pg-filter-option small{color:#999}#pgPopupValues{max-height:230px;min-height:90px;overflow:auto;padding:5px 0}.pg-filter-option{padding:9px 4px;font-size:14px;cursor:pointer}.pg-filter-option:hover{background:#f6f6f6}.pg-filter-option span{overflow-wrap:anywhere}.pg-filter-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #eee;padding-top:14px}.pg-filter-footer button{padding:8px 15px}.pg-filter-footer button:first-child{margin-right:auto}
.pg-sheet .pg-lastbase{display:block;padding:3px 0;margin:5px 0 0;border:0;background:transparent;color:#666;font-size:12px;white-space:nowrap;font-weight:400;cursor:pointer}.pg-sheet .pg-lastbase:hover{color:#171717;text-decoration:underline}.pg-sheet .pg-lastbase:disabled{opacity:.5;cursor:wait}

/* Payroll column labels: stronger hierarchy without enlarging data rows. */
.pg-work th.pg-icon-header{font-size:16px!important;font-weight:700!important;color:#222!important;line-height:1.5}.pg-icon-header>div{gap:5px}.pg-icon-header .pg-filter-icon{width:20px!important;min-width:20px!important;height:20px!important;padding:2px!important;color:#777}.pg-icon-header .pg-filter-icon svg{width:13px;height:13px}
/* Dense spreadsheet columns; employee identity columns don't stretch. */
.pg-sheet{min-width:0!important;width:max-content!important;table-layout:fixed}.pg-sheet th,.pg-sheet td{box-sizing:border-box;width:150px;min-width:150px;max-width:150px}.pg-sheet th:first-child,.pg-sheet td:first-child{width:88px!important;min-width:88px!important;max-width:88px!important}.pg-sheet th:nth-child(2),.pg-sheet td:nth-child(2){width:96px;min-width:96px;max-width:96px}.pg-sheet th:nth-child(3),.pg-sheet td:nth-child(3){width:100px;min-width:100px;max-width:100px}.pg-sheet td{padding:6px 9px!important}.pg-sheet th{padding:10px 9px!important}.pg-sheet input{width:126px;height:32px;padding:5px 7px}.pg-sheet .pg-lastbase{margin-top:3px;font-size:11px}.pg-work .cardhead{padding:16px 20px;min-height:0;gap:12px;flex-wrap:wrap}.pg-work .finance-foot{padding:12px 20px}.pg-holiday-hint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid #eee;background:#fafafa;font-size:13px}.pg-holiday-hint small{color:#777}.pg-holiday-dates{margin:16px 0}.pg-holiday-dates>label{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.pg-holiday-dates>label>span{flex:1}.pg-holiday-dates input{width:130px}.pg-holiday-dates small{color:#888}

.pg-sheet th:nth-child(3),.pg-sheet td:nth-child(3){width:116px;min-width:116px;max-width:116px}
/* Row numbers stay beside the employee name while scrolling payroll columns. */
.pg-sheet .pg-row-number{width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center;color:#777;position:sticky;left:0;z-index:3;background:#fff;padding:6px!important}
.pg-sheet thead .pg-row-number{background:#f4f4f4;z-index:6}
.pg-sheet th:nth-child(2),.pg-sheet td:nth-child(2){width:88px;min-width:88px;max-width:88px;position:sticky;left:48px;background:#fff;z-index:2}
.pg-sheet thead th:nth-child(2){background:#f4f4f4;z-index:5}
.pg-month-button{min-width:190px;text-align:left;display:block;padding:10px 14px;background:#fff;font-size:15px}
.pg-month-popover{position:fixed;width:288px;z-index:10000;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 10px 35px #0002;padding:14px;color:#191919}
.pg-month-year{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pg-month-year button{padding:4px 11px;border:0;background:#f5f5f5;font-size:22px}.pg-month-year b{font-size:16px}
.pg-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pg-month-grid button{padding:10px 0;border:0;background:#f5f5f5;font-size:14px;border-radius:6px}.pg-month-grid button:hover{background:#e9e9e9}.pg-month-grid button.selected{background:#171717;color:#fff;font-weight:700}.pg-month-shortcuts{display:flex;gap:8px;border-top:1px solid #eee;margin-top:14px;padding-top:12px}.pg-month-shortcuts button{font-size:12px;padding:6px 9px;border:0;background:#f4f4f4}.pg-month-shortcuts button:last-child{margin-left:auto}
.payroll-bank-tag{display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;padding:4px 11px;font-size:12px;line-height:1.5;font-weight:650;border:1px solid transparent;letter-spacing:.02em}
.payroll-bank-tag.boc{color:#a33643;background:#fcecef;border-color:#f0cdd3}.payroll-bank-tag.cgb{color:#245d99;background:#eaf2fc;border-color:#cbdff4}.bankbranch small{display:block;font-size:12px;line-height:1.55;margin-top:6px;color:#8a8a8a}
.payroll-status-tag{display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:12px;line-height:1.5;font-weight:650;border:1px solid transparent}.payroll-status-tag.active{color:#28774e;background:#edf7f0;border-color:#cde7d5}.payroll-status-tag.left{color:#ad3844;background:#fcecef;border-color:#f0cdd3}
/* Shared compact label proportions, matching the original employment-status tag. */
.tag,.tag.employee-tag,.payroll-bank-tag,.payroll-status-tag,.employee-materials .tag,.statline .tag,.shift .tag{display:inline-flex;align-items:center;justify-content:center;font-family:inherit!important;font-size:10px!important;font-weight:400!important;line-height:1.5!important;padding:4px 7px!important;border-width:1px!important;border-style:solid;border-radius:4px!important;letter-spacing:normal!important;white-space:nowrap}
.pg-color-tag.blue,.pg-company-tag[data-tone=blue]{color:#245d99;background:#eaf2fc;border-color:#cbdff4}.pg-color-tag.purple,.pg-company-tag[data-tone=purple]{color:#73529b;background:#f2ecf9;border-color:#ded0ef}.pg-color-tag.teal{color:#287c77;background:#eaf6f3;border-color:#c9e5df}.pg-color-tag.amber{color:#916226;background:#fff3df;border-color:#ecd7b4}.pg-color-tag.neutral,.pg-company-tag[data-tone=neutral]{color:#777;background:#f4f4f4;border-color:#ddd}.pg-work select.pg-company-tag{width:92px!important;min-width:92px!important;max-width:92px;font-size:10px!important;font-weight:400;padding:4px 20px 4px 7px!important;line-height:1.5;height:26px;border-radius:4px}.pg-filter-option>.pg-color-tag{flex:none!important}.pg-sheet th.pg-row-number,.pg-sheet td.pg-row-number{width:36px!important;min-width:36px!important;max-width:36px!important;padding:6px 3px!important;overflow:hidden}.pg-sheet th:nth-child(2),.pg-sheet td:nth-child(2){left:36px!important;width:88px!important;min-width:88px!important;max-width:88px!important;overflow:hidden;white-space:nowrap!important}.pg-sheet th:nth-child(2){z-index:8!important}.pg-sheet td:nth-child(2){z-index:5!important}.pg-sheet th.pg-row-number{z-index:9!important}.pg-sheet td.pg-row-number{z-index:6!important}
.history-amount-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;margin-bottom:16px}.history-amount-heading h3{margin:0}.history-amount-heading button{white-space:nowrap;font-size:12px;padding:7px 12px}.history-amount-heading button[aria-pressed=true]{background:#171717;color:white;border-color:#171717}tr[data-history-zero][hidden]{display:none!important}
#pgExistingForm,#pgNewEmployeeForm{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-top:20px}#pgExistingForm>label,#pgNewEmployeeForm>label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:13px;color:#666}#pgExistingForm select,#pgNewEmployeeForm input,#pgNewEmployeeForm select{width:100%;min-width:0;box-sizing:border-box;margin:0}#pgExistingForm>div{margin-top:2px!important}#pgNewEmployeeForm>p{margin:0;color:#888;font-size:12px;line-height:1.7}#pgNewEmployeeForm>button{align-self:flex-start;margin-top:6px}#pgExistingForm button,#pgNewEmployeeForm>button{padding:10px 18px}

.pg-work table th.pg-status-header{font-size:16px!important;font-weight:700!important;color:#222!important;line-height:1.5}
.pg-work select.pg-invalid{border:1.5px solid #df4141!important;background:#fff4f4!important;color:#bd2929!important;box-shadow:0 0 0 2px #df414114}.pg-company-error{font-size:11px;color:#c82e2e;line-height:1.5;margin-top:6px;white-space:normal}.pg-sheet th:nth-child(4),.pg-sheet td:nth-child(4){width:106px!important;min-width:106px!important;max-width:106px!important;padding-left:8px!important;padding-right:8px!important}.pg-sheet th:nth-child(4)>div{white-space:nowrap}
.slip-filter-table th.pg-icon-header{font-size:15px!important;font-weight:700!important;color:#222;white-space:nowrap}.slip-filter-table .pg-filter-icon{width:18px!important;min-width:18px!important;height:18px!important;padding:1px!important}.slip-filter-table .pg-filter-icon svg{width:12px;height:12px}.slip-filter-table tr[hidden]{display:none!important}
#pgSavePrompt{width:420px;max-width:calc(100vw - 40px);border:1px solid #ddd;border-radius:8px;padding:26px;box-shadow:0 16px 60px #0002}#pgSavePrompt::backdrop{background:#0005}#pgSavePrompt h2{font-size:20px;margin:0 0 12px}#pgSavePrompt p{font-size:13px;color:#777;margin:0 0 24px}.pg-save-actions{display:flex;justify-content:flex-end;gap:10px}.pg-save-actions button{font-size:13px;padding:9px 14px}

.password-field{display:flex;align-items:center;position:relative;width:100%}.password-field input{width:100%;padding-right:48px!important}.password-field .password-eye{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:4px;border:0;background:transparent;color:#666}.password-eye[aria-pressed="true"]{color:#111}