@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#202020;background:#f7f7f7;font-synthesis:none;--line:#e4e4e4;--muted:#7b7b7b;--green:#686868}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:30px 21px 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brand img{width:53px;height:53px;object-fit:contain}.brand>span{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;line-height:1;letter-spacing:-1.5px}.company{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3.7px;margin-top:8px}.space-label{font-size:9px;color:#929292;letter-spacing:1.6px;margin:54px 14px 15px;font-weight:650}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;font-size:13px;padding:13px 15px;border-radius:7px;color:#737373}nav a.active{background:#202020;color:white}nav svg{width:18px;height:18px}nav .nav-separator{height:1px;background:var(--line);margin:17px 12px}.sidebar-bottom{margin-top:auto;padding:30px 15px}.privacy-icon{font-size:28px;margin-bottom:12px}.sidebar-bottom b{font-size:13px}.sidebar-bottom p{font-size:11px;line-height:1.8;color:var(--muted)}.sidebar-bottom a{font-size:10px;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;text-align:left;border:0;border-top:1px solid var(--line);background:white;padding:19px 0;margin-top:10px}.profile>b,.profile>span:last-child{margin-left:auto}.profile b{font-size:12px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.avatar{width:34px;height:34px;border-radius:50%;background:#e8e8e8;color:#5f5f5f;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1px solid #dddddd;flex-shrink:0}.shell{margin-left:248px}header{height:82px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{font-size:11px;color:#929292}.breadcrumb span{padding:0 13px;color:#ccc}.breadcrumb strong{color:#515151;font-weight:500}.header-actions{display:flex;align-items:center;gap:22px}.private{font-size:10px;color:#747474;display:flex;align-items:center;gap:7px}.private i,.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#7a7a7a}.icon-button{border:0;background:transparent;font-size:22px;padding:6px;color:#676767;min-width:36px;min-height:36px}main{max-width:1390px;padding:37px 42px 20px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#919191;font-weight:600;text-transform:uppercase}.page-heading h1{font-family:Manrope,sans-serif;font-weight:750;letter-spacing:-1.3px;font-size:29px;margin:9px 0}.page-heading p{font-size:12px;color:var(--muted);margin:7px 0}.date-pill{font-size:11px;background:white;border:1px solid var(--line);padding:11px 14px;border-radius:6px;color:#6c6c6c}.welcome{display:flex;justify-content:space-between;min-height:182px;background:#e8e8e8;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:27px 31px;position:relative}.welcome h2{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.8px;margin:10px 0}.welcome p{font-size:12px;line-height:1.8;color:#686868;max-width:450px;margin:0}.welcome-tag{font-size:9px;letter-spacing:1.6px;color:#6b6b6b}.welcome img{position:absolute;width:205px;height:205px;right:50px;top:-10px;mix-blend-mode:multiply;object-fit:contain}.welcome .small-link{display:inline-block;margin-top:18px;font-size:11px;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:20px}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6e6e6e}.stat-label svg{width:16px;height:16px}.stat-number{font-family:Manrope,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px;margin:16px 0 8px}.stat-number small{font-family:'DM Sans';font-size:11px;letter-spacing:0;color:#a0a0a0;font-weight:400}.stat-note{font-size:10px;color:#949494}.content-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}h3{font-size:13px;font-weight:650;margin:0}.card-heading small{font-size:10px;color:#979797}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e3e3;background:#f5f5f5;color:#797979;border-radius:5px;padding:5px 8px;font-size:9px}.badge.gray{background:#f4f4f4;color:#888888}.clock{padding:27px 23px;text-align:center}.clock-label{font-size:10px;color:#949494}.clock-value{font-family:Manrope,sans-serif;font-size:53px;letter-spacing:-2px;font-weight:650;font-variant-numeric:tabular-nums;margin:10px 0 7px}.clock-value span{color:#b6b6b6;font-weight:400}.clock-caption{font-size:10px;color:#919191;display:flex;justify-content:center;align-items:center;gap:7px}.shift-actions{display:flex;gap:9px;margin-top:25px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:13px 16px;min-height:44px;border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11px;font-weight:550;color:#515151}.button svg{width:15px;height:15px}.button.primary{background:#242424;border-color:#242424;color:#fff}.button:hover{filter:brightness(.95)}.shift-actions .button{flex:1}.shift-actions .button:first-child{flex:1.12}.clock-foot{margin-top:19px;font-size:9px;color:#999999;display:flex;align-items:center;justify-content:center;gap:5px}.clock-foot svg{width:11px;height:11px}.schedule-body{padding:20px 23px}.schedule-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:20px;color:#767676}.schedule-row b{font-weight:550;color:#444444}.schedule-row:last-of-type{margin-bottom:0}.schedule-lunch{border-top:1px dashed var(--line);padding-top:18px;margin-top:20px;display:flex;align-items:center;gap:12px;color:#787878}.schedule-lunch svg{width:20px;height:20px}.schedule-lunch b{display:block;font-size:11px;font-weight:500;color:#525252}.schedule-lunch small{display:block;font-size:9px;margin-top:6px;color:#999999}.schedule-link{display:block;border-top:1px solid var(--line);padding:14px;text-align:center;font-size:10px;color:#707070;background:#fcfcfc}.history{margin-top:23px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.6px;font-weight:500;color:#8d8d8d;background:#fafafa;padding:13px 23px}td{padding:17px 23px;border-top:1px solid #ececec;color:#686868}td:first-child{color:#414141;font-weight:500}.empty{text-align:center;padding:31px 20px;color:#929292;font-size:11px}.empty strong{display:block;color:#656565;margin-bottom:8px;font-size:12px}.empty svg{width:29px;height:29px;margin-bottom:10px;color:#b0b0b0}.text-link{font-size:10px;color:#7b7b7b;background:none;border:0}.mini-foot{padding:13px 23px;border-top:1px solid var(--line);font-size:9px;color:#9a9a9a;display:flex;justify-content:space-between}.notice{font-size:10px;color:#7c7c7c;display:flex;gap:10px;align-items:center;line-height:1.7;margin-top:22px}.notice svg{width:15px;height:15px;flex-shrink:0}footer{max-width:1390px;display:flex;justify-content:space-between;padding:24px 42px;font-size:9px;color:#9f9f9f;margin:auto}footer b{font-size:12px;margin-left:7px}.setup-banner{background:#fff;border:1px solid var(--line);border-left:3px solid #7f7f7f;padding:13px 17px;font-size:11px;margin-bottom:22px;border-radius:5px;line-height:1.7;color:#737373}.setup-banner button{border:0;background:none;text-decoration:underline;color:#4e4e4e;font-size:11px;padding:0 4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-body{padding:24px}.settings-body p{font-size:12px;line-height:1.8;color:#7a7a7a}.field{display:block;font-size:11px;color:#727272;margin-bottom:18px}.field input,.field select{display:block;width:100%;background:#fafafa;border:1px solid #dedede;border-radius:5px;padding:12px;color:#353535;margin-top:8px;font-size:13px;min-height:44px}.field small{display:block;line-height:1.7;color:#919191;margin-top:7px}.check{display:flex;align-items:center;gap:9px;font-size:11px;color:#747474;margin:16px 0;line-height:1.7}.check input{width:17px;height:17px;accent-color:#282828}.form-row{display:flex;gap:14px}.form-row>*{flex:1;min-width:0}.day-row{display:grid;grid-template-columns:22px 90px 1fr 1fr;gap:10px;align-items:center;font-size:11px;margin:12px 0}.day-row input[type=time]{width:100%;padding:8px;border:1px solid var(--line);border-radius:4px}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:22px}.calendar-day{border:1px solid var(--line);min-height:80px;padding:10px;border-radius:6px;text-align:left;background:#fff;color:#7d7d7d;font-size:11px}.calendar-day.today{border-color:#727272;background:#efefef}.calendar-day strong{display:block;margin-top:13px;color:#373737;font-size:10px}.weekday{text-align:center;font-size:10px;color:#919191;padding:5px}.calendar-controls{display:flex;gap:10px;align-items:center}.calendar-controls button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 12px}.segmented{display:flex;gap:5px}.segmented button{font-size:11px;padding:8px 15px;border:1px solid var(--line);border-radius:5px;background:white;color:#898989}.segmented button.selected{background:#272727;color:white}dialog{border:1px solid #dedede;border-radius:13px;width:min(470px,calc(100% - 30px));padding:26px;color:#333333;box-shadow:0 25px 100px #0002}dialog::backdrop{background:#1b211a66;backdrop-filter:blur(4px)}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal-title h2{font-family:Manrope;font-size:21px;letter-spacing:-.5px;margin:0}#modal-submit{width:100%;margin-top:6px}#modal-error{font-size:12px;color:#656565;margin:12px 0;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#262626;color:white;box-shadow:0 10px 30px #0002;padding:15px 24px;border-radius:8px;font-size:12px;z-index:5;display:none;max-width:90%;line-height:1.6}.auth-note{font-size:11px;color:#898989;line-height:1.8}.auth-links{display:flex;justify-content:space-between;margin:16px 0}.auth-links button{border:0;background:none;font-size:11px;color:#686868;text-decoration:underline}.report-item{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px}.pending-note{font-size:11px;line-height:1.8;color:#878787;margin-top:16px}.report-item small{display:block;margin-top:6px;color:#9a9a9a}.no-select{user-select:none}
@media(min-width:1500px){main{padding-top:45px}.welcome{min-height:210px}.welcome img{width:240px;height:240px;right:85px}.clock{padding:35px}.clock-value{font-size:60px}.schedule-row{margin-bottom:25px}}
@media(max-width:1150px){.sidebar{width:210px;padding:26px 15px 0}.shell{margin-left:210px}main{padding:28px 25px 20px}header{padding:0 25px}.stats{gap:10px}.stat{padding:16px}.stat-number{font-size:24px}.content-grid{grid-template-columns:1.4fr 1fr;gap:15px}.shift-actions{flex-wrap:wrap}.shift-actions .button:last-child{flex-basis:100%}.welcome img{right:10px;width:180px}.welcome p{max-width:310px}.clock{padding:22px 16px}.schedule-body{padding:20px 17px}.card-heading{padding:19px 17px}th,td{padding:15px}.settings-grid{grid-template-columns:1fr}footer{padding:24px 25px}}
@media(max-width:760px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:72px;padding:0 4px env(safe-area-inset-bottom);z-index:3;border:0;border-top:1px solid var(--line);display:block}.sidebar .brand,.space-label,.sidebar-bottom,.profile,.nav-separator{display:none}nav{display:flex;justify-content:space-around;height:65px;gap:0}nav a{font-size:9px;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:8px 9px;border-radius:0;flex:1}nav a.active{background:#f0f0f0;color:#272727}nav a:nth-last-child(1){display:none}nav svg{width:20px;height:20px}.shell{margin-left:0;padding-bottom:70px}header{height:66px;padding:0 20px}.breadcrumb{font-size:10px}.header-actions{gap:10px}.private{font-size:9px}.header-actions .icon-button{display:none}main{padding:25px 18px 10px}.page-heading{margin-bottom:22px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.date-pill{font-size:9px;padding:9px}.welcome{padding:22px;min-height:172px}.welcome h2{font-size:21px;max-width:210px}.welcome p{font-size:11px;max-width:210px}.welcome img{width:135px;height:135px;right:-8px;top:26px}.welcome-tag{font-size:8px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:17px 0}.stat{padding:17px}.stat-number{font-size:26px;margin:13px 0 7px}.stat-label{font-size:10px}.stat-note{font-size:9px}.content-grid{grid-template-columns:1fr;gap:17px}.shift-actions{flex-wrap:nowrap}.shift-actions .button:last-child{flex-basis:auto}.shift-actions .button{font-size:10px;padding:12px 8px}.shift-actions .button svg{width:12px}.clock{padding:25px 18px}.clock-value{font-size:53px}.schedule-row{margin-bottom:19px}.schedule-body{padding:22px}.card-heading{padding:19px 20px}.history{margin-top:17px}th,td{padding:15px 17px}.notice{font-size:9px}footer{padding:18px;font-size:8px}footer span:last-child{max-width:155px;text-align:right;line-height:1.7}.setup-banner{font-size:10px}.calendar-day{min-height:65px;padding:7px;font-size:10px}.month-grid{padding:10px;gap:3px}.calendar-day strong{font-size:8px}.settings-body{padding:20px}.day-row{grid-template-columns:18px 66px 1fr 1fr;gap:5px}.day-row input[type=time]{font-size:11px;padding:7px 2px}}

.rate-link{display:block;padding:10px 0 0;min-height:36px;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:#444;text-align:left}