/* Studio visual theme: presentation only. Kept after the responsive foundation. */
@media screen {
:root{--ink:#17243e;--green:#3467eb;--green-dark:#234dc4;--muted:#5e6e87;--line:#e5eaf2;--canvas:#f3f5fa;--pale:#edf2ff;--blue:#3467eb;--navy:#14213e}
body{background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:#3467eb}a:hover{color:#244db8}p{color:#5e6e87}h1,h2,h3{color:#17243e}strong{font-weight:650}
.ui-icon{width:20px;height:20px;display:inline-block;flex:none;vertical-align:middle}
:where(a,button,summary):focus-visible{outline-color:#7397ff}
.admin-layout .sidebar{width:232px;padding:28px 16px 0;background:#14213e;border:0;color:#bac6df}
.admin-layout .shell{margin-left:232px}
.admin-layout .brand{color:#fff;gap:11px;font-size:16px;margin:0 4px 32px}
.admin-layout .brand:hover{color:#fff}
.admin-layout .brand-icon{width:42px;height:42px;border-radius:13px;background:#4778f5;box-shadow:0 5px 18px #07153233;color:#fff}
.admin-layout .brand small{color:#9eafd0;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:4px}
.admin-layout .sidebar .nav-label{color:#7c91b7;letter-spacing:1px;font-size:10px;margin:21px 14px 8px}
.admin-layout .sidebar nav{scrollbar-color:#344569 transparent;scrollbar-width:thin}
.admin-layout .sidebar nav>a{min-height:46px;padding:11px 14px;margin:4px 0;gap:12px;border:0;border-radius:10px;color:#bac7df;font-size:13px;font-weight:450;position:relative}
.admin-layout .sidebar nav>a>.ui-icon{color:#859bc1;width:19px;height:19px}
.admin-layout .sidebar nav>a:hover{background:#203252;color:#fff}
.admin-layout .sidebar nav>a.active{background:#3467eb;color:#fff;box-shadow:0 5px 16px #0b17334d;font-weight:600;border:0}
.admin-layout .sidebar nav>a.active>.ui-icon{color:#fff}
.admin-layout .sidebar nav>a.active:after{content:'';width:5px;height:5px;background:#d7e3ff;border-radius:50%;position:absolute;right:12px}
.admin-layout .sidebar-bottom{border-top:1px solid #2a3955;padding:20px 7px;gap:10px;color:#e6edff}
.admin-layout .sidebar-bottom .avatar{width:36px;height:36px;border-radius:11px;background:#2a3e62;color:#d8e5ff;font-weight:650}
.admin-layout .sidebar-bottom strong{color:#e6edff;font-size:13px}
.admin-layout .sidebar-bottom small{color:#95a8ca;font-size:11px}
.admin-layout .logout{color:#97a9c9}.admin-layout .logout:hover{color:#fff}
.admin-layout .topbar,.public-layout .topbar{height:70px;background:#fff;border-color:#e7ecf4;padding:0 36px;color:#5e6e87}
.topbar-path{display:flex;align-items:center;gap:12px;min-width:0;font-size:12px}
.topbar-path>.ui-icon{width:18px;height:18px;color:#6f87b0}.topbar-path>strong{font-size:13px;color:#40516e;font-weight:550}
.topbar-path span{padding:0;color:#a2aec2}.topbar-path .topbar-subtitle{color:#5e6e87}
.status-dot{font-size:11px;padding:6px 11px;border:1px solid #e4eaf3;background:#fafbfd;border-radius:7px;white-space:nowrap;color:#5e6e87}
.status-dot:before{background:#56a6a0;width:5px;height:5px}
main,.admin-layout main{padding:24px 36px 40px;max-width:1600px}
.environment-note,.admin-layout .environment-note{background:#eaf0fb;border:1px solid #dfe7f5;color:#5e6e87;border-radius:8px;font-size:11px;padding:7px 12px;line-height:1.8;margin-bottom:26px}
.page-heading,.admin-layout .page-heading{margin:4px 0 26px;align-items:center;gap:20px}
.page-heading h1,.admin-layout .page-heading h1{font-size:30px;color:#17243e;letter-spacing:-.6px;font-weight:720;line-height:1.4}
.page-heading p,.admin-layout .page-heading p{font-size:12px;color:#5e6e87;line-height:1.8;max-width:560px;margin-top:7px}
.eyebrow,.admin-layout .eyebrow{color:#5e6e87;letter-spacing:1px;font-size:10px;font-weight:550;margin-bottom:6px}
.heading-dot{color:#4778f5}.heading-date{color:#5e6e87;font-size:10px;margin-left:12px;font-weight:400}
.page-title-with-icon{display:flex;align-items:center;gap:16px;min-width:0}.page-title-with-icon>div{min-width:0}
.page-symbol{display:grid;place-items:center;flex:none;background:#e5ecff;color:#3d6ce8;border:1px solid #dae4fe;width:58px;height:58px;border-radius:17px}.page-symbol .ui-icon{width:29px;height:29px}
.button,.admin-layout .button{background:#3467eb;border-color:#3467eb;color:#fff;border-radius:9px;font-size:13px;font-weight:550;min-height:43px;padding:10px 16px;box-shadow:0 3px 8px #3767d71a;gap:8px}
.button:hover,.admin-layout .button:hover{background:#2656d3;border-color:#2656d3;color:#fff}
.button.secondary,.admin-layout .button.secondary{background:#fff;border-color:#dee5f0;color:#536782;box-shadow:0 2px 4px #182c4703}
.button.secondary:hover,.admin-layout .button.secondary:hover{background:#f1f5ff;border-color:#bdcef8;color:#3467eb}
.button:disabled{box-shadow:none}.button .ui-icon{width:17px;height:17px}
.panel,.admin-layout .panel{border:1px solid #e6ebf3;background:#fff;border-radius:16px;box-shadow:0 4px 18px #273e6b04;padding:24px;margin-bottom:22px}
.panel-title{margin-bottom:20px}.panel-title h2,.section-title h2{font-size:17px;color:#233452;font-weight:650}
.panel-title>div>p{font-size:12px;color:#5e6e87;line-height:1.8}.panel-title>a{font-size:12px;color:#3467eb}
.admin-layout th{background:#f5f7fc;color:#5e6e87;font-size:11px;padding:13px 15px;border-bottom:1px solid #edf0f7;font-weight:500}
.admin-layout td{color:#56657f;padding:16px 15px;border-color:#edf0f7;font-size:13px;line-height:1.7}.admin-layout td strong{color:#263957}.admin-layout td small{color:#5e6e87;font-size:11px}
.admin-layout tbody tr:hover td{background:#fafbff}.admin-layout .mono{font-size:12px;font-variant-numeric:tabular-nums}
.badge,.admin-layout .badge{color:#387e78;background:#e9f5f1;border:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}
.badge.warning,.admin-layout .badge.warning{color:#966021;background:#fff3df}.badge.danger,.admin-layout .badge.danger{color:#ad4057;background:#fff0f3}
.muted{color:#5e6e87}.sort-note,.admin-layout .sort-note{color:#5e6e87;font-size:11px}
.row-action,.employee-card-action>a{color:#3467eb;font-weight:550}
.admin-layout .filters{background:#f7f9fd;border-color:#e8edf6;border-radius:12px}
.admin-layout .filters label,.field label{color:#5e6e87;font-size:12px;font-weight:500}
input:not([type=checkbox]):not([type=hidden]),select,textarea{background:#fff;border:1px solid #dde5f0;border-radius:8px;color:#354964;min-height:44px;box-shadow:0 2px 4px #203f6502}
input:focus,select:focus,textarea:focus{border-color:#7599f5;outline:3px solid #e7eeff}
input::placeholder,textarea::placeholder{color:#5e6e87;font-size:inherit}
input[type=checkbox]{accent-color:#3467eb;border-color:#d6e0f0}
input[type=file]::file-selector-button{background:#edf2ff;color:#3b68ce;border-radius:6px}
.field small,#registration-form .field small{color:#5e6e87;line-height:1.7}.required{color:#de9461}.optional{color:#5e6e87}
.form-actions{border-color:#e7edf6}.detail-grid dt,.admin-layout .detail-grid dt{color:#5e6e87}.detail-grid dd,.admin-layout .detail-grid dd{color:#314768}
.admin-layout .employee-save-panel{border-top:3px solid #5b83ef}.admin-layout .tabs a{color:#5e6e87}.admin-layout .tabs a.active{color:#3467eb;border-color:#3467eb;background:#eff4ff}
summary{color:#536f9c}.employee-filter-more{border-color:#e7ecf6}.employee-filter-more>summary{color:#5e6e87}.employee-filter-more>summary span{color:#3467eb}
.admin-layout .employee-directory{padding:0;overflow:hidden}.admin-layout .employee-filters{margin:22px;padding:20px;background:#f7f9fd;border:1px solid #e9edf5}
.employee-filter-actions{margin-top:8px}.employee-filter-more{padding-top:5px;margin-top:10px}
.admin-layout .employee-directory .queue-summary{padding:2px 24px 19px;margin:0;align-items:center}.admin-layout .employee-directory .queue-summary>strong{color:#374b6b;font-size:14px}
.admin-layout .employee-directory .table-footer{padding:20px 24px}.admin-layout .employee-directory .pagination{padding:18px 24px;border-top:1px solid #edf1f7}
.admin-layout .employee-name-link:focus-visible{outline:2px solid #648cf0;outline-offset:4px;border-radius:8px}
.employee-name-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.person-mark{display:inline-grid;place-items:center;background:#e9efff;border:1px solid #dee7fc;color:#5c7ed0;width:32px;height:32px;border-radius:10px;flex:none;font-size:13px;font-weight:600}
.employee-card-heading>.mono{padding-left:41px}.admin-layout .employee-table tbody tr:nth-child(3n+2) .person-mark{color:#7d66c2;background:#f0ebfb;border-color:#e8dff9}.admin-layout .employee-table tbody tr:nth-child(3n) .person-mark{color:#438b88;background:#e9f5f2;border-color:#d9ede8}
.admin-layout .employee-card-action>a{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:7px;background:#f0f4ff;color:#3d6ee6;white-space:nowrap;font-size:12px}
.manager-hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;position:relative;overflow:hidden;background:linear-gradient(115deg,#244ab8 0%,#3d6deb 65%,#5078dc 100%);border-radius:20px;padding:30px 34px;margin-bottom:20px;color:#fff;box-shadow:0 10px 25px #2e59c52b;min-height:240px}
.manager-hero:after{content:'';position:absolute;border:1px solid #ffffff0d;width:470px;height:470px;border-radius:50%;right:-90px;top:-160px;pointer-events:none}
.manager-hero-content{position:relative;z-index:1;min-width:0}.hero-kicker{display:flex;align-items:center;gap:8px;color:#f6f9ff;font-size:11px;letter-spacing:1px}.hero-pulse{width:6px;height:6px;border-radius:50%;background:#a4d8ff;box-shadow:0 0 0 4px #a4d8ff18}
.manager-hero h2{font-size:25px;color:#fff;font-weight:650;margin-top:12px;letter-spacing:.2px}.manager-hero p{font-size:12px;color:#f6f9ff;margin-top:6px;line-height:1.8}
.hero-bottom{display:flex;align-items:center;gap:32px;margin-top:24px;flex-wrap:wrap}.hero-count{display:flex;align-items:baseline;gap:12px}.hero-count strong{font-size:46px;font-weight:650;letter-spacing:-1.5px;color:#fff;line-height:1}.hero-count span{color:#f6f9ff;font-size:12px}
.admin-layout .hero-button{background:#fff;color:#345dc3;border-color:#fff;box-shadow:0 5px 15px #17327c20}.admin-layout .hero-button:hover{background:#edf3ff;color:#244ebc;border-color:#edf3ff}
.hero-art{position:relative;pointer-events:none;min-height:180px}.hero-orbit{position:absolute;width:200px;height:200px;border:1px solid #ffffff26;border-radius:50%;left:20px;top:-2px}.hero-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #ffffff18;border-radius:50%}
.hero-document{position:absolute;width:140px;height:160px;background:linear-gradient(150deg,#fff,#e3ecff);border-radius:17px;left:50px;top:12px;transform:rotate(-7deg);box-shadow:0 15px 20px #153a9a22;padding:20px;color:#537ce4;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.hero-document>.ui-icon{width:40px;height:40px;stroke-width:1.3}.hero-document i{height:5px;width:85px;border-radius:4px;background:#d7e2fc}.hero-document i+i{width:57px}.hero-document span{font-size:8px;color:#8aa1d2;white-space:nowrap;margin-top:3px}
.hero-check{position:absolute;bottom:10px;right:10px;width:60px;height:60px;border:5px solid #4c78e8;background:#dce8ff;border-radius:19px;display:grid;place-items:center;transform:rotate(9deg);color:#4673db}.hero-check .ui-icon{width:29px;height:29px}
.manager-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.manager-metric{display:flex;align-items:center;gap:14px;position:relative;background:#fff;border:1px solid #e5eaf3;border-radius:15px;padding:20px 22px;min-width:0;box-shadow:0 4px 14px #2c426704}
.manager-metric:hover{border-color:#c8d6f4;box-shadow:0 6px 18px #2a4f9610}.metric-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#edf2ff;color:#597fe8;flex:none}.metric-icon .ui-icon{width:23px;height:23px}.metric-icon.teal{background:#e7f5f1;color:#45a190}.metric-icon.amber{background:#fff3e1;color:#dba357}
.manager-metric>div{min-width:0}.manager-metric>div>span{font-size:12px;color:#5e6e87;display:block}.manager-metric strong{display:block;font-size:28px;color:#2e405f;line-height:1.3;margin-top:5px;font-variant-numeric:tabular-nums}.manager-metric small{font-size:11px;font-weight:400;color:#5e6e87;margin-left:7px}.metric-go{margin-left:auto;align-self:flex-start;color:#aab7cc;font-size:17px}
.manager-pending .panel-title h2:before,.weekly-employment .panel-title h2:before{content:'';display:inline-block;width:4px;height:15px;border-radius:3px;background:#648bf1;margin-right:9px;vertical-align:-2px}
.admin-layout .manager-clear-state{padding:24px 12px}.admin-layout .manager-clear-icon{background:#edf3ff;color:#7095ed;width:48px;height:48px;border-radius:15px}.admin-layout .manager-clear-state h3{color:#526b92}.admin-layout .manager-clear-state p{color:#5e6e87}
.weekly-employment-totals>div{background:#f4f7ff;border-color:#e9eefb;border-radius:12px;padding:18px 22px}.weekly-employment-totals>div:nth-child(2){background:#fff8f0;border-color:#f7edde}.weekly-employment-totals span{color:#5e6e87;font-size:12px}.weekly-employment-totals strong{font-size:30px;color:#4772d4}.weekly-employment-totals>div:nth-child(2) strong{color:#c58f56}.weekly-export{color:#5f80bd;font-size:12px}.weekly-employment-current{font-size:13px;color:#5e6e87}.weekly-employment-current strong{color:#526b90}.weekly-employment-notice{background:#fff8ed;color:#856432;font-size:12px}.weekly-employment summary{color:#5e7ba9}.employment-period{border-color:#e7edf7}.employment-period h3{color:#526782}.employment-period-form label{color:#5e6e87}.employment-period-result{background:#f2f6ff;border-color:#e2eafb;color:#657ca6}
.work-queue-card{border-color:#e3eaf7;background:#fff;border-radius:15px}.work-queue-card strong{color:#4778e5}.work-queue-card p{color:#5e6e87}.work-queue-card:hover{background:#f8faff;border-color:#cad9fa}
.stat-card{border-color:#e5eaf3;border-radius:14px}.stat-card strong{color:#3c65b3}.stat-label{color:#5e6e87}.stat-card small{color:#5e6e87}.stat-card.amber{background:#fff9f0;border-color:#f6ead8}.archive-summary,.workflow-card{background:#f3f6fe;border-color:#e5ecfa}
.admin-layout .dashboard-headcount .quick-entry{background:#edf3ff;border-color:#dce6fb}.admin-layout .dashboard-headcount h2 strong{color:#4c78d9}.admin-layout .dashboard-headcount p{color:#5e6e87}
.public-layout{background:#f3f6fc}.public-layout main{max-width:1000px}.public-layout .join-header{background:#244db8;border-radius:20px;padding:28px;color:#fff;box-shadow:0 8px 22px #2a57b91a;margin-bottom:20px}.public-layout .join-header h1{color:#fff;font-size:29px}.public-layout .join-header .eyebrow{color:#a9c0f7}.public-layout .join-header p{color:#e1ebff;font-size:12px}.public-layout .join-header .brand-icon{background:#4d78d7;color:#fff;border:1px solid #6c90e2;box-shadow:none}.public-layout .steps{background:#fff;border:1px solid #e3eaf7;border-radius:12px;color:#677b99;margin:0 0 24px;padding:15px 18px}.public-layout .steps .current{color:#4a74d2}.public-layout .steps i{background:#e4eafb}.public-layout .section-number{background:#edf2fe;color:#557bda;width:38px;height:38px;border-radius:11px}.public-layout .section-heading h2{color:#31496e;font-size:19px}.public-layout .section-heading p{color:#5e6e87;font-size:12px}.public-layout .notice-panel{background:#f9fbff;border-color:#e4ebf8}.public-layout .login-card{border-top:4px solid #5781ed;box-shadow:0 16px 50px #314c7d10}.public-layout .slip-card{border-color:#e1e9f7;box-shadow:0 5px 20px #26436d06}.public-layout .slip-card h2{color:#365983}.public-layout .signature-pad{border-color:#cddaf1}
footer{color:#5e6e87;font-size:11px}
@media (max-width:1100px) and (min-width:761px){
  main,.admin-layout main{padding:24px}.admin-layout .topbar{padding:0 24px}.manager-hero{grid-template-columns:minmax(0,1fr) 150px;padding:28px}.hero-art{transform:scale(.8);transform-origin:center right}.hero-art .hero-check{right:-20px}.manager-metric{padding:18px 14px;gap:10px}.metric-icon{width:36px;height:36px}.manager-metric strong{font-size:25px}.metric-go{display:none}.manager-metric>div>span{font-size:11px}.manager-metrics{gap:12px}.page-heading{align-items:flex-start}.page-symbol{width:48px;height:48px}.page-heading .button-group{gap:6px}.page-heading .button-group .button{font-size:12px;padding:9px 12px}
}
@media (max-width:900px) and (min-width:761px){.manager-hero{grid-template-columns:1fr}.hero-art{display:none}.manager-metrics{grid-template-columns:1fr}.manager-metric strong{display:inline-block}.manager-metric>div>span{display:inline-block;margin-right:14px}.manager-metric{padding:14px}.metric-go{display:block}.topbar-path .topbar-subtitle{display:none}}
@media (max-width:760px){
  .admin-layout .sidebar{width:100%;padding:13px 18px;background:#14213e;box-shadow:0 4px 16px #15213e12;border-bottom:0}.admin-layout .sidebar-heading .brand{margin:0;font-size:15px;gap:10px}.admin-layout .brand-icon{width:36px;height:36px;border-radius:11px;font-size:22px}.admin-layout .brand small{font-size:9px;letter-spacing:.5px}.admin-layout .shell{margin-left:0}.admin-layout .mobile-menu-toggle{background:#253858;border-color:#354769;color:#d6e2fc;min-width:74px;min-height:42px;font-size:13px;border-radius:10px;gap:9px}
  .admin-layout .sidebar[data-nav-enhanced] .workspace-menu{background:#14213e;border-color:#2a3c60;padding:10px 16px 16px;box-shadow:0 18px 30px #14213e33;border-radius:0 0 20px 20px}.admin-layout .sidebar nav>a{background:#1d2d4a;color:#bbcae5;min-height:47px;padding:10px 12px;font-size:12px;margin:0;border:1px solid #293b5d;border-radius:9px;gap:10px}.admin-layout .sidebar nav>a.active{background:#3467eb;color:white;border-color:#4778f5}.admin-layout .sidebar nav>a>.ui-icon{width:18px;height:18px}.admin-layout .sidebar nav>a.active:after{display:none}.admin-layout .sidebar .nav-label{margin:13px 6px 6px;color:#839bc4;font-size:10px;letter-spacing:1px}.admin-layout .sidebar-bottom{border-top:1px solid #2a3b5a;padding:14px 4px 0;margin-top:16px}.admin-layout .sidebar-bottom>div:nth-child(2){display:block}.admin-layout .sidebar-bottom small{margin-top:2px;font-size:10px}
  main,.admin-layout main{padding:18px 16px 30px}.environment-note,.admin-layout .environment-note{font-size:10px;padding:6px 9px;margin-bottom:20px;border-radius:7px;background:#e9eef8;border-color:#e0e7f3;color:#5e6e87}
  .page-heading,.admin-layout .page-heading{margin:0 0 20px;gap:16px;align-items:stretch}.page-heading h1,.admin-layout .page-heading h1{font-size:27px;letter-spacing:-.5px}.page-heading p,.admin-layout .page-heading p{font-size:12px;color:#5e6e87;line-height:1.8}.eyebrow,.admin-layout .eyebrow{font-size:9px;letter-spacing:.8px}.heading-date{display:block;margin:2px 0 0;font-size:9px}.page-symbol{width:46px;height:46px;border-radius:14px}.page-symbol>.ui-icon{width:24px;height:24px}.page-title-with-icon{gap:12px;align-items:flex-start}.page-title-with-icon .eyebrow{margin-bottom:3px}.employee-page-heading .page-title-with-icon p{margin-left:-58px;margin-top:12px}.page-heading .button-group{gap:9px;display:flex;flex-wrap:wrap}.page-heading .button-group .button{flex:1 1 calc(50% - 5px);min-width:0;min-height:44px;font-size:12px;padding:10px 12px}
  .panel,.admin-layout .panel{padding:20px 17px;border-radius:16px;margin-bottom:18px}.button,.admin-layout .button{min-height:46px;font-size:13px;border-radius:10px}.field label,.admin-layout .filters label{font-size:13px;color:#5e6e87}input:not([type=checkbox]):not([type=hidden]),select,textarea,.admin-layout .filters label input,.admin-layout .filters label select{font-size:16px;min-height:48px;border-radius:10px;padding:11px 12px}.field small,#registration-form .field small{font-size:11px}.admin-layout .detail-grid dd{color:#3c5378}.form-actions .button{font-size:13px}
  .admin-layout .employee-directory{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;overflow:visible}.admin-layout .employee-filters{background:#fff;border:1px solid #e2e9f5;margin:0 0 24px;padding:18px;border-radius:17px;box-shadow:0 5px 18px #1d396306}.employee-filter-main{gap:14px 12px}.employee-filter-more{margin-top:14px;padding-top:7px}.employee-filter-more>summary{font-size:12px;min-height:40px;color:#5e6e87}.employee-filter-actions{margin-top:9px;gap:10px}.admin-layout .employee-directory .queue-summary{padding:0 3px 14px;gap:7px}.admin-layout .employee-directory .queue-summary>strong{font-size:15px;color:#3c5275}.admin-layout .sort-note{font-size:10px;color:#5e6e87;line-height:1.8}
  .admin-layout .employee-table thead{padding:0 2px 9px}.employee-select-all{color:#5e6e87;font-size:12px}.admin-layout .employee-table tbody tr[data-employee-row]{border:1px solid #e0e8f5;border-radius:18px;box-shadow:0 5px 18px #233e6b05;background:#fff;margin-bottom:18px;overflow:hidden}.admin-layout .employee-table td{color:#526581;font-size:13px;padding:11px 16px}.admin-layout .employee-table td:before{color:#5e6e87;font-size:10px;letter-spacing:.2px;margin-bottom:5px}.admin-layout .employee-table .employee-card-heading{background:#fff;padding:18px 18px 16px;min-height:80px}.admin-layout .employee-name-link{gap:12px;font-size:16px;color:#2a4268}.admin-layout .employee-name-link strong{font-weight:650}.person-mark{width:42px;height:42px;font-size:18px;border-radius:13px}.employee-card-heading>.mono{padding-left:54px;margin-top:-12px;font-size:10px;color:#5e6e87}.admin-layout .employee-table .employee-card-wage{background:#f3f6ff;border-top:1px solid #edf1fc;border-bottom:1px solid #edf1fc;padding:12px 18px;margin-bottom:3px;color:#6e8bb7}.admin-layout .employee-card-wage:before{color:#5e6e87}.admin-layout .employee-card-wage strong{color:#386dde}.admin-layout .employee-table .employee-card-check{top:17px;right:9px;background:transparent}.admin-layout .employee-table .employee-card-action{padding:9px 16px 16px}.admin-layout .employee-card-action>a{min-height:43px;width:100%;background:#edf3ff;border:1px solid #e3ecff;border-radius:10px;color:#4a78dc;font-size:13px;font-weight:550}.admin-layout .employee-table tbody tr:hover td{background:inherit}.admin-layout .employee-table tbody tr:hover .employee-card-wage{background:#f3f6ff}.admin-layout .employee-directory .table-footer{padding:17px;background:#fff;border:1px solid #e3eaf6;border-radius:15px}.admin-layout .employee-directory .pagination{padding:20px 0;border:0}.admin-layout .badge{font-size:10px;padding:4px 7px;border-radius:5px}
  .manager-hero{grid-template-columns:1fr;min-height:0;padding:24px;border-radius:20px;margin-bottom:16px;background:linear-gradient(130deg,#284fbd,#3c68d5);box-shadow:0 8px 20px #2c56bd24}.manager-hero:after{width:260px;height:260px;right:-160px;top:-40px;border:25px solid #ffffff05}.hero-art{display:none}.hero-kicker{font-size:10px}.manager-hero h2{font-size:22px;margin-top:13px}.manager-hero p{font-size:11px;line-height:1.9;max-width:95%;color:#f6f9ff}.hero-bottom{margin-top:22px;gap:20px;align-items:stretch;flex-direction:column}.hero-count strong{font-size:44px}.hero-count span{font-size:11px}.admin-layout .hero-button{font-size:13px;min-height:44px;justify-content:space-between;padding:10px 16px;border-radius:9px}.manager-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:22px}.manager-metric{padding:14px 9px;flex-direction:column;align-items:flex-start;gap:9px;border-radius:13px}.metric-icon{width:32px;height:32px;border-radius:10px}.metric-icon .ui-icon{width:18px;height:18px}.manager-metric>div>span{font-size:10px;line-height:1.6;color:#5e6e87}.manager-metric strong{font-size:24px;letter-spacing:-.5px;margin-top:5px}.manager-metric small{font-size:9px;margin-left:4px}.metric-go{display:none}.manager-pending .panel-title h2,.weekly-employment .panel-title h2{font-size:16px}.manager-pending .panel-title p{font-size:11px;line-height:1.8;color:#5e6e87}.manager-pending .table-scroll{margin-left:-3px;margin-right:-3px}.admin-layout .manager-clear-state{padding:18px 4px}.admin-layout .manager-clear-state p{font-size:11px}.weekly-employment-totals{gap:10px}.weekly-employment-totals>div{padding:14px 12px}.weekly-employment-totals strong{font-size:28px}.weekly-employment-totals span{font-size:11px}.weekly-export{font-size:11px}.weekly-employment-current{font-size:12px}.weekly-employment-notice{font-size:11px}.weekly-employment .panel-title>div>p{font-size:11px}.weekly-employment .panel-title>.badge{font-size:10px}.employment-period .muted{font-size:11px}.employment-period-form{gap:12px}.employment-period-form input{font-size:14px}.employment-period-result p{font-size:12px}.weekly-employment>p.muted{font-size:10px}
  .public-layout main{padding:18px 16px 30px}.public-layout .topbar{padding:0 16px;height:52px}.public-layout .topbar-path{gap:7px}.public-layout .topbar-path>strong{font-size:11px}.public-layout .topbar-subtitle{display:none}.public-layout .topbar-path>span:not(.topbar-subtitle){display:none}.public-layout .status-dot{font-size:9px;padding:4px 7px}.public-layout .join-header{padding:24px 20px;border-radius:18px;margin-bottom:18px}.public-layout .join-header h1{font-size:26px}.public-layout .join-header p{font-size:11px}.public-layout .join-header .brand-icon{width:44px;height:44px;border-radius:13px}.public-layout .steps{font-size:10px;padding:13px 12px;margin-bottom:20px;gap:6px}.public-layout .section-heading{gap:12px}.public-layout .section-heading h2{font-size:18px}.public-layout .section-heading p{font-size:11px;line-height:1.9}.public-layout .section-number{width:33px;height:33px;border-radius:10px;font-size:12px}.public-layout .notice-panel{padding:16px}.public-layout .notice-panel>p{font-size:12px}
}
@media(max-width:360px){.admin-layout .sidebar{padding:12px 14px}main,.admin-layout main,.public-layout main{padding-left:12px;padding-right:12px}.manager-hero{padding:21px}.manager-hero h2{font-size:20px}.manager-metrics{gap:7px}.manager-metric{padding:12px 8px}.manager-metric strong{font-size:22px}.manager-metric>div>span{font-size:9px}.admin-layout .employee-filters{padding:15px}.employee-page-heading .page-title-with-icon p{font-size:11px}.public-layout .steps{font-size:9px}}
}