:root{--aubergine:#702670;--aubergine-dark:#4e1a4e;--gold:#b08d57;--ivory:#f9f6ef;--paper:#ffffff;--charcoal:#2c2c2c;--grey:#6b6560;--line:#e2ddd3;--ok:#2e6b3f;--warn:#a86412;--bad:#a02c2c;--font:"Codec Pro","Avenir Next","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font);background:var(--ivory);color:var(--charcoal);font-size:15px;line-height:1.5}a{color:var(--aubergine);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;letter-spacing:-.01em}h1,h2{font-weight:700}h2{font-size:16px}h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--aubergine-dark);color:#fff;display:flex;flex-direction:column;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;align-self:flex-start}.sidebar .brand{padding:0 20px 18px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:12px}.sidebar .brand .mark{font-size:18px;font-weight:800;letter-spacing:.02em}.sidebar .brand .sub{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;margin-top:2px}.sidebar nav a{display:block;padding:9px 20px;color:rgba(255,255,255,.82);font-size:14px;border-left:3px solid transparent}.sidebar nav a:hover{background:rgba(255,255,255,.06);text-decoration:none}.sidebar nav a.active{background:rgba(255,255,255,.1);border-left-color:var(--gold);color:#fff;font-weight:600}.sidebar .foot{margin-top:auto;padding:14px 20px 0;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:rgba(255,255,255,.65)}.main{flex:1 1;width:100%;min-width:0;padding:28px 34px 60px;max-width:1680px}.card{overflow-x:auto}@media (min-width:1500px){.main{padding:32px 48px 72px}}.pagehead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.pagehead .crumb{font-size:12px;color:var(--grey);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.card{background:var(--paper);border:1px solid var(--line);padding:18px 20px;margin-bottom:18px}.card>h2{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.grid{display:grid;grid-gap:18px;gap:18px}.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.main{padding:14px 12px 40px;max-width:100vw}.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;padding:8px 10px;gap:8px;position:static;height:auto;overflow-y:visible;align-self:auto}.sidebar .brand{padding:0 10px 0 0;border-bottom:none;border-right:1px solid rgba(255,255,255,.2);margin-bottom:0;flex-shrink:0}.sidebar .brand img{height:28px!important}.sidebar .brand .sub{display:none}.sidebar nav{display:flex;overflow-x:auto;flex:1 1}.sidebar nav a{padding:8px 10px;border-left:none;border-bottom:3px solid transparent;white-space:nowrap;font-size:13px}.sidebar nav a.active{border-left-color:transparent;border-bottom-color:var(--gold)}.sidebar .foot{margin:0;padding:0;border:none;flex-shrink:0}.sidebar .foot .meta{display:none}.kv{grid-template-columns:1fr;gap:2px 0}.kv dt{margin-top:8px}.card{overflow-x:auto}.pagehead .actions{width:100%}}.cal-wrap{overflow-x:auto}.cal{min-width:540px}.stat{background:var(--paper);border:1px solid var(--line);padding:14px 16px}.stat .n{font-size:26px;font-weight:800;color:var(--aubergine)}.stat .l{font-size:12px;color:var(--grey);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}table.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);padding:8px 10px;border-bottom:2px solid var(--charcoal)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:hover td{background:var(--ivory)}.tbl .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.toolbar input[type=search]{flex:1 1 240px;min-width:200px}.toolbar select{flex:0 0 auto;width:auto;min-width:150px}.toolbar .count{margin-left:auto;font-size:12px;color:var(--grey);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.tbl-group+.tbl-group{margin-top:22px}.tbl-group>h3{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:8px}@media (max-width:900px){.toolbar .count{margin-left:0}.toolbar select{flex:1 1 140px}}.badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border:1px solid}.badge.ok{color:var(--ok)}.badge.warn{color:var(--warn)}.badge.bad{color:var(--bad)}.badge.muted{color:var(--grey)}.badge.gold{color:var(--gold)}.badge.purple{color:var(--aubergine)}.badge.solid{background:var(--aubergine);color:#fff;border-color:var(--aubergine)}label.fld{display:block;margin-bottom:12px;font-size:13px;font-weight:600}label.fld span{display:block;margin-bottom:4px;color:var(--grey);text-transform:uppercase;font-size:11px;letter-spacing:.07em}input,select,textarea{width:100%;font-family:var(--font);font-size:14px;padding:8px 10px;border:1px solid var(--line);background:#fff;color:var(--charcoal)}input:focus,select:focus,textarea:focus{outline:2px solid var(--aubergine);outline-offset:-1px}textarea{min-height:80px;resize:vertical}.btn{display:inline-block;font-family:var(--font);font-size:14px;font-weight:700;padding:9px 18px;border:1px solid var(--aubergine);background:var(--aubergine);color:#fff;cursor:pointer}.btn:hover{background:var(--aubergine-dark);text-decoration:none}.btn.ghost{background:transparent;color:var(--aubergine)}.btn.ghost:hover{background:var(--ivory)}.btn.small{font-size:12px;padding:5px 12px}.btn.danger{border-color:var(--bad);background:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.inline-form{display:inline}.cal{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal .dow{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--grey);text-align:center;padding:4px 0}.cal .day{border:1px solid var(--line);min-height:58px;padding:4px 6px;font-size:11px;background:#fff}.cal .day .d{font-weight:700;font-size:12px}.cal .day .t{color:var(--grey);font-size:10px}.cal .day.present{border-top:3px solid var(--ok)}.cal .day.half-day,.cal .day.late{border-top:3px solid var(--warn)}.cal .day.absent{border-top:3px solid var(--bad);background:#fdf6f6}.cal .day.weekend{background:var(--ivory);color:var(--grey)}.cal .day.holiday{background:#f6f0e4;border-top:3px solid var(--gold)}.cal .day.leave{border-top:3px solid var(--aubergine);background:#f8f2f8}.cal .day.future,.cal .day.pre-joining{opacity:.45}.cal .day.empty{border:none;background:transparent}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--grey);margin-top:10px}.legend i{display:inline-block;width:10px;height:10px;margin-right:4px}.kv{display:grid;grid-template-columns:180px 1fr;grid-gap:6px 14px;gap:6px 14px;font-size:14px}.kv dt{color:var(--grey)}.kv dd{font-weight:600}.note{font-size:12px;color:var(--grey)}.rule-gold{border:none;border-top:2px solid var(--gold);width:42px;margin:8px 0 14px}.flash{border:1px solid var(--ok);color:var(--ok);background:#f2f8f3;padding:10px 14px;margin-bottom:16px;font-size:14px;font-weight:600}.flash.err{border-color:var(--bad);color:var(--bad);background:#fdf6f6}.punch{text-align:center;padding:26px 20px}.punch .time{font-size:34px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.punch .sub{color:var(--grey);font-size:13px;margin-bottom:14px}.review-block{border-left:3px solid var(--aubergine);padding:10px 14px;background:var(--ivory);margin-bottom:10px}.review-block.manager{border-left-color:var(--gold)}.review-block .who{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-bottom:6px}.review-block p{margin-bottom:6px;font-size:14px}.review-block .q{font-weight:700;font-size:12px;color:var(--grey)}.stars{color:var(--gold);font-size:15px;letter-spacing:2px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--aubergine-dark)}.login-card{background:var(--paper);width:420px;max-width:92vw;padding:36px;border-top:4px solid var(--gold)}.login-card .mark{font-size:24px;font-weight:800;color:var(--aubergine)}.login-card .sub{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin-bottom:22px}.wps-doc{background:#fff;border:1px solid var(--line);padding:28px 32px;font-size:12px;color:#000}.wps-title{text-align:center;font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--aubergine);margin-bottom:22px}.wps-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px;line-height:1.5}.wps-date-box{display:inline-block;border:1px solid #000;padding:2px 18px;min-width:110px;text-align:center}.wps-intro{margin-bottom:14px}.wps-tbl{width:100%;border-collapse:collapse;font-size:11.5px}.wps-tbl td,.wps-tbl th{border:1px solid #000;padding:4px 6px}.wps-tbl thead th{font-weight:800;text-transform:uppercase;font-size:10.5px;letter-spacing:.03em;text-align:left;background:#fff;border-bottom:2px solid #000}.wps-tbl .r{text-align:right}.wps-tbl .c,.wps-tbl .r{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wps-tbl .c{text-align:center}.wps-tbl .mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.wps-tbl tfoot td{border:none;padding:3px 6px}.wps-tbl tfoot td.r:not(.lbl){border-bottom:1px solid #000;min-width:90px}.wps-tbl tfoot .lbl{font-weight:700}.wps-tbl .wps-grand td{font-weight:800;font-size:12.5px}.wps-tbl .wps-grand td.r:not(.lbl){border:2px solid #000}@media print{.wps-doc{border:none;padding:0}.wps-title{color:#000}}.payslip-doc{background:#fff;border:1px solid var(--line);padding:30px 34px}.payslip-doc .head{display:flex;justify-content:space-between;border-bottom:3px solid var(--aubergine);padding-bottom:12px;margin-bottom:18px}@media print{.btn,.pagehead .actions,.sidebar{display:none!important}.main{padding:0}body{background:#fff}}.rating-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.rating-opt{flex:1 1 130px;border:1px solid var(--line);padding:8px 10px;cursor:pointer;font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:2px;text-transform:none;letter-spacing:0;color:var(--charcoal);background:var(--paper)}.rating-opt input{width:auto;margin:0 0 4px}.rating-opt .n{font-size:18px;font-weight:800;color:var(--aubergine)}.rating-opt:hover{border-color:var(--gold)}.rating-opt:has(input:checked){border-color:var(--aubergine);background:var(--ivory);box-shadow:inset 0 0 0 1px var(--aubergine)}label.fld .rating-opt span{display:inline;margin:0;color:inherit;text-transform:none;font-size:inherit;letter-spacing:0}label.fld .rating-opt .n{display:block;font-size:18px;color:var(--aubergine)}details.manage>summary::-webkit-details-marker{display:none}details.manage>summary .when-open{display:none}details.manage[open]>summary .when-open{display:inline}details.manage[open]>summary .when-closed{display:none}details.guide{margin:6px 0 18px;font-size:14px}details.guide summary{cursor:pointer;font-weight:700;color:var(--aubergine)}.todo{list-style:none}.todo li{display:flex;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}.todo li:last-child{border-bottom:none}.bar{background:var(--ivory);border:1px solid var(--line);height:12px;position:relative;min-width:60px}.bar>i{display:block;height:100%;background:var(--aubergine)}.mini{font-size:12px;color:var(--grey)}.goal-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.goal-form input,.goal-form select{width:auto}.section{display:flex;align-items:center;gap:12px;margin:28px 0 12px}.section:first-child{margin-top:0}.section .sub,.section h3{white-space:nowrap}.section .sub{font-size:12px;color:var(--grey)}.section:after{content:"";flex:1 1;border-top:1px solid var(--line)}.stat.ok .n{color:var(--ok)}.stat.warn .n{color:var(--warn)}.stat.bad .n{color:var(--bad)}.stat.muted .n{color:var(--grey)}.stat .n.sm{font-size:18px;line-height:1.5}.stat .b{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.stat a.more{display:inline-block;margin-top:8px;font-size:12px;font-weight:600}.tiles{margin-bottom:18px}.step{border:1px solid var(--line);background:var(--paper);padding:16px 18px}.step,.step-head{margin-bottom:14px}.step-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line);flex-wrap:wrap}.step-head .num{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--aubergine);color:#fff;font-size:12px;font-weight:800}.step-head h2{margin:0;padding:0;border:none}.step-head .mini{margin-left:auto}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.queue-item{border:1px solid var(--line);background:var(--paper);margin-bottom:14px}.queue-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--ivory)}.queue-head .name{font-weight:700;font-size:15px}.queue-head .right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.queue-body{padding:14px 16px 4px}.queue-ack{padding:4px 16px 16px;border-top:1px dashed var(--line);margin-top:4px}.queue-ack label.fld{margin:12px 0 10px}.queue-ack textarea{min-height:64px}details.fold>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--aubergine);padding:10px 16px;list-style:none}details.fold>summary::-webkit-details-marker{display:none}details.fold>summary:before{content:"▸ ";color:var(--grey)}details.fold[open]>summary:before{content:"▾ "}details.hist{border:1px solid var(--line);background:var(--paper);margin-bottom:8px}details.hist>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;font-weight:600;font-size:14px}details.hist>summary::-webkit-details-marker{display:none}details.hist>summary:before{content:"▸";color:var(--grey);font-size:12px}details.hist[open]>summary:before{content:"▾"}details.hist>summary .right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}details.hist>.body{padding:0 14px 12px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.timeline .tl{padding:10px 14px;border-left:1px solid var(--line);background:var(--paper)}.timeline .tl:first-child{border-left:none}.timeline .tl .l{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--grey)}.timeline .tl .d{font-weight:700;font-size:14px;margin-top:2px}.timeline .tl.past{background:var(--ivory)}.timeline .tl.past .d{color:var(--grey);font-weight:600}.timeline .tl.now{border-top:3px solid var(--aubergine);margin-top:-1px}.timeline .tl.now .d{color:var(--aubergine)}@media (max-width:900px){.timeline{grid-template-columns:1fr 1fr}.timeline .tl:nth-child(3){border-left:none}.timeline .tl:nth-child(n+3){border-top:1px solid var(--line)}}.empty{padding:16px;text-align:center;color:var(--grey);font-size:13px;border:1px dashed var(--line)}.people{list-style:none}.people li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px;flex-wrap:wrap}.people li:last-child{border-bottom:none}.people li .right{margin-left:auto;display:flex;gap:8px;align-items:center}.switches{list-style:none;border:1px solid var(--line)}.switches li{border-bottom:1px solid var(--line)}.switches li:last-child{border-bottom:none}.switches label{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;cursor:pointer;font-size:14px}.switches label:hover{background:var(--ivory)}.switches input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--aubergine)}.switches label>span{display:flex;flex-direction:column;gap:1px}.switches input:disabled+span{opacity:.7}.cal .day.closure{background:#f6f0e4;border-top:3px solid var(--grey);color:var(--grey)}