:root{--nav:#142b27;--nav2:#1d3933;--ink:#18322d;--sea:#087a76;--sea2:#0b918a;--bg:#f1f4f2;--line:#dce5e1;--muted:#71817d;--white:#fff;--danger:#b84b43;--warning:#a67817;--success:#278965}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}#sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:25px 17px;background:var(--nav);color:#dce8e4;display:flex;flex-direction:column;z-index:30;overflow:auto}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;padding:0 10px 24px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#13a09a;font:23px Georgia,serif}.brand b{display:flex;flex-direction:column;font-size:20px;letter-spacing:1px}.brand small{margin-top:4px;color:#8fa9a2;font-size:9px}.nav-label,.eyebrow{margin:17px 12px 8px;color:#6f9189;font-size:9px;font-weight:900;letter-spacing:1.8px}.nav-list{display:grid;gap:3px}.nav-list button,.sidebar-foot button,.sidebar-foot a{width:100%;border:0;border-radius:9px;padding:11px 12px;background:transparent;color:#aac0ba;text-align:left;text-decoration:none;font-size:12px;font-weight:700}.nav-list button:hover,.nav-list button.active,.sidebar-foot button:hover{background:var(--nav2);color:#fff}.nav-list i{display:inline-block;width:26px;font-style:normal}.nav-list em{float:right;min-width:22px;padding:2px 6px;border-radius:12px;background:#285149;color:#a7ddd2;font-style:normal;text-align:center}.sidebar-foot{margin-top:auto;display:grid;gap:3px;padding-top:22px}#operations{margin-left:252px;min-height:100vh}#topbar{height:74px;padding:0 34px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:20}#menu{display:none;border:0;background:none;font-size:22px}.search{display:flex;align-items:center;gap:9px;max-width:500px;flex:1;padding:10px 14px;border-radius:10px;background:#f3f6f4;color:var(--muted)}.search input{width:100%;border:0;outline:0;background:none}.server{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.server i{width:8px;height:8px;border-radius:50%;background:#c3a147}.server i.online{background:#2aa475}.server i.offline{background:#d85d54}#language{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff}.user{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid var(--line)}.user>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcefeb;color:var(--sea);font-size:11px;font-weight:900}.user div{display:flex;flex-direction:column;font-size:11px}.user small{margin-top:3px;color:var(--muted)}#content{padding:34px}.loading,.empty{padding:50px;text-align:center;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.page-head .eyebrow{margin:0 0 7px;color:var(--sea)}.page-head h1{margin:0 0 7px;font:35px Georgia,serif}.page-head p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.primary,.secondary,.danger,.small{border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:800}.primary{background:var(--sea);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.danger{background:#fff0ef;color:var(--danger)}.small{padding:7px 9px;background:#edf4f2;color:var(--sea)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric,.panel{border:1px solid var(--line);border-radius:13px;background:#fff}.metric{padding:21px}.metric span,.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;margin:12px 0 7px;font:34px Georgia,serif}.metric .positive{color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:21px Georgia,serif}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:13px 16px;background:#f8faf9;color:var(--muted);text-align:left;font-size:9px;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}td{padding:14px 16px;border-top:1px solid #edf1ef;vertical-align:top}td b{display:block;margin-bottom:4px}td small{color:var(--muted);line-height:1.5}.clickable-row:hover{background:#f3f8f6}.status{display:inline-block;padding:5px 9px;border-radius:14px;background:#fff1cf;color:#826614;font-size:10px;font-weight:900;white-space:nowrap}.status.paid,.status.won,.status.checked-out,.status.active{background:#dff4eb;color:#237459}.status.cancelled,.status.archived{background:#f8e4e2;color:#a94c43}.activity-list{padding:5px 20px}.activity{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #edf1ef}.activity>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e0f0ec;color:var(--sea);font-size:10px;font-weight:900}.activity p{margin:2px 0;color:var(--muted);font-size:11px}.schedule-toolbar{display:flex;align-items:center;gap:8px}.schedule-grid{display:grid;gap:10px;padding:16px}.schedule-row{display:grid;grid-template-columns:180px 1fr;gap:13px}.schedule-person{padding:12px;border-radius:9px;background:#f4f7f5}.schedule-person b,.schedule-person small{display:block}.schedule-person small{margin-top:4px;color:var(--muted)}.schedule-lane{position:relative;min-height:72px;border-radius:9px;background:repeating-linear-gradient(90deg,#f8faf9 0,#f8faf9 calc(8.333% - 1px),#e6ece9 calc(8.333% - 1px),#e6ece9 8.333%)}.job-block{position:absolute;top:7px;min-width:70px;height:58px;padding:8px;border:0;border-radius:8px;background:#dcefeb;color:var(--ink);text-align:left;overflow:hidden}.job-block strong,.job-block small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-block small{margin-top:5px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pipeline-column{min-height:300px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#eef2f0}.pipeline-column h3{margin:3px 4px 12px;font-size:13px}.pipeline-card{margin-bottom:9px;padding:14px;border-radius:9px;background:#fff;box-shadow:0 2px 8px #18322d0c}.pipeline-card b,.pipeline-card span{display:block}.pipeline-card span{margin-top:7px;color:var(--muted);font-size:11px}.report-bars{height:210px;display:flex;align-items:flex-end;gap:12px;padding:25px}.report-bars i{flex:1;min-height:5px;border-radius:7px 7px 0 0;background:linear-gradient(var(--sea2),var(--sea));position:relative}.report-bars i span{position:absolute;bottom:-20px;width:100%;text-align:center;color:var(--muted);font-size:9px}.pnl-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.expense-row{display:grid;grid-template-columns:1fr 130px 35px;gap:8px;margin-bottom:8px}.expense-row input{width:100%}.checks{display:flex;gap:12px;flex-wrap:wrap}.checks label{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px}dialog{width:min(720px,calc(100% - 24px));max-height:90vh;border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px #10292355}dialog::backdrop{background:#10292388}dialog form,#details-body{position:relative;padding:30px;overflow:auto}.close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:26px}.eyebrow{color:var(--sea);margin-left:0}dialog h2{font:28px Georgia,serif;margin:8px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.expense-row input{padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.form-grid textarea{min-height:80px}.form-error{color:var(--danger);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-actions>button:not(.primary){border:0;border-radius:9px;padding:11px 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid div{padding:12px;border-radius:8px;background:#f3f6f4}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{margin-bottom:5px;color:var(--muted);font-size:9px;text-transform:uppercase}.detail-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.photos{display:flex;gap:8px;flex-wrap:wrap}.photos img{width:100px;height:80px;object-fit:cover;border-radius:7px}.toast,#toast{position:fixed;right:25px;bottom:25px;z-index:100;padding:13px 17px;border-radius:9px;background:var(--ink);color:#fff;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;font-size:12px}#toast.show{opacity:1;transform:none}
@media(max-width:1050px){#sidebar{transform:translateX(-100%);transition:.2s}#sidebar.open{transform:none}#operations{margin-left:0}#menu{display:block}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.pnl-grid{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}}
@media(max-width:650px){#content{padding:23px 13px}#topbar{padding:0 14px;gap:9px}.user div,.server span{display:none}.page-head{align-items:flex-start;flex-direction:column}.metrics,.pipeline,.form-grid,.detail-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.schedule-lane{overflow:auto}.page-head h1{font-size:29px}}

/* Reference dashboard visual system */
:root{--nav:#fff;--nav2:#f0edff;--ink:#151a2d;--sea:#6655d9;--sea2:#7b67e8;--bg:#f5f6fa;--line:#e7e8ef;--muted:#7c8292;--success:#2bad78}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}#sidebar{width:236px;padding:24px 16px 16px;background:#fff;color:#697080;border-right:1px solid var(--line)}.brand{color:#171c31;padding:0 8px 34px;gap:11px}.brand>span{width:35px;height:35px;border-radius:8px;background:linear-gradient(145deg,#725ce0,#5549c9);color:#fff;font:700 20px/1 Arial;transform:rotate(-5deg);box-shadow:0 7px 16px #6655d92b}.brand b{font-size:19px;letter-spacing:0}.brand small{color:#6556c9;letter-spacing:3px;font-size:8px}.nav-label{margin:18px 12px 8px;color:#9da1ae;font-size:9px;letter-spacing:2px}.nav-list{gap:2px}.nav-list button{padding:11px 12px;color:#626a79;font-size:12px;font-weight:500}.nav-list button:hover,.nav-list button.active{background:#f0edff;color:#5143b9}.nav-list i{width:28px;color:#657080}.nav-list em{background:#ede9ff;color:#6253ce;font-size:9px}.sidebar-foot{border-top:1px solid var(--line);padding-top:18px}.online-card{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:13px;border-radius:11px;background:#f1efff}.online-card>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ded8ff;color:#5d4ed0;font-style:normal;font-weight:800}.online-card div{display:flex;flex-direction:column;font-size:11px}.online-card small{margin-top:3px;color:#888da0;font-size:9px}.online-card button{grid-column:1/-1!important;padding:8px!important;background:#6855d8!important;color:#fff!important;text-align:center!important}#operations{margin-left:236px}#topbar{height:72px;padding:0 28px;background:#fff;gap:15px}.search{max-width:430px;background:#f7f7f9;border:1px solid #eff0f3;padding:9px 12px}.search kbd{padding:3px 7px;border:1px solid #e2e3e8;border-radius:5px;background:#fff;color:#a0a4af;font-size:9px}.server{display:none}.language{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;padding:5px 9px;margin-left:auto;font-size:11px}.language select,#language{border:0;padding:5px;background:#fff;font-size:11px}.notification{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:#575e70}.mobile-preview{padding:10px 14px;border:1px solid #ddd7ff;border-radius:8px;background:#f5f2ff;color:#5849bd;font-size:11px;font-weight:700}.user{border:0;padding-left:3px}.user>span{background:#705cda;color:#fff}.user div{font-size:10px}#content{padding:28px 6.5%;max-width:1680px;margin:auto}.dashboard-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 24px}.dashboard-title p{margin:0 0 11px;color:#8c91a0;font-size:9px;font-weight:700;letter-spacing:1.8px}.dashboard-title h1{margin:0;font-size:25px;font-weight:500}.dashboard-title h2{margin:9px 0 0;color:#7e8493;font-size:12px;font-weight:400}.primary{background:#6655d9;box-shadow:0 6px 14px #6655d930}.metrics-five{grid-template-columns:repeat(5,1fr);gap:14px}.metric,.panel{border-color:#e6e7ed;border-radius:11px;box-shadow:0 2px 7px #25294208}.dashboard-metric{display:flex;align-items:center;gap:15px;padding:18px}.dashboard-metric>i{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:9px;font-style:normal;font-weight:800}.dashboard-metric i.purple{background:#eeeaff;color:#6555d6}.dashboard-metric i.mint{background:#e2f6ee;color:#29906b}.dashboard-metric i.green{background:#ddf7eb;color:#218660}.dashboard-metric i.gold{background:#fff1d9;color:#d18b20}.dashboard-metric i.blue{background:#e5f3ff;color:#4e86c9}.dashboard-metric strong{font-family:inherit;font-size:21px;margin:6px 0}.dashboard-metric small{font-size:8px;color:#121722}.dashboard-metric:nth-child(3){background:linear-gradient(120deg,#fff,#f0fbf5);border-color:#cfebdd}.dash-schedule{margin-bottom:18px}.dash-schedule .panel-head{padding:17px 18px}.panel-head h2{font-family:inherit;font-size:14px;font-weight:500}.panel-head p{font-size:9px}.schedule-nav{display:flex;gap:7px;align-items:center}.schedule-nav button{padding:8px 11px;font-size:9px}.date-button{min-width:145px}.dash-hours{display:grid;grid-template-columns:165px repeat(15,minmax(46px,1fr));min-width:950px;background:#f6f7fa;border-bottom:1px solid var(--line)}.dash-hours>b{padding:12px;font-size:9px}.dash-hours>b small{display:block;margin-top:5px;color:#9a9eab;font-weight:400}.dash-hours>span{padding:14px 5px;border-left:1px solid #e8e9ee;text-align:center;font-size:8px;color:#646b7b}.dash-lane{display:grid;grid-template-columns:165px 1fr;min-width:950px;min-height:60px;border-bottom:1px solid var(--line)}.dash-person{padding:10px 13px;background:#fff6df;border-left:3px solid #e5a32b;display:flex;flex-direction:column}.dash-person small,.dash-person span{font-size:7px;color:#99917c}.dash-person b{margin:4px 0;font-size:10px}.dash-track{position:relative;background:repeating-linear-gradient(90deg,#fffaf0 0,#fffaf0 calc(6.666% - 1px),#eeeeef calc(6.666% - 1px),#eeeeef 6.666%)}.dash-job{position:absolute;top:7px;height:45px;border:0;border-radius:6px;background:#f1ed72;color:#4e4b19;text-align:left;overflow:hidden;padding:6px}.dash-job.checked-in{background:#b9edcf}.dash-job.checked-out{background:#198b5d;color:#fff}.dash-job b,.dash-job span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.schedule-legend{display:flex;align-items:center;gap:22px;padding:15px 18px;color:#7f8491;font-size:8px}.schedule-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;background:#eef16e;margin-right:6px;vertical-align:middle}.schedule-legend .checked-in:before{background:#b9edcf}.schedule-legend .checked-out:before{background:#198b5d}.schedule-legend .unavailable:before{background:#eee}.schedule-legend small{margin-left:auto}.dash-activity{width:65%;min-width:600px}.dash-activity .activity-list{padding:0 18px}.dash-activity .activity{padding:14px 0}.dash-activity .activity>span{background:#eeeaff;color:#5b4bc5}.dash-activity .activity b{font-size:10px}.dash-activity .activity p,.dash-activity .activity small{font-size:8px;color:#9a9eaa}.panel-link{display:block;width:100%;padding:13px;border:0;background:#fff;color:#5d4bc8;font-size:9px}.dash-pipeline{clear:both}.dash-pipeline .panel-link{width:auto;padding:0}.pipeline-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:18px}.pipeline-stat>div{display:flex;justify-content:space-between;font-size:9px}.pipeline-stat em{padding:2px 7px;border-radius:10px;background:#f4f4f6;font-style:normal;color:#777d8b}.pipeline-stat>strong{display:block;margin:12px 0;font-size:17px;font-weight:500}.pipeline-stat>i{display:block;height:3px;border-radius:3px;background:#ecedf1}.pipeline-stat>i span{display:block;height:100%;background:#6294ee}.pipeline-stat.s1>i span{background:#8669db}.pipeline-stat.s2>i span{background:#e3a32f}.pipeline-stat.s3>i span{background:#36ad82}.pipeline-stat>small{display:block;margin-top:9px;color:#999eaa;font-size:8px}
@media(max-width:1250px){.metrics-five{grid-template-columns:repeat(3,1fr)}.mobile-preview{display:none}.dash-activity{width:100%}}@media(max-width:800px){.metrics-five{grid-template-columns:1fr 1fr}.language,.notification{display:none}.dash-schedule{overflow:auto}.pipeline-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.metrics-five,.pipeline-stats{grid-template-columns:1fr}.dashboard-title{align-items:flex-start;gap:18px;flex-direction:column}.dash-activity{min-width:0}}
.module-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.module-title>div>p{margin:0 0 10px;color:#9297a5;font-size:9px;font-weight:700;letter-spacing:1.8px}.module-title h1{margin:0;font-size:25px;font-weight:500}.module-title h2{margin:8px 0 0;color:#7d8392;font-size:12px;font-weight:400}.module-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:17px}.module-stats article{padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}.module-stats span,.module-stats small{display:block;color:#8c919f;font-size:9px}.module-stats strong{display:block;margin:7px 0;font-size:20px}.module-tools{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#fff}.module-tools+ .panel{border-radius:0 0 10px 10px}.module-tools label{display:flex;align-items:center;gap:7px;margin-right:auto;min-width:280px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:#9095a2}.module-tools input{width:100%;border:0;outline:0}.search-panel{margin-bottom:18px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:18px}.filter-grid label{display:flex;flex-direction:column;gap:7px;color:#666d7c;font-size:9px;font-weight:700}.filter-grid input,.filter-grid select{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff}.archive-lock{max-width:470px;margin:80px auto;padding:38px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:center;box-shadow:0 18px 50px #25294210}.archive-lock>span{display:grid;place-items:center;width:55px;height:55px;margin:auto;border-radius:50%;background:#eeeaff;font-size:23px}.archive-lock h2{margin:18px 0 8px}.archive-lock p{color:var(--muted);font-size:12px;line-height:1.6}.archive-lock label{display:flex;flex-direction:column;gap:7px;margin:20px 0;text-align:left;font-size:10px;font-weight:700}.archive-lock input{padding:11px;border:1px solid var(--line);border-radius:7px}.pnl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.expense-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.expense-grid label{display:grid;grid-template-columns:1fr 24px 110px;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:8px}.expense-grid input{min-width:0;padding:6px;border:0;outline:0}.expense-grid input:last-child{text-align:right}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.proof-grid section{padding:15px;border:1px solid var(--line);border-radius:10px}.upload{display:inline-block;margin:5px 0 12px;padding:8px 11px;border-radius:7px;background:#eeeaff;color:#5d4bc8;font-size:10px;font-weight:700;cursor:pointer}.workflow-meta{color:var(--muted);font-size:10px;line-height:1.7}
@media(max-width:800px){.module-stats,.filter-grid,.pnl-metrics{grid-template-columns:1fr 1fr}.expense-grid{grid-template-columns:1fr}}@media(max-width:650px){.module-title{align-items:flex-start;flex-direction:column;gap:16px}.module-stats,.filter-grid,.pnl-metrics,.proof-grid{grid-template-columns:1fr}.module-tools label{min-width:0}.module-tools{flex-wrap:wrap}}
.employee-preview-banner{max-width:520px;margin:0 auto 12px;padding:10px;border-radius:8px;background:#fff1c9;color:#805e10;text-align:center;font-size:9px;font-weight:800;letter-spacing:.8px}.employee-phone{max-width:520px;margin:auto;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px #2a2d4b1f;overflow:hidden}.employee-phone>header{display:flex;justify-content:space-between;align-items:center;padding:22px;background:linear-gradient(140deg,#6655d9,#8974e9);color:#fff}.employee-phone header p{margin:0 0 5px;font-size:9px;text-transform:uppercase;letter-spacing:1.4px}.employee-phone header h1{margin:0;font-size:22px}.employee-day-nav{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;padding:18px;text-align:center}.employee-day-nav div{display:flex;flex-direction:column}.employee-day-nav span{margin-top:4px;color:var(--muted);font-size:10px}.employee-jobs{min-height:350px;padding:0 16px 80px}.employee-jobs article{display:flex;justify-content:space-between;gap:15px;margin-bottom:10px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer}.employee-jobs article span,.employee-jobs article b,.employee-jobs article p{display:block}.employee-jobs article>div>span{color:#6655d9;font-size:10px;font-weight:800}.employee-jobs article b{margin-top:5px}.employee-jobs article p{margin:5px 0 0;color:var(--muted);font-size:10px}.employee-phone>nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:#fff}.employee-phone>nav button{padding:12px;border:0;background:#fff;color:#858a98;font-size:17px}.employee-phone>nav button span{display:block;margin-top:4px;font-size:8px}.employee-phone>nav button.active{color:#6655d9}.employee-preview-mode #sidebar{display:none}.employee-preview-mode #operations{margin-left:0}.employee-preview-mode #topbar .search,.employee-preview-mode #topbar .language,.employee-preview-mode #topbar .notification,.employee-preview-mode #topbar .mobile-preview{display:none}.employee-preview-mode #topbar{justify-content:flex-end}
.report-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line)}.report-results-head h3{margin:0;font-size:15px}.report-results-head p{margin:6px 0 0;color:var(--muted);font-size:10px}.report-totals{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.report-totals>strong{font-size:10px}.report-totals>span{display:flex;flex-direction:column;padding-left:14px;border-left:1px solid var(--line)}.report-totals small{color:var(--muted);font-size:8px}.report-totals b{margin-top:4px;font-size:12px}.pnl-expenses .expense-grid label>div{display:grid;grid-template-columns:18px 1fr;align-items:center}.pnl-expenses .expense-grid label>span{font-size:11px}.pnl-expense-name{width:100%}.pnl-job-results .panel-head{align-items:flex-start}.negative{color:var(--danger)}tfoot td{border-top:2px solid var(--line);background:#fafafe;font-weight:800}
.pipeline-board>.pipeline{grid-template-columns:repeat(5,minmax(180px,1fr));padding:16px;overflow-x:auto}
@media(max-width:900px){.report-results-head{flex-direction:column}.report-totals{justify-content:flex-start}}@media(max-width:650px){.report-totals{display:grid;grid-template-columns:1fr 1fr}.report-totals>span{padding-left:0;border-left:0}}

.employee-account [data-action="exit-preview"],.employee-account .employee-preview-banner,.employee-account [data-action="edit-job"],.employee-account [data-action="delete-job"],.employee-account [data-action="reset-job-status"]{display:none!important}

/* Mobile layout overrides must remain after the desktop visual system above. */
#sidebar-backdrop{display:none}
@media(max-width:1050px){
  html,body{max-width:100%;overflow-x:hidden}
  #operations{margin-left:0}
  #sidebar{width:min(300px,86vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:none}
  #sidebar.open{transform:none;box-shadow:18px 0 50px #1b1d3240}
  #sidebar.open~#sidebar-backdrop{display:block;position:fixed;inset:0;z-index:29;border:0;background:#16182b66}
  #menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;margin-right:auto;border-radius:9px;background:#f4f2fc}
}
@media(max-width:650px){
  #topbar{height:64px;padding:0 10px;gap:7px}
  #topbar .user{display:none}
  #owner-settings{display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:0}
  #owner-settings:before{content:"⚙";font-size:18px}
  .topbar-logout{min-height:44px;padding:8px 11px;font-size:11px}
  #content{width:100%;padding:20px 12px;overflow:hidden}
  .dashboard-title{gap:15px;margin-bottom:17px}
  .dashboard-title>div,.dashboard-title .primary{width:100%}
  .dashboard-title h1{font-size:24px;line-height:1.2}
  .metrics-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metrics-five .dashboard-metric:nth-child(5){grid-column:1/-1}
  .dashboard-metric{min-width:0;padding:14px 11px;gap:10px}
  .dashboard-metric>i{flex-basis:34px;height:34px}
  .dashboard-metric strong{font-size:18px}
  .panel-head{align-items:flex-start;flex-direction:column;padding:16px;gap:12px}
  .schedule-nav{width:100%;flex-wrap:wrap}
  .schedule-nav .date-button{flex:1;min-width:150px}
  .dash-schedule{overflow:hidden}
  .dash-hours{display:none}
  .dash-lane{display:block;min-width:0;padding:12px;border-bottom:1px solid var(--line)}
  .dash-person{border-radius:8px}
  .dash-track{display:grid;gap:8px;min-height:0;margin-top:8px;padding:0;background:none}
  .dash-job{position:relative;top:auto!important;left:auto!important;width:100%!important;height:auto;min-height:50px;padding:10px}
  .dash-job b,.dash-job span{font-size:10px}
  .schedule-legend{gap:10px;padding:13px;flex-wrap:wrap}
  .schedule-legend small{width:100%;margin-left:0}
  .pipeline-stats{gap:18px;padding:16px}
  .module-title .primary,.module-title .secondary,.page-head .primary,.page-head .secondary{min-height:44px}
  .module-tools{padding:10px}
  .module-tools label{width:100%}
  .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table-wrap table{min-width:680px}
  .expense-row{grid-template-columns:minmax(0,1fr) 105px 35px}
  .expense-grid label{grid-template-columns:minmax(0,1fr) 20px 90px}
  dialog{width:100%;max-width:none;max-height:calc(100dvh - 10px);margin:auto 0 0;border-radius:17px 17px 0 0}
  dialog form,#details-body{padding:24px 16px 20px}
  .form-grid input,.form-grid select,.form-grid textarea,.filter-grid input,.filter-grid select{font-size:16px}
  .modal-actions{position:sticky;bottom:-20px;margin:20px -16px -20px;padding:12px 16px;background:#fff;border-top:1px solid var(--line)}
  .modal-actions button{min-height:44px;flex:1}
  .archive-lock{margin:24px auto;padding:24px 18px}
  #toast{right:12px;bottom:12px;left:12px;text-align:center}
  .employee-phone{border:0;border-radius:0;box-shadow:none}
  .employee-preview-mode #menu{display:none}
}

/* Shared administration dark theme */
html[data-theme="dark"]{--nav:#171b25;--nav2:#292e3d;--ink:#edf0f7;--bg:#10131b;--line:#303747;--muted:#a5acba;--white:#1b202c;--success:#49c995;--danger:#ff8178;--warning:#e7b64e;color-scheme:dark}
html[data-theme="dark"] body,html[data-theme="dark"] #operations{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] #sidebar,html[data-theme="dark"] #topbar,html[data-theme="dark"] .metric,html[data-theme="dark"] .panel,html[data-theme="dark"] .module-stats article,html[data-theme="dark"] .module-tools,html[data-theme="dark"] .search-panel,html[data-theme="dark"] .archive-lock,html[data-theme="dark"] .employee-phone,html[data-theme="dark"] .employee-jobs article,html[data-theme="dark"] .employee-phone>nav,html[data-theme="dark"] dialog{background:#1b202c;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .brand{color:#f5f7fb}html[data-theme="dark"] .brand small,html[data-theme="dark"] .nav-label{color:#858d9e}html[data-theme="dark"] .nav-list button{color:#b0b7c5}html[data-theme="dark"] .nav-list button:hover,html[data-theme="dark"] .nav-list button.active{background:#302a50;color:#dcd6ff}html[data-theme="dark"] .nav-list em{background:#38315d;color:#ded8ff}html[data-theme="dark"] .online-card{background:#29253e}html[data-theme="dark"] .online-card small{color:#aaa3c0}
html[data-theme="dark"] .search,html[data-theme="dark"] .schedule-person,html[data-theme="dark"] .detail-grid div,html[data-theme="dark"] .pipeline-column{background:#242a35;color:var(--ink)}html[data-theme="dark"] .search input,html[data-theme="dark"] .module-tools input,html[data-theme="dark"] .expense-grid input{color:var(--ink);background:transparent}html[data-theme="dark"] #language,html[data-theme="dark"] .language select,html[data-theme="dark"] .notification,html[data-theme="dark"] .secondary,html[data-theme="dark"] .panel-link,html[data-theme="dark"] .checks label,html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea,html[data-theme="dark"] .expense-row input,html[data-theme="dark"] .filter-grid input,html[data-theme="dark"] .filter-grid select,html[data-theme="dark"] .archive-lock input,html[data-theme="dark"] .employee-phone>nav button{background:#141924;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] th,html[data-theme="dark"] tfoot td{background:#242a35;color:#b5bcc9}html[data-theme="dark"] td,html[data-theme="dark"] .panel-head,html[data-theme="dark"] .activity,html[data-theme="dark"] .detail-section,html[data-theme="dark"] .employee-phone>nav{border-color:var(--line)}html[data-theme="dark"] .clickable-row:hover{background:#242a35}html[data-theme="dark"] .pipeline-card{background:#202632;box-shadow:none}html[data-theme="dark"] .dash-track,html[data-theme="dark"] .schedule-lane{background-color:#151a23}html[data-theme="dark"] .dash-person{background:#343022;color:#f2e5bb}html[data-theme="dark"] .modal-actions{background:#1b202c;border-color:var(--line)}html[data-theme="dark"] .danger{background:#3b2428;color:#ff9d96}html[data-theme="dark"] .small{background:#26364a;color:#8ec5ff}html[data-theme="dark"] .status{background:#3b3420;color:#f2d477}html[data-theme="dark"] .status.paid,html[data-theme="dark"] .status.won,html[data-theme="dark"] .status.checked-out,html[data-theme="dark"] .status.active{background:#173b30;color:#7be1b8}html[data-theme="dark"] .status.cancelled,html[data-theme="dark"] .status.archived{background:#432629;color:#ffa099}