:root{--ink:#20242a;--muted:#787d87;--line:#e8e9e7;--cream:#fbfaf7;--paper:#fff;--green:#2b8d70;--lime:#dff04c;--coral:#f17567;--blue:#7ab8df}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.sidebar{position:fixed;width:236px;inset:0 auto 0 0;background:#1f252b;color:#f3f3ed;padding:29px 18px;display:flex;flex-direction:column;z-index:2}.brand{font-size:25px;font-weight:700;color:#fff;text-decoration:none;display:flex;gap:9px;align-items:center;padding:0 10px;margin-bottom:46px;letter-spacing:-1px}.brand-mark{background:var(--lime);color:#1f252b;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;font-family:Fraunces;font-weight:600;font-size:22px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;gap:14px;align-items:center;color:#9ba0a5;text-decoration:none;padding:12px 13px;border-radius:8px;font-weight:500}.nav-item span{font-size:19px;width:19px;text-align:center}.nav-item.active{color:#fff;background:#343b41}.sidebar-bottom{margin-top:auto}.upgrade{width:100%;border:1px solid #596046;border-radius:7px;color:#efff75;background:#30372a;padding:11px;margin-bottom:18px;font-weight:600;text-align:left}.profile{border:0;background:none;color:#fff;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:7px}.profile b,.profile small{display:block}.profile b{font-size:13px}.profile small{font-size:11px;color:#a6adb1;margin-top:3px}.profile i{margin-left:auto;color:#9ba0a5}.avatar{display:grid;place-items:center;background:#e6aab1;color:#572e38;border-radius:50%;font-weight:700}.avatar.small{width:31px;height:31px;font-size:10px}main{margin-left:236px;max-width:1280px;padding:44px 58px 70px}header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:38px}.eyebrow{font-size:11px;letter-spacing:1.15px;font-weight:700;color:var(--muted);margin:0 0 8px}h1,h2,p{margin-top:0}h1{font-family:Fraunces,serif;font-size:37px;letter-spacing:-1.5px;margin-bottom:0}h2{font-size:20px;letter-spacing:-.5px;margin-bottom:4px}.header-actions{display:flex;gap:13px}.icon-btn,.help{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:50%;font-size:19px;color:#656b73}.help{font-weight:700;font-size:16px}.hero-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:21px}.timer-card,.summary-card,.clock-card,.table-card{background:var(--paper);border:1px solid var(--line);border-radius:13px}.timer-card{padding:25px 27px 23px}.timer-top{display:flex;align-items:center;color:#747a80;font-weight:600;font-size:13px}.status-dot{width:8px;height:8px;border-radius:50%;background:#c6cbd0;margin-right:9px}.status-dot.running{background:var(--green);box-shadow:0 0 0 4px #e2f4ed}.more{margin-left:auto;border:0;background:none;letter-spacing:2px;color:#747a80}.timer-main{padding:31px 0 26px}.timer-value{font:500 51px 'DM Mono',monospace;letter-spacing:-3px}.timer-main p{color:var(--muted);font-size:14px;margin:12px 0 0}.task-picker label,.table-head,.clock-total span{font-size:10px;font-weight:700;color:#858a91;letter-spacing:1px}.task-row{display:flex;align-items:center;margin-top:8px;border:1px solid var(--line);border-radius:7px;padding:0 11px}.project-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.coral{background:var(--coral)}.task-row input{border:0;outline:0;font:500 14px 'DM Sans';width:100%;padding:11px 10px;color:var(--ink)}.task-row button{border:0;background:transparent;color:#6b7178}.timer-controls{display:flex;gap:10px;margin-top:20px}.secondary{border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 15px;font:600 13px 'DM Sans';color:#555b62}.start-btn{border:0;border-radius:7px;background:var(--lime);padding:12px 19px;font:700 13px 'DM Sans';color:#20242a;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}.timer-controls .start-btn{margin-left:auto;min-width:144px}.start-btn.running{background:#f7dedb;color:#9a3f35}.summary-card{padding:25px 26px 20px}.summary-head{display:flex;justify-content:space-between}.summary-head h2{font:600 34px 'DM Mono',monospace;letter-spacing:-2px}.trend{font-size:12px;color:var(--green);font-weight:700;background:#edf8f2;padding:7px 9px;border-radius:6px;height:31px}.chart-wrap{height:134px;display:flex;margin-top:5px}.chart-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#a0a4a7;padding:7px 8px 17px 0}.bars{flex:1;display:flex;align-items:flex-end;gap:13px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#f0f0ee 40px);padding:0 4px}.bar{flex:1;background:#d9ecdf;border-radius:5px 5px 0 0;min-height:4px;transition:height .3s}.bar.today{background:var(--green)}.summary-foot{display:flex;justify-content:space-between;padding:10px 3px 0 31px;font-size:10px;color:#9da1a5}.activity-section{margin-top:46px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.section-title p{font-size:14px;color:var(--muted);margin:0}.export{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 12px;color:#555b60;font:600 12px 'DM Sans'}.export span{padding-left:7px}.clock-card{display:flex;align-items:center;padding:18px 23px;margin-bottom:17px}.clock-event{display:flex;align-items:center;gap:11px;width:32%}.clock-event b{font-size:13px;display:block}.clock-event small{font:12px 'DM Mono';color:var(--muted);display:block;margin-top:4px}.clock-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:700}.clock-icon.in{background:#e6f6ef;color:#288466}.clock-icon.out{background:#f8edeb;color:#bc6154}.clock-line{height:1px;background:var(--line);width:9%;margin-right:4%}.clock-total{margin-left:auto;text-align:right}.clock-total b{display:block;margin-top:6px;font:600 20px 'DM Mono';letter-spacing:-1px}.table-card{overflow:hidden}.table-head,.entry{display:grid;grid-template-columns:1fr 110px 25px;align-items:center;padding:13px 22px}.table-head{background:#fcfcfb;border-bottom:1px solid var(--line)}.entry{padding-top:17px;padding-bottom:17px;border-bottom:1px solid #f0f0ef}.entry-title{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600}.entry-title small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:3px}.entry-time{font:13px 'DM Mono';color:#4e555b}.delete-entry{border:0;background:none;color:#a0a4a8;font-size:17px;cursor:pointer}.empty-state{padding:28px 22px;color:#92979b;font-size:14px}.empty-state[hidden]{display:none}.table-total{display:flex;justify-content:space-between;padding:15px 22px;background:#fcfcfb;font-size:13px}.table-total b{font-family:'DM Mono';font-size:14px}.modal-backdrop{position:fixed;inset:0;background:rgba(22,28,30,.42);display:grid;place-items:center;z-index:5}.modal{position:relative;background:white;width:min(420px,calc(100% - 30px));padding:30px;border-radius:14px;box-shadow:0 20px 60px #0004}.modal h2{font-family:Fraunces;font-size:27px;margin-bottom:24px}.modal label{display:block;font-size:12px;font-weight:700;color:#626870;margin-bottom:16px}.modal input{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin-top:6px;font:14px 'DM Sans'}.modal .start-btn{width:100%;margin-top:4px}.modal-close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:24px;color:#85898d}.time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toast{position:fixed;right:25px;bottom:25px;background:#252c31;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;transform:translateY(80px);opacity:0;transition:.25s;z-index:6}.toast.show{transform:translateY(0);opacity:1}@media(max-width:850px){.sidebar{width:67px;padding:24px 9px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:19px}.upgrade,.profile>span:not(.avatar),.profile i{display:none}.profile{justify-content:center;padding:0}main{margin-left:67px;padding:34px 28px}.hero-grid{grid-template-columns:1fr}}@media(max-width:600px){main{margin:0;padding:24px 16px}.sidebar{display:none}header{margin-bottom:25px}h1{font-size:30px}.hero-grid{gap:14px}.timer-card,.summary-card{padding:20px}.clock-card{flex-wrap:wrap;gap:15px}.clock-event{width:45%}.clock-line{display:none}.clock-total{width:100%;text-align:left}.table-head,.entry{grid-template-columns:1fr 76px 20px;padding-left:15px;padding-right:15px}}
.access-chip{align-self:center;display:flex;align-items:center;gap:7px;background:#edf7f1;border:1px solid #d6ecdf;color:#28765d;border-radius:30px;padding:8px 11px;font-size:12px;font-weight:700}.access-chip i{width:7px;height:7px;border-radius:50%;background:var(--green)}.report-section{margin-top:55px;padding-top:45px;border-top:1px solid #e3e4e1}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.report-metrics article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 18px}.report-metrics span{font-size:10px;font-weight:700;letter-spacing:.9px;color:#8a8f93}.report-metrics b{display:block;font:600 25px 'DM Mono';letter-spacing:-1.5px;margin:10px 0 5px}.report-metrics small{font-size:11px;color:#8c9195}.report-metrics .positive{color:#2c8c6d}.attendance-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.report-toolbar{display:flex;align-items:center;gap:14px;padding:16px 19px;border-bottom:1px solid var(--line);background:#fdfdfc}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;width:250px;color:#90959a}.search input{border:0;outline:0;padding:9px 0;width:100%;font:13px 'DM Sans'}.filter-label{font-size:10px;font-weight:700;letter-spacing:.7px;color:#8c9195;margin-left:auto}.filter-label+.filter-label{margin-left:0}.filter-label select{margin-left:7px;border:0;background:transparent;font:600 12px 'DM Sans';color:#444b50;outline:0}.attendance-head,.attendance-row{display:grid;grid-template-columns:1.65fr .9fr .85fr .85fr .8fr .9fr;align-items:center;gap:9px;padding:13px 20px}.attendance-head{background:#fafaf8;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.8px;font-weight:700;color:#8a8f93}.attendance-row{border-bottom:1px solid #efefed;font-size:13px}.person{display:flex;align-items:center;gap:10px;font-weight:600}.person-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:9px;font-weight:700}.person small{display:block;color:#8b9095;font-size:11px;font-weight:400;margin-top:2px}.attendance-time{font-family:'DM Mono';font-size:12px;color:#4b5258}.attendance-date{font-size:12px;color:#596067}.status{font-size:11px;font-weight:700;width:max-content;padding:5px 8px;border-radius:30px}.status.live{background:#e5f5ed;color:#298565}.status.complete{background:#f0f1ef;color:#61686e}.report-footer{display:flex;justify-content:space-between;padding:13px 20px;color:#8c9296;font-size:11px;background:#fdfdfc}@media(max-width:850px){.report-metrics{grid-template-columns:repeat(2,1fr)}.attendance-table{overflow-x:auto}.attendance-head,.attendance-row{min-width:720px}}@media(max-width:600px){.access-chip{display:none}.report-metrics{grid-template-columns:1fr 1fr;gap:8px}.report-metrics article{padding:14px}.report-toolbar{flex-wrap:wrap}.search{width:100%}.filter-label{margin-left:0}.report-footer{font-size:10px}}
.login-shell{position:fixed;inset:0;z-index:20;background:#f4f5f1;display:grid;place-items:center;padding:24px;background-image:radial-gradient(circle at 15% 18%,#e3f0d6 0,transparent 23%),radial-gradient(circle at 83% 82%,#f5ddca 0,transparent 23%)}.login-shell[hidden]{display:none}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 24px 70px #45504b1a;border-radius:16px;padding:36px}.login-brand{color:var(--ink);padding:0;margin:0 0 38px}.login-card h1{font-size:31px;line-height:1.1;margin:0 0 11px}.login-copy{font-size:14px;color:var(--muted);margin-bottom:27px}.login-card label{font-size:12px;font-weight:700;color:#555b61;display:block;margin:0 0 16px}.login-card input{display:block;width:100%;border:1px solid var(--line);border-radius:7px;margin-top:7px;padding:12px;font:14px 'DM Sans';outline-color:#92bb83}.login-card .start-btn{width:100%;margin-top:4px}.login-card .start-btn:disabled{opacity:.7;cursor:wait}.login-card .start-btn span{margin-left:auto}.login-note{margin:19px 0 0;color:#92979a;text-align:center;font-size:11px}.login-error{font-size:12px;background:#fff0ef;color:#a8473a;border-radius:6px;padding:9px 10px;margin-bottom:14px}.login-error.is-muted{background:#eef6ff;color:#28628f}.employee-management{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;display:flex;justify-content:space-between;align-items:center;margin-top:18px}.employee-management h2{margin-bottom:3px}.employee-management p{font-size:13px;color:var(--muted);margin:0}.management-actions{display:flex;gap:8px}.import-btn,.edit-employee,.delete-employee{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 12px;font:600 12px 'DM Sans';color:#4a5156;cursor:pointer}.import-btn{border-color:#9bbb8e;background:#edf7e9;color:#357054}.delete-employee{border-color:#f0c5be;color:#af5145;background:#fffafa}.employee-mode .report-section,.employee-mode .nav-item[href="#reports"],.employee-mode .nav-item[href="#team"]{display:none}@media(max-width:600px){.login-card{padding:26px}.login-card h1{font-size:28px}.employee-management{display:block}.management-actions{margin-top:17px;flex-wrap:wrap}}
.modal-backdrop[hidden]{display:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.modal-actions .secondary{padding:0 20px}.modal-actions .start-btn{margin-top:0}
.add-employee{border:1px solid #9bbb8e;background:#edf7e9;color:#357054;border-radius:7px;padding:10px 12px;font:600 12px 'DM Sans';cursor:pointer}.management-actions select{border:1px solid var(--line);background:#fff;color:#555b60;border-radius:7px;padding:9px;font:12px 'DM Sans';max-width:150px}.employee-form label small{font-weight:400;color:#8b9095}.employee-form .login-error{margin-top:-5px}@media(max-width:600px){.management-actions select{width:100%;max-width:none}}
.live-team-section{margin-top:45px}.live-count{font-size:12px;color:#58705f;background:#edf7f0;border-radius:20px;padding:8px 11px;font-weight:500}.live-count i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.live-team-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.live-team-head,.live-team-row{display:grid;grid-template-columns:1.25fr 1.65fr .8fr .8fr .9fr;align-items:center;gap:11px;padding:14px 20px}.live-team-head{background:#fbfbf9;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;color:#888e93;letter-spacing:.85px}.live-team-row{border-bottom:1px solid #f0f0ee;font-size:13px}.live-team-row:last-child{border-bottom:0}.task-cell{display:flex;align-items:center;gap:8px;font-size:12px;color:#4f575d}.task-cell .project-dot{width:8px;height:8px}.live-clock{font:12px 'DM Mono';color:#5c646a}.status.active{background:#e5f5ed;color:#298565}.employee-mode .live-team-section{display:none}@media(max-width:850px){.live-team-card{overflow-x:auto}.live-team-head,.live-team-row{min-width:720px}}@media(max-width:600px){.live-count{display:none}}
.admin-mode .timer-card{display:none}.admin-mode .hero-grid{grid-template-columns:1fr}.admin-mode .summary-card{max-width:none}.live-team-row[role="button"]{cursor:pointer;transition:background .16s}.live-team-row[role="button"]:hover,.live-team-row[role="button"]:focus{background:#f7faf6;outline:0}.detail-person{display:flex;align-items:center;gap:12px;margin:6px 0 23px}.detail-person .person-avatar{width:42px;height:42px;font-size:12px}.detail-person h2{font-family:Fraunces;font-size:24px;margin:0 0 3px}.detail-person p{font-size:13px;color:var(--muted);margin:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.detail-grid div{background:#f7f8f5;border-radius:8px;padding:13px}.detail-grid span{display:block;font-size:9px;font-weight:700;letter-spacing:.8px;color:#858a8f;margin-bottom:6px}.detail-grid b{font-size:13px;color:#394045}.employee-detail .start-btn{width:100%}
.schedule-section{margin-top:45px}.schedule-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.schedule-metric{border:1px solid var(--line);background:#fff;border-radius:10px;text-align:left;padding:18px;cursor:pointer;transition:.16s}.schedule-metric:hover,.schedule-metric.active{border-color:#9cc5ad;background:#f5faf5}.schedule-metric span{font-size:10px;font-weight:700;letter-spacing:.85px;color:#858b90}.schedule-metric b{display:block;margin:9px 0 4px;font:600 25px 'DM Mono';letter-spacing:-1.5px}.schedule-metric small{font-size:11px;color:#878d92}.schedule-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.schedule-head,.schedule-row{display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr 1.2fr;align-items:center;gap:10px;padding:14px 20px}.schedule-head{background:#fbfbf9;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;color:#888e93;letter-spacing:.85px}.schedule-row{border-bottom:1px solid #f0f0ee;font-size:13px;cursor:pointer;transition:.16s}.schedule-row:hover,.schedule-row:focus{background:#f7faf6;outline:0}.schedule-shift{font:12px 'DM Mono';color:#626a70}.note{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.note i{width:7px;height:7px;border-radius:50%}.note.checked{color:#278565}.note.checked i{background:#2b8d70}.note.early{color:#aa7130}.note.early i{background:#e5a94c}.note.overtime{color:#7652a7}.note.overtime i{background:#9b71c9}.employee-mode .schedule-section{display:none}@media(max-width:850px){.schedule-metrics{grid-template-columns:repeat(2,1fr)}.schedule-card{overflow-x:auto}.schedule-head,.schedule-row{min-width:750px}}@media(max-width:600px){.schedule-metrics{gap:8px}.schedule-metric{padding:14px}.schedule-metric b{font-size:21px}}
.earnings-card{background:#26332e;color:#fff;border-radius:12px;padding:21px 23px;display:grid;grid-template-columns:1fr 1.2fr 1.2fr;align-items:center;gap:25px;margin-bottom:18px}.earnings-card .eyebrow{color:#b9c8be}.earnings-card h3{font:600 31px 'DM Mono';letter-spacing:-1.5px;margin:0 0 5px}.earnings-card p:not(.eyebrow){color:#c3cec6;font-size:12px;margin:0}.earnings-method{border-left:1px solid #56645d;padding-left:22px;font-size:12px}.earnings-method b,.earnings-method span,.earnings-method small{display:block}.earnings-method b{margin-bottom:5px}.earnings-method span{color:#dff04c}.earnings-method small{color:#b9c8be;line-height:1.4;margin-top:7px}.earning-list{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.earning-chip{border:1px solid #526259;background:#34423b;padding:7px 8px;border-radius:7px;font-size:11px;color:#dce8de;cursor:pointer}.earning-chip b{color:#dff04c;margin-left:4px;font-family:'DM Mono'}.schedule-head,.schedule-row{grid-template-columns:1.55fr 1.05fr .8fr .8fr .65fr .75fr 1.2fr}@media(max-width:850px){.earnings-card{grid-template-columns:1fr;gap:16px}.earnings-method{border-left:0;border-top:1px solid #56645d;padding:14px 0 0}.earning-list{justify-content:flex-start}.schedule-head,.schedule-row{min-width:980px}}
.dashboard-clickable{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.dashboard-clickable:hover,.dashboard-clickable:focus{outline:0;transform:translateY(-1px);border-color:#b7d1bf;box-shadow:0 8px 22px #43604a12}.bar{cursor:pointer}.bar:hover{filter:brightness(.9)}
.payroll-calendar-section{margin-top:45px}.payroll-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.payday-card,.holiday-pay-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.payday-card h3,.holiday-pay-card h3{font:600 27px 'DM Mono';letter-spacing:-1.4px;margin:8px 0}.payday-card p:not(.eyebrow),.holiday-pay-card p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.payday-card span{display:inline-block;background:#fff1dc;color:#a26b23;border-radius:20px;padding:6px 8px;font-size:11px;font-weight:700;margin-top:13px}.holiday-pay-card{background:#f8fbf4}.holiday-calendar-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.calendar-head h3{font-family:Fraunces;font-size:20px;margin:0}.calendar-head button{border:1px solid var(--line);background:#fff;border-radius:7px;width:30px;height:30px;font-size:22px;line-height:1;color:#5d656a;cursor:pointer}.calendar-week,.holiday-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-week{margin-bottom:5px}.calendar-week span{font-size:10px;font-weight:700;color:#93989c;text-align:center}.calendar-day{min-height:58px;border:1px solid #f0f0ed;border-radius:7px;padding:7px;font-size:12px;cursor:pointer;background:#fff;text-align:left}.calendar-day:hover{border-color:#b7d1bf;background:#f7faf6}.calendar-day.muted{color:#c4c7c8;background:#fcfcfb}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--green)}.calendar-day .holiday-name{display:block;font-size:9px;line-height:1.25;margin-top:5px;font-weight:700}.calendar-day.regular .holiday-name{color:#a14f42}.calendar-day.special .holiday-name{color:#82652c}.holiday-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#6e7478;margin-top:14px}.holiday-legend i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:5px}.regular-holiday{background:#e07b6d}.special-holiday{background:#e7b75c}.employee-mode .payroll-calendar-section{display:none}@media(max-width:600px){.payroll-grid{grid-template-columns:1fr}.calendar-day{min-height:47px;padding:5px}.calendar-day .holiday-name{font-size:8px}.holiday-calendar{gap:3px}}
.projects-section,.team-section{margin-top:45px}.project-options{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.project-option{border:1px solid var(--line);background:#fff;border-radius:22px;padding:9px 13px;font:600 12px 'DM Sans';color:#596066;cursor:pointer}.project-option i{display:inline-block;width:7px;height:7px;background:#a9bec6;border-radius:50%;margin-right:6px}.project-option.active,.project-option:hover{border-color:#a0c4aa;background:#f2f9f2;color:#287b5e}.project-option.active i{background:var(--green)}.project-list-card,.team-list-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-list-head,.project-row{display:grid;grid-template-columns:1.35fr .85fr 1.4fr 1fr .75fr;align-items:center;gap:10px;padding:14px 20px}.team-list-head,.team-row{display:grid;grid-template-columns:1.35fr 1.5fr 1fr 1fr .75fr;align-items:center;gap:10px;padding:14px 20px}.project-list-head,.team-list-head{background:#fbfbf9;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;color:#888e93;letter-spacing:.85px}.project-row,.team-row{font-size:13px;border-bottom:1px solid #f0f0ee;cursor:pointer;transition:.16s}.project-row:hover,.team-row:hover,.project-row:focus,.team-row:focus{background:#f7faf6;outline:0}.project-tag{display:inline-block;padding:5px 8px;border-radius:20px;background:#f0f3f0;color:#56625a;font-size:11px;font-weight:700}.access-state{font-size:11px;font-weight:700;color:#298565;background:#e5f5ed;border-radius:20px;padding:5px 8px;width:max-content}.access-state.pending{color:#8b6b35;background:#fff4dd}.admin-mode[data-page="today"] .schedule-section,.admin-mode[data-page="today"] .report-section,.admin-mode[data-page="today"] .projects-section,.admin-mode[data-page="today"] .team-section{display:none}.admin-mode[data-page="attendance"] .hero-grid,.admin-mode[data-page="attendance"] .live-team-section,.admin-mode[data-page="attendance"] .payroll-calendar-section,.admin-mode[data-page="attendance"] .activity-section,.admin-mode[data-page="attendance"] .projects-section,.admin-mode[data-page="attendance"] .team-section{display:none}.admin-mode[data-page="projects"] .hero-grid,.admin-mode[data-page="projects"] .live-team-section,.admin-mode[data-page="projects"] .schedule-section,.admin-mode[data-page="projects"] .report-section,.admin-mode[data-page="projects"] .payroll-calendar-section,.admin-mode[data-page="projects"] .activity-section,.admin-mode[data-page="projects"] .team-section{display:none}.admin-mode[data-page="team"] .hero-grid,.admin-mode[data-page="team"] .live-team-section,.admin-mode[data-page="team"] .schedule-section,.admin-mode[data-page="team"] .report-section,.admin-mode[data-page="team"] .payroll-calendar-section,.admin-mode[data-page="team"] .activity-section,.admin-mode[data-page="team"] .projects-section{display:none}.admin-mode[data-page="attendance"] #employeeManagement{display:none}@media(max-width:850px){.project-list-card,.team-list-card{overflow-x:auto}.project-list-head,.project-row{min-width:760px}.team-list-head,.team-row{min-width:760px}}
.admin-only,.employee-only{display:none}.admin-mode .admin-only,.employee-mode .employee-only{display:flex}.admin-mode section.admin-only,.employee-mode section.employee-only{display:block}.employee-mode .admin-only{display:none!important}.admin-mode .employee-only{display:none!important}.employee-mode #addTime{display:none}.employee-action{display:none}.employee-mode .employee-action{display:inline-flex}.employee-mode .timer-controls .start-btn{min-width:130px}.password-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:6px}.password-row input{margin-top:0}.password-row .secondary{min-height:40px}.approval-section,.employee-calendar-section,.employee-docs-section,.employee-requests-section{margin-top:45px}.approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.approval-card,.employee-calendar-card,.docs-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;overflow:hidden}.approval-card h3{font-family:Fraunces;font-size:22px;margin:0 0 14px}.approval-row,.document-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-bottom:1px solid #f0f0ee;padding:13px 0;font-size:13px}.approval-row:last-child,.document-row:last-child{border-bottom:0}.approval-row b,.document-row b{display:block}.approval-row small,.document-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.approval-actions{display:flex;gap:7px}.approve-btn,.reject-btn{border:1px solid var(--line);border-radius:7px;background:#fff;padding:7px 9px;font:700 11px 'DM Sans';cursor:pointer}.approve-btn{background:#e8f7ef;color:#28765d;border-color:#cce7d6}.reject-btn{background:#fff0ef;color:#a8473a;border-color:#f0c5be}.upload-box{border:1px dashed #b8c5bb;background:#f8fbf6;border-radius:12px;display:grid;place-items:center;gap:4px;padding:28px;margin-bottom:12px;cursor:pointer;color:#357054;font-weight:700}.upload-box small{font-weight:400;color:var(--muted)}.calendar-day.leave-booked{background:#fff4dd;border-color:#e9c985}.calendar-day.leave-booked .holiday-name{color:#8b6b35}.employee-mode[data-page="today"] .live-team-section,.employee-mode[data-page="today"] .schedule-section,.employee-mode[data-page="today"] .payroll-calendar-section,.employee-mode[data-page="today"] .report-section,.employee-mode[data-page="today"] .projects-section,.employee-mode[data-page="today"] .team-section,.employee-mode[data-page="today"] .approval-section,.employee-mode[data-page="today"] .employee-calendar-section,.employee-mode[data-page="today"] .employee-docs-section,.employee-mode[data-page="today"] .employee-requests-section{display:none}.employee-mode[data-page="calendar"] .hero-grid,.employee-mode[data-page="calendar"] .live-team-section,.employee-mode[data-page="calendar"] .schedule-section,.employee-mode[data-page="calendar"] .payroll-calendar-section,.employee-mode[data-page="calendar"] .activity-section,.employee-mode[data-page="calendar"] .report-section,.employee-mode[data-page="calendar"] .projects-section,.employee-mode[data-page="calendar"] .team-section,.employee-mode[data-page="calendar"] .approval-section,.employee-mode[data-page="calendar"] .employee-docs-section,.employee-mode[data-page="calendar"] .employee-requests-section{display:none}.employee-mode[data-page="documents"] .hero-grid,.employee-mode[data-page="documents"] .live-team-section,.employee-mode[data-page="documents"] .schedule-section,.employee-mode[data-page="documents"] .payroll-calendar-section,.employee-mode[data-page="documents"] .activity-section,.employee-mode[data-page="documents"] .report-section,.employee-mode[data-page="documents"] .projects-section,.employee-mode[data-page="documents"] .team-section,.employee-mode[data-page="documents"] .approval-section,.employee-mode[data-page="documents"] .employee-calendar-section,.employee-mode[data-page="documents"] .employee-requests-section{display:none}.employee-mode[data-page="requests"] .hero-grid,.employee-mode[data-page="requests"] .live-team-section,.employee-mode[data-page="requests"] .schedule-section,.employee-mode[data-page="requests"] .payroll-calendar-section,.employee-mode[data-page="requests"] .activity-section,.employee-mode[data-page="requests"] .report-section,.employee-mode[data-page="requests"] .projects-section,.employee-mode[data-page="requests"] .team-section,.employee-mode[data-page="requests"] .approval-section,.employee-mode[data-page="requests"] .employee-calendar-section,.employee-mode[data-page="requests"] .employee-docs-section{display:none}.admin-mode[data-page="approvals"] .hero-grid,.admin-mode[data-page="approvals"] .live-team-section,.admin-mode[data-page="approvals"] .schedule-section,.admin-mode[data-page="approvals"] .report-section,.admin-mode[data-page="approvals"] .payroll-calendar-section,.admin-mode[data-page="approvals"] .activity-section,.admin-mode[data-page="approvals"] .projects-section,.admin-mode[data-page="approvals"] .team-section{display:none}.admin-mode[data-page="today"] .approval-section{display:none}.admin-mode[data-page="attendance"] .approval-section{display:none}.admin-mode[data-page="projects"] .approval-section{display:none}.admin-mode[data-page="team"] .approval-section{display:none}.team-row small{display:block;color:#8b9095;font-size:11px;font-weight:400;margin-top:2px}@media(max-width:850px){.approval-grid{grid-template-columns:1fr}.approval-row{grid-template-columns:1fr}.approval-actions{justify-content:flex-start}}

/* Sync2Time metallic orange + metallic blue theme */
:root{--ink:#182331;--muted:#6d7684;--line:#dde5ee;--cream:#f6f8fb;--paper:#ffffff;--green:#1d6fbb;--lime:#f28c28;--coral:#e6782f;--blue:#2a7fd3;--metal-orange:linear-gradient(135deg,#8f3f12 0%,#f07d24 23%,#ffc37a 49%,#bd5b1e 70%,#6f310f 100%);--metal-blue:linear-gradient(135deg,#10263f 0%,#1f6fb8 26%,#8dc8ff 50%,#1f5c9d 73%,#0b1d33 100%);--metal-night:linear-gradient(145deg,#0d1b2e 0%,#17395e 42%,#0b1627 100%)}body{background:radial-gradient(circle at 8% 8%,#ffe6c7 0,transparent 24%),radial-gradient(circle at 90% 12%,#d7ebff 0,transparent 25%),var(--cream)}.sidebar{background:var(--metal-night);box-shadow:inset -1px 0 0 #ffffff1c}.brand-mark{background:var(--metal-orange);color:#fff;text-shadow:0 1px 2px #0007;box-shadow:inset 0 1px 0 #fff8,inset 0 -2px 6px #5c230a66,0 5px 14px #d9682440}.nav-item.active{background:linear-gradient(135deg,#174c82,#235f9d 45%,#10263f);box-shadow:inset 0 1px 0 #ffffff2e}.upgrade,.earnings-card{background:linear-gradient(135deg,#122840,#1f5f9d 42%,#e87327 100%);border-color:#6699c9;color:#fff;box-shadow:inset 0 1px 0 #ffffff36}.start-btn,.approve-btn{background:var(--metal-orange);color:#fff;text-shadow:0 1px 1px #5b230a;border:1px solid #d56d24;box-shadow:inset 0 1px 0 #fff7,0 8px 18px #e6782f2e}.start-btn.running{background:linear-gradient(135deg,#0e3156,#2a7fd3 48%,#86c8ff);color:#fff}.secondary,.export,.import-btn,.add-employee,.edit-employee{border-color:#b9cce0;background:linear-gradient(180deg,#fff,#eef6ff);color:#1c568e}.access-chip,.live-count,.status.live,.status.active,.access-state{background:linear-gradient(135deg,#e8f4ff,#cce6ff);border-color:#9bc9f2;color:#145995}.access-chip i,.live-count i,.bar.today,.project-option.active i,.note.checked i{background:#f28c28}.trend,.report-metrics .positive,.note.checked{color:#1d6fbb}.project-dot.coral,.coral{background:#f28c28}.project-dot.blue,.blue{background:#2a7fd3}.bar{background:linear-gradient(180deg,#bcdcff,#2a7fd3)}.summary-card,.timer-card,.clock-card,.table-card,.attendance-card,.schedule-card,.project-list-card,.team-list-card,.approval-card,.employee-calendar-card,.docs-card,.payday-card,.holiday-pay-card,.holiday-calendar-card,.report-metrics article,.employee-management{box-shadow:0 12px 32px #1834530d;border-color:#d7e2ef}.schedule-metric:hover,.schedule-metric.active,.project-option.active,.project-option:hover{border-color:#f1a661;background:linear-gradient(135deg,#fff8f0,#eef6ff);color:#174c82}.earnings-method span,.earning-chip b{color:#ffd093}.earning-chip{background:#17395e;border-color:#5d94c7;color:#eef7ff}.calendar-day.today{box-shadow:inset 0 0 0 1px #f28c28}.clock-icon.in{background:#e6f3ff;color:#1d6fbb}.clock-icon.out{background:#fff0e4;color:#c85d1b}.upload-box{border-color:#8bbce9;background:linear-gradient(135deg,#eef7ff,#fff4ea);color:#1d6fbb}