:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b40;background:#f3f6fa;font-synthesis:none;font-size:16px;--blue:#1763de;--navy:#122d47;--muted:#64748b;--line:#e3eaf1}*{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}button:disabled{cursor:default;opacity:.55}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:2.15rem;line-height:1.22;letter-spacing:-.055em;margin-bottom:10px}h2{font-size:1.12rem;letter-spacing:-.025em;margin-bottom:0}h3{font-size:1rem;margin-bottom:6px}p{line-height:1.65}.muted,.footnote{color:var(--muted)}.footnote{font-size:.875rem;line-height:1.6;margin:16px 0 0}.eyebrow{display:block;font-size:.75rem;letter-spacing:.14em;font-weight:750;margin-bottom:16px;color:#637b94}.brand{display:flex;gap:12px;align-items:center;font-size:1.15rem;font-weight:750;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#3885ff;color:white;font-size:1.4rem;box-shadow:0 4px 12px #0001}.shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--navy);color:#fff;padding:30px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin-bottom:58px}.nav-label{color:#9eb4c9;font-size:.72rem;font-weight:600;letter-spacing:.13em;margin:0 12px 16px}.nav-item{border:0;background:transparent;color:#b8cbdc;text-align:left;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;margin-bottom:7px;border-radius:9px;font-size:.925rem;font-weight:550}.nav-item>span{font-size:1.25rem}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.selected{background:#fff;color:#17334f;box-shadow:0 4px 12px #0001}.sidebar-bottom{display:flex;gap:11px;align-items:center;margin-top:auto;padding-top:24px;border-top:1px solid #ffffff20}.avatar{background:#29455f;border:1px solid #49647d;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.sidebar-bottom strong{font-size:.85rem;display:block;max-width:110px;overflow-wrap:anywhere}.sidebar-bottom small{display:block;color:#a7bcd0;font-size:.75rem;margin-top:4px}.sidebar-bottom button{margin-left:auto;background:none;border:0;color:#c5d6e8;font-size:1.4rem}.workspace{margin-left:245px;flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:23px 40px;gap:16px;font-size:.875rem}.divider{color:#bac4d0;margin:0 12px}.zone{color:var(--muted);display:flex;align-items:center;gap:8px;font-size:.8rem}.zone i{width:7px;height:7px;border-radius:50%;background:#16a378}.content{max-width:1350px;margin:auto;padding:40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{margin-bottom:0;font-size:.925rem}.badge{border-radius:6px;font-size:.76rem;font-weight:650;display:inline-block;padding:6px 10px;white-space:nowrap}.blue{background:#e6efff;color:#175abe}.green{background:#e5f5ed;color:#16734f}.neutral{background:#e9eef4;color:#576b80}.clock-card{background:white;border:1px solid #dce5f1;border-radius:16px;display:grid;grid-template-columns:1.45fr 1fr;overflow:hidden;box-shadow:0 6px 20px #18365304}.clock-main{padding:32px 38px;background:linear-gradient(120deg,#fff 30%,#edf4ff)}.clock-main .eyebrow{margin-bottom:12px}.big-clock{font-size:4.5rem;line-height:1.2;font-weight:650;letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#173b63}.clock-main p{font-size:.9rem;color:#617b93;margin:10px 0 24px}.dot{margin:0 8px;color:#93a9bd}.clock-actions{display:flex;gap:12px}.btn{border-radius:8px;padding:12px 20px;min-height:46px;border:1px solid transparent;font-size:.9rem;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;transition:background .15s}.primary{background:var(--blue);color:white;box-shadow:0 3px 6px #1763de15}.primary:hover{background:#1054c3}.secondary{background:white;color:#304960;border-color:#d9e2ed}.secondary:hover{background:#f7faff}.out{background:#153b5e;color:#fff}.disabled{background:#edf1f6;color:#8a98a9;border-color:#e3e9f1}.full{width:100%}.shift-summary{padding:32px;border-left:1px solid #e4ebf4;display:flex;flex-direction:column}.shift-summary .eyebrow{margin-bottom:22px}.shift-row{display:flex;justify-content:space-between;gap:16px;font-size:.875rem;margin:0 0 20px;color:#63758a}.shift-row strong{color:#243b53;text-align:right;font-weight:600}.shift-summary .footnote{border-top:1px solid var(--line);padding-top:15px;margin-top:auto}.section-title{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px}.section-title span{color:#64748b;font-size:.85rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px}.stat>span{display:block;color:#61748b;font-size:.8rem}.stat>span:last-child{font-size:.73rem;color:#78889b}.stat strong{display:block;font-size:2rem;letter-spacing:-.04em;margin:12px 0 8px;font-weight:650}.stat small{font-size:.85rem;color:#8292a5;letter-spacing:0;font-weight:450}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.panel-heading .muted{font-size:.85rem}.text-btn{border:0;background:none;color:var(--blue);font-weight:650;font-size:.85rem;padding:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap}th{text-align:left;background:#f8fafc;color:#64778e;font-size:.75rem;font-weight:600;padding:14px 20px}td{padding:18px 20px;border-top:1px solid #eff2f6;color:#4b6176}td strong{font-weight:550;color:#203b55}td small{display:block;margin-top:5px;color:#7a8b9e}.late{color:#ac6510}.ontime{color:#198563}.empty{text-align:center;padding:38px 24px;color:#6a7e93}.empty>span{font-size:2.1rem;color:#8ca7bf;display:block;margin-bottom:10px}.empty h3{font-size:.95rem;color:#3b536a}.empty p{font-size:.85rem;max-width:380px;margin:10px auto 0}.filters{display:flex;gap:16px;margin-bottom:24px}.filters label{width:220px}.sync-box{margin-top:24px;padding:22px 24px;border:1px dashed #cad7e5;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px}.sync-box p{font-size:.85rem;color:#637a91;margin:0}.sync-box h3{font-size:.95rem}label{display:block;font-size:.875rem;font-weight:550;color:#374e65;margin-bottom:17px}input,select{display:block;width:100%;border:1px solid #cfdbe6;border-radius:8px;background:#fff;padding:12px 13px;color:#1d344d;margin-top:8px;min-height:46px;font-size:1rem}input:focus,select:focus{outline:3px solid #1763de20;border-color:#3579dc}button:focus-visible,a:focus-visible{outline:3px solid #78b2ff;outline-offset:3px}.form-error{color:#b03337;font-size:.85rem;margin:12px 0 0}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;min-height:18px;margin:0;accent-color:var(--blue)}footer{padding:12px 40px 26px;color:#8797a9;font-size:.75rem;max-width:1350px;margin:auto}.narrow{max-width:540px}.padded{padding:24px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-story{background:var(--navy);color:white;padding:44px 64px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}.auth-story>div{max-width:480px}.auth-story h1{font-size:3.5rem;font-weight:600;letter-spacing:-.05em;line-height:1.12;margin:20px 0 26px}.auth-story p{color:#b2c8dd;font-size:1.05rem;max-width:370px}.auth-story .eyebrow{color:#8fbfff}.story-rule{height:1px;background:#ffffff24;margin:32px 0}.story-detail{display:flex;flex-wrap:wrap;gap:16px;color:#bdd0e2;font-size:.8rem}.story-bottom{color:#7f9db8;font-size:.8rem}.auth-panel{display:grid;place-items:center;padding:50px 30px;background:#f8fafc}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:1.85rem;margin-bottom:12px;letter-spacing:-.04em}.auth-card>.muted{font-size:.9rem;margin-bottom:28px}.auth-card .btn{margin-top:8px}.auth-card .footnote{font-size:.8rem}.loading{padding:80px 30px;text-align:center;color:#64748b}.loading h1{font-size:1.6rem}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:16px 22px;max-width:min(92vw,620px);border:1px solid #236b50;background:#123e2e;color:#fff;border-radius:10px;box-shadow:0 8px 30px #0003;z-index:100;font-size:.9rem;line-height:1.6}#toast.error{background:#782e32;border-color:#a3464b}dialog{border:1px solid #dbe5ef;border-radius:16px;width:min(94vw,480px);padding:28px;max-height:90vh;overflow-y:auto;color:#243b53}dialog::backdrop{background:#0b233866;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-heading button{border:0;background:#f0f4f8;border-radius:6px;font-size:1.5rem;width:32px;height:32px}.dialog-heading h2{font-size:1.25rem}dialog .btn{margin-top:18px}
@media(min-width:1500px){.content{padding-top:55px}.clock-main{padding:38px 44px}.big-clock{font-size:5rem}}@media(max-width:1100px){.sidebar{width:215px;padding:26px 16px}.workspace{margin-left:215px}.content{padding:30px 24px}.topbar{padding:22px 24px}.clock-main{padding:28px}.big-clock{font-size:3.5rem}.shift-summary{padding:28px 22px}.stat{padding:18px 15px}.stats{gap:12px}.auth-story{padding:40px}.auth-story h1{font-size:3rem}}@media(max-width:800px){.shell{display:block}.sidebar{position:static;width:100%;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:16px}.sidebar .brand{margin:0;font-size:1rem}.brand-mark{width:30px;height:30px;font-size:1.2rem}.nav-label{display:none}.sidebar nav{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;order:3}.nav-item{width:auto;white-space:nowrap;gap:8px;padding:10px 13px;margin:0;font-size:.8rem}.nav-item>span{font-size:1rem}.sidebar-bottom{margin:0;padding:0;border:0}.sidebar-bottom .avatar,.sidebar-bottom div:not(.avatar){display:none}.workspace{margin-left:0}.topbar{padding:16px 20px;font-size:.8rem}.zone{font-size:.72rem}.content{padding:26px 20px}.clock-card{grid-template-columns:1fr 1fr}.big-clock{font-size:3.2rem}.clock-main{padding:26px 24px}.clock-main p{font-size:.8rem}.clock-actions .btn{padding:11px 14px;font-size:.8rem}.stats{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.9rem}.page-heading>.badge{font-size:.7rem;margin-top:27px}.auth-story{padding:35px}.auth-story h1{font-size:2.6rem}.auth-panel{padding:35px 24px}footer{padding:12px 20px 24px}}@media(max-width:560px){.clock-card{grid-template-columns:1fr}.shift-summary{border-left:0;border-top:1px solid var(--line);padding:22px 24px}.shift-row{margin-bottom:14px}.shift-summary .eyebrow{margin-bottom:16px}.big-clock{font-size:4rem}.clock-main{padding:28px 24px}.clock-actions .btn{flex:1;min-height:48px;font-size:.925rem}.clock-main p{font-size:.875rem}.page-heading{flex-wrap:wrap;gap:16px}.page-heading>.badge{margin:0}.page-heading>.btn{font-size:.8rem;padding:10px 14px}.content{padding:24px 16px}.topbar{padding:15px 16px}.topbar .zone{display:none}.panel-heading{padding:20px 18px}.panel-heading h2{font-size:1rem}.stats{gap:10px}.stat strong{font-size:1.8rem}.stat>span:last-child{font-size:.72rem}.sync-box{flex-direction:column;align-items:flex-start;padding:22px}.filters{gap:10px}.filters label{width:50%;min-width:0}.auth{grid-template-columns:1fr}.auth-story{padding:24px;gap:24px}.auth-story>div{display:none}.story-bottom{display:none}.auth-panel{padding:40px 24px;align-items:start}.auth-card{max-width:420px}.auth-card h2{font-size:1.8rem}.sidebar-bottom button{min-width:35px}h1{font-size:1.85rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.filters{flex-wrap:wrap}@media(max-width:560px){.filters label{width:calc(50% - 5px)}}