*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#17253b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}a{color:#174976;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3d93ec;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:2.35rem;line-height:1.18;letter-spacing:-.045em;font-weight:650}h2{font-size:1.2rem;font-weight:650}h3{font-size:1rem;font-weight:650}small{font-size:.85rem}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.sidebar{background:#10243c;color:#dde7f3;padding:38px 24px;display:flex;flex-direction:column}.brand{color:inherit;margin-bottom:64px}.brand:hover{text-decoration:none}.brand-name{font-size:1.55rem;letter-spacing:.1em;line-height:1.1;font-weight:800}.brand-name span{font-weight:350;display:block;letter-spacing:.3em;font-size:1.12rem;margin-top:5px}.brand small{display:block;font-size:.72rem;letter-spacing:.12em;color:#b1c4d8;margin-top:19px}.nav-label{font-size:.72rem;letter-spacing:.12em;color:#adc0d4;margin:0 0 14px 10px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;gap:15px;color:#c3d2e2;padding:13px 12px;border-radius:6px;font-size:.9rem}.sidebar nav a span{font-size:.72rem;color:#819bb7;padding-top:3px}.sidebar nav a.selected{background:#244464;color:#fff;box-shadow:inset 3px 0 #74b6e3}.sidebar-bottom{margin-top:auto;padding-top:80px}.company{font-size:.9rem;border-bottom:1px solid #33465c;padding-bottom:24px;margin-bottom:22px}.company small{display:block;color:#a3b6ca;margin-top:6px;font-size:.78rem}.account{color:#fff;display:block;font-size:.9rem}.logout{border:0;background:none;color:#b0c3d8;padding:8px 0;font-size:.85rem;cursor:pointer}.topbar{height:76px;border-bottom:1px solid #dfe5eb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:.78rem;color:#65758a;letter-spacing:.02em}.topbar b{padding:0 16px;color:#a3afbe}.workspace{min-width:0;display:flex;flex-direction:column}main{padding:40px 44px;flex:1;max-width:1540px;width:100%;margin:auto}.eyebrow{color:#60788f;font-size:.73rem;font-weight:700;letter-spacing:.17em;margin-bottom:10px}.subtitle{color:#6a7889;margin-top:12px;font-size:.95rem}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;color:white;background:#173e61;border:1px solid #173e61;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;min-height:46px}.btn:hover{background:#235277;text-decoration:none}.btn.secondary{color:#233e5d;background:#fff;border-color:#ccd6e1}.btn.secondary:hover{background:#edf3f8}.btn.small{padding:8px 14px;min-height:40px}.period{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#65758a;font-size:.9rem}.period input{width:auto}.period label{margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat{background:#fff;border:1px solid #e0e6ed;border-radius:9px;padding:23px}.stat p{font-size:.87rem;color:#5d6f84}.stat strong{display:block;font-size:2rem;font-weight:600;margin:15px 0 10px;letter-spacing:-.04em;overflow-wrap:anywhere}.stat em{font-size:1rem;font-style:normal;margin-left:5px;color:#7e8da0}.stat small{font-size:.78rem;color:#75859a}.stat.accent{background:#e6eef5;border-color:#c8d8e7}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid #dde5ec;border-radius:9px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #e8edf2;gap:14px}.section-heading a{font-size:.85rem}.work-row{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #edf1f5;gap:20px;color:inherit}.work-row:last-child{border:0}.work-row:hover{background:#f7fafc;text-decoration:none}.work-row h3{margin-top:10px}.work-row p,.work-row small{color:#78889a;font-size:.85rem}.work-hours{text-align:right;white-space:nowrap}.work-hours small{display:block}.tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;background:#eaf0f6;color:#546c83;white-space:nowrap}.tag.active{background:#e5f1ef;color:#256860}.tag.completed{background:#eef0f3;color:#697789}.checklist{padding:26px}.checklist h2{font-size:1.45rem;letter-spacing:-.025em}.checklist ol{padding-left:21px;margin:28px 0}.checklist li{padding-left:9px;margin:0 0 23px;color:#71869b}.checklist strong{display:block;color:#293e55;font-size:.95rem}.checklist li span{font-size:.86rem;display:block;margin-top:4px}.fineprint{font-size:.82rem;color:#687b8e;margin-top:18px;line-height:1.6}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left}th{padding:15px 22px;font-size:.76rem;color:#60778d;font-weight:600;background:#f8fafc;border-bottom:1px solid #e5ebf1;white-space:nowrap}td{padding:19px 22px;border-bottom:1px solid #edf1f5}tr:last-child td{border:0}td small{display:block;margin-top:4px;color:#7a8999;font-size:.82rem}td strong{font-weight:600}.empty{text-align:center;padding:52px 26px;color:#6b7e91}.empty h2,.empty h3{color:#29415b;margin-bottom:10px}.empty .btn{margin-top:23px}.empty .actions{justify-content:center}.footer{padding:20px 44px;color:#7f8c9c;font-size:.75rem;display:flex;justify-content:space-between;border-top:1px solid #dfe5eb}.editor{padding:30px;max-width:930px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:500;color:#344b64}input:not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #c7d2dd;border-radius:5px;padding:11px 12px;background:#fff;color:#1c3249;min-height:46px}label small{font-weight:400;color:#718499;font-size:.8rem}.form-footer{border-top:1px solid #e3eaf1;padding-top:24px;margin-top:30px;display:flex;justify-content:space-between;align-items:center}.notice,.errors{padding:16px 20px;border-radius:6px;margin-bottom:24px;background:#e5f1ec;color:#235944}.errors{background:#fff0ed;color:#943c30}.errors ul{margin-bottom:0}.pagination{display:flex;justify-content:center;gap:30px;padding:24px;font-size:.9rem}.skip{position:absolute;left:10px;top:-80px;background:#fff;z-index:10;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.auth-brand{background:#10243c;color:#f2f7fb;padding:60px 12%;display:flex;flex-direction:column;justify-content:center;position:relative}.auth-brand .brand-name{position:absolute;top:55px}.auth-brand .eyebrow{color:#a5c3dc;margin-bottom:20px}.auth-brand h1{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.12;letter-spacing:-.04em}.auth-brand>p:not(.eyebrow){color:#b6cadc;margin-top:30px;font-size:1rem;line-height:1.9}.auth-brand>small{position:absolute;bottom:45px;letter-spacing:.15em;font-size:.73rem;color:#9eb4c9}.auth-main{display:flex;align-items:center;justify-content:center;padding:55px}.auth-box{width:100%;max-width:390px}.auth-box h2{font-size:1.85rem;letter-spacing:-.04em;margin-bottom:32px}.auth-form label{margin-top:20px}.auth-form .check{flex-direction:row;align-items:center;font-size:.85rem;font-weight:400}.check input{width:17px;height:17px}.auth-submit{width:100%;margin-top:28px}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:.8rem}.auth-form .subtitle{margin-bottom:20px}@media(min-width:1700px){.sidebar{padding-left:32px;padding-right:32px}.shell{grid-template-columns:260px 1fr}}@media(max-width:1150px){.shell{grid-template-columns:210px 1fr}main{padding:28px}.topbar{padding:0 28px}.page-heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.checklist{display:none}.stat strong{font-size:1.8rem}}@media(max-width:700px){.shell{display:block}.sidebar{padding:20px}.brand{margin:0 0 20px;display:block}.brand-name{font-size:1.1rem}.brand-name span{display:inline;margin-left:7px;font-size:1.1rem;letter-spacing:.12em}.brand small,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.sidebar nav a{font-size:.76rem;padding:10px 5px;justify-content:center;text-align:center;gap:0}.sidebar nav a span{display:none}.topbar{height:55px;padding:0 20px;font-size:.7rem}.topbar small{display:none}main{padding:27px 18px}.page-heading{gap:18px;margin-bottom:24px}h1{font-size:1.85rem}.subtitle{font-size:.9rem}.stats{gap:10px}.stat{padding:16px}.stat p{font-size:.78rem}.stat strong{font-size:1.65rem}.stat small{font-size:.75rem}.btn{padding:10px 15px}.section-heading{padding:19px}.form-grid{grid-template-columns:1fr;gap:20px}.editor{padding:22px 18px}.full{grid-column:auto}.footer{padding:20px;gap:12px}.footer span{display:none}.period{flex-wrap:wrap}.auth-page{display:block}.auth-brand{padding:28px}.auth-brand .brand-name{position:static}.auth-brand .eyebrow,.auth-brand h1,.auth-brand>p,.auth-brand>small{display:none}.auth-main{padding:38px 24px}.auth-box h2{font-size:1.7rem}}

.top-account{display:flex;gap:18px;align-items:center}.top-account button{border:0;background:none;color:#174976;cursor:pointer;padding:6px;font:inherit}
