@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--red:#cf3438;--redsoft:#fdf0ee;--ink:#22252c;--muted:#83868e;--line:#eaeaea;--bg:#f7f8fa;--green:#258565;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3,.metric strong{font-family:Manrope,var(--font)}.app{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#fff;border-right:1px solid var(--line);padding:34px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:9px;align-items:center;margin:0 12px 38px}.brand-mark{width:31px;height:32px;background:var(--red);color:white;clip-path:polygon(24% 0,100% 0,75% 43%,95% 43%,22% 100%,42% 55%,0 55%);flex:none}.brand b{font:800 23px Manrope;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:1px}.navlabel{font-size:10px;letter-spacing:1.6px;color:#a2a3a8;font-weight:600;margin:24px 15px 10px}.navbutton{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;margin:4px 0;border-radius:8px;color:#747780;text-align:left;font-size:13px;font-weight:500}.navbutton:hover{background:#f7f7f8}.navbutton.active{background:var(--redsoft);color:var(--red);font-weight:700}.navbutton .count{margin-left:auto;font-size:10px;border-radius:5px;background:#fff1ee;color:var(--red);padding:3px 6px}.navbutton.active .count{background:#fff}.sidebottom{margin-top:auto;padding-top:36px}.securebox{background:#f8f9fa;border:1px solid #ededee;border-radius:10px;padding:15px 13px;font-size:11px;line-height:1.7;color:var(--muted)}.securebox b{display:block;color:#525760;font-weight:600}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;margin-top:18px;padding:20px 10px 0}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0ed;display:inline-flex;align-items:center;justify-content:center;color:#5e7468;font-size:11px;font-weight:700;flex:none}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.main{grid-column:2;min-width:0}.topbar{height:82px;padding:0 40px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{color:#9698a0;font-size:12px}.crumb span{color:#42464e;margin-left:12px}.topright{display:flex;align-items:center;gap:18px}.outline{border:1px solid #e3e4e8;background:white;border-radius:7px;padding:10px 14px;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.outline:hover{border-color:#aaa}.role{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;max-width:185px}.demo-tag{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#967639;background:#fbf7ed;padding:5px 8px;border-radius:4px;letter-spacing:.3px}.dot{height:6px;width:6px;border-radius:50%;background:currentColor;display:inline-block}.content{max-width:1520px;margin:auto;padding:36px 40px 28px}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:27px;font-weight:750;letter-spacing:-.9px}.subtitle{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}.actions{display:flex;gap:10px;align-items:center}.primary{background:var(--red);border:1px solid var(--red);color:white;border-radius:7px;padding:11px 16px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-shadow:0 3px 4px #cf34380c}.primary:hover{background:#b9292e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px;min-height:130px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#7c7f87;font-size:11px}.metric-icon{width:28px;height:28px;border-radius:6px;background:#f7f7f9;display:grid;place-items:center;color:#989ba1}.metric strong{display:block;font-weight:750;font-size:26px;margin-top:7px;letter-spacing:-1px}.metric strong small{font-size:16px;color:#aaa;margin-right:4px;font-weight:500}.metric-foot{font-size:10px;color:#9698a0;margin-top:9px}.metric-foot b{font-weight:500;color:var(--green);margin-right:5px}.charts{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:22px;margin-bottom:24px}.card{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 24px 0}.cardhead h2{font-size:14px;font-weight:750;letter-spacing:-.3px}.cardhead p{color:var(--muted);font-size:10px;margin-top:6px}.small-select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 9px;font-size:10px;color:#62656c}.legend{font-size:10px;color:#82858d;display:flex;gap:15px;margin:19px 24px 0}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:#cf3438}.legend span+span i{background:#f3d9d9}.chart{height:200px;display:flex;padding:22px 24px 13px 19px;gap:13px}.axis{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a6a9af;padding-bottom:21px}.bars{flex:1;display:flex;align-items:end;justify-content:space-around;gap:8px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#f0f1f3 calc(25% - 1px),#f0f1f3 25%);margin-bottom:22px;position:relative}.bargroup{height:100%;display:flex;align-items:end;gap:5px;position:relative;flex:1;justify-content:center}.bar{background:#f1d7d7;border-radius:4px 4px 0 0;width:19%;min-width:10px;max-width:24px}.bar.dark{background:#cb4045}.bar-label{position:absolute;bottom:-21px;font-size:9px;color:#a1a3aa}.chartfoot{border-top:1px solid #f0f0f1;padding:12px 24px;display:flex;justify-content:space-between;color:#989aa1;font-size:10px}.chartfoot b{color:#6d747c;font-weight:500}.donutarea{display:flex;align-items:center;justify-content:center;gap:27px;padding:23px 23px 20px}.donut{width:134px;height:134px;border-radius:50%;background:conic-gradient(#c93b40 0 38%,#e8887d 38% 63%,#f0b7a2 63% 82%,#eed3bb 82% 93%,#edf0f3 93%);position:relative;flex:none}.donut:before{content:'';position:absolute;inset:17px;background:#fff;border-radius:50%}.donutcenter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;color:#989aa1}.donutcenter strong{font-size:20px;color:#333;font-family:Manrope;margin-bottom:3px}.breakdown{flex:1;min-width:110px}.breakrow{display:flex;align-items:center;gap:7px;font-size:10px;color:#858890;padding:7px 0}.breakrow i{width:6px;height:6px;border-radius:2px;flex:none}.breakrow b{margin-left:auto;color:#666b74;font-size:10px;font-weight:500}.subtle-link{color:#b03a3f;font-size:10px;font-weight:600}.tablecard .cardhead{padding-bottom:20px}.tabletools{display:flex;justify-content:space-between;gap:12px;padding:0 24px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:22px;overflow:auto}.tab{font-size:11px;padding:12px 0 15px;white-space:nowrap;color:#8e9098;border-bottom:2px solid transparent}.tab.active{border-color:var(--red);color:var(--red);font-weight:600}.tab small{margin-left:5px;background:#f1f2f4;border-radius:4px;padding:2px 5px;font-size:9px}.tab.active small{background:var(--redsoft);color:var(--red)}.search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;margin-bottom:10px;padding:0 10px;color:#a3a5aa}.search input{border:0;max-width:155px;font-size:10px;padding:8px 0;outline:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;font-weight:500;letter-spacing:.4px;color:#94979f;background:#fbfbfc;padding:13px 22px}td{padding:17px 22px;border-top:1px solid #f0f1f2;font-size:11px;color:#626772}tbody tr{cursor:pointer}tbody tr:hover{background:#fcfcfd}.ref{color:#3d424d;font-size:10px;font-weight:600}.rowtitle{display:block;color:#3f4650;margin-bottom:4px;font-weight:500}.rowmeta{font-size:9px;color:#a1a5ad}.person{display:flex;align-items:center;gap:8px}.person .avatar{width:28px;height:28px;font-size:9px}.badge{padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.Submitted{color:#ba8832;background:#fcf6e9}.Approved{color:#637db0;background:#eef2fa}.Paid,.Verified{color:#358268;background:#ecf6f0}.Rejected{color:#bd4a50;background:#fcedee}.Draft{color:#83858e;background:#f0f1f5}.amount{color:#3d424d;font-weight:600;font-variant-numeric:tabular-nums}.tablefooter{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#a1a4ab;font-size:10px;align-items:center}.pager{display:flex;gap:5px}.pager button{border:1px solid var(--line);border-radius:4px;height:24px;min-width:24px;color:#999}.pager .on{background:var(--redsoft);color:var(--red);border-color:#f0d7d7}.footer{display:flex;justify-content:space-between;font-size:9px;color:#aaaeb6;margin-top:23px}.footer span{display:flex;align-items:center;gap:5px}.notice{border:1px solid #ecd8bd;background:#fcf9f2;color:#8d774d;padding:13px 17px;border-radius:8px;margin-bottom:22px;font-size:11px;line-height:1.7}.hidden{display:none!important}.empty{padding:55px;text-align:center;color:#969aa2;font-size:13px}.heroemployee{border-radius:12px;background:#272d37;padding:28px;color:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.heroemployee h2{font-size:23px;letter-spacing:-.6px}.heroemployee p{color:#aeb6c2;font-size:12px;margin-top:9px;line-height:1.8}.steprail{display:flex;gap:14px;font-size:10px;color:#b6bec8;margin-top:22px}.steprail b{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #58616f;border-radius:50%;margin-right:5px;font-weight:500}.employee-metrics{grid-template-columns:repeat(3,1fr)}.personnel{padding:20px 24px;line-height:1.7;color:#7e838b;font-size:12px}.personnel h3{color:#353c47;margin-bottom:12px}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.access-card{padding:25px}.access-card h3{font-size:14px;margin:12px 0}.access-card p{font-size:11px;line-height:1.8;color:#9498a0}.overlay{position:fixed;inset:0;background:#17212f66;z-index:80;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.drawer{width:580px;max-width:100%;height:100%;overflow:auto;background:#fff;box-shadow:-20px 0 70px #17212f22}.drawerhead{padding:27px 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawerhead h2{font-size:20px;letter-spacing:-.5px}.close{font-size:23px;color:#969aa3}.drawerbody{padding:25px 30px}.field{display:block;margin-bottom:17px;font-size:11px;font-weight:500;color:#68707c}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #e1e4e8;border-radius:7px;padding:11px;margin-top:7px;background:#fff;color:#333;resize:vertical}.field textarea{min-height:75px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.refbox{background:#f7f8fa;border:1px solid var(--line);border-radius:8px;padding:15px;font-size:11px;color:#9297a1;margin-bottom:24px}.refbox strong{display:block;font-size:16px;color:#444c58;margin:7px 0;font-family:Manrope}.formsection{font-size:12px;font-weight:700;margin:23px 0 16px}.expense-line{display:grid;grid-template-columns:1fr 100px 26px;gap:8px;margin-bottom:10px}.expense-line input{min-width:0;border:1px solid #e1e4e8;border-radius:6px;padding:10px;font-size:12px}.totals{border-top:1px solid var(--line);padding:14px 0;text-align:right;font-size:12px;color:#7c8491}.totals b{font-size:22px;color:#313a47;margin-left:25px;font-family:Manrope}.upload{border:1px dashed #d7dbe1;background:#fcfcfd;border-radius:8px;padding:17px;display:block;text-align:center;color:#8e95a1;font-size:11px;margin-bottom:7px;cursor:pointer}.upload input{display:block;font-size:10px;margin:12px auto 0;max-width:100%}.drawerfoot{border-top:1px solid var(--line);padding:20px 30px;display:flex;gap:10px;justify-content:flex-end;background:#fcfcfd}.detail-top{display:flex;justify-content:space-between;margin:0 0 25px}.detail-amount{font-size:31px;font-family:Manrope;font-weight:750;letter-spacing:-1px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:11px;margin-bottom:26px}.detailgrid small{display:block;color:#9ba1ac;font-size:10px;margin-bottom:6px}.detailitems{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.timeline{padding:8px 0}.event{border-left:1px solid #e1e4e9;padding:0 0 20px 18px;margin-left:5px;position:relative;font-size:11px;color:#5c6470;line-height:1.7}.event:before{position:absolute;content:'';left:-4px;top:5px;width:7px;height:7px;background:#cf3438;border-radius:50%}.event small{display:block;color:#a2a8b1;font-size:10px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#29323e;color:#fff;border-radius:8px;z-index:100;font-size:12px;box-shadow:0 7px 30px #0002;max-width:90vw}.view{animation:fade .23s ease}@keyframes fade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.mobilemenu{display:none}.mobileveil{display:none}.draftnote{font-size:10px;line-height:1.7;color:#9da3ac;margin-top:10px}.blocked{text-align:center;padding:70px 25px}.blocked h2{font-size:23px;margin:18px}.blocked p{max-width:400px;margin:auto;color:#8c929b;line-height:1.9;font-size:12px}.toolbarline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.receipt-name{word-break:break-word;font-size:11px;line-height:1.8;color:#6d7582}.feedback{padding:12px;background:#fff2ee;color:#ad5a45;border-radius:7px;font-size:11px;margin-bottom:18px}.checklabel{display:flex;gap:9px;align-items:start;font-size:11px;line-height:1.8;color:#7f8792;margin-top:20px}.datebadge{font-size:11px;color:#78808b}.pagehint{font-size:10px;color:#9c8282;line-height:1.7;margin-bottom:20px}.reminder{padding:12px 24px;border-top:1px solid var(--line);font-size:10px;color:#9ca2aa}.tablebadge{display:inline-flex;margin-left:7px;color:var(--green)}
@media(min-width:1500px){.content{padding-top:42px}.chart{height:220px}td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.app{grid-template-columns:210px 1fr}.content{padding:28px 25px}.topbar{padding:0 25px}.charts{grid-template-columns:1.6fr 1fr}.donutarea{gap:15px;padding:28px 18px}.donut{width:105px;height:105px}.donut:before{inset:14px}.donutcenter strong{font-size:17px}.metric{padding:17px 15px}.metric strong{font-size:24px}.tabletools{flex-direction:column;gap:0}.search{align-self:flex-end;margin-top:10px}.tabs{order:2}.actions{flex-wrap:wrap}.topright{gap:10px}}
@media(max-width:950px){.charts{grid-template-columns:1fr}.donutarea{justify-content:flex-start;gap:35px}.donut{width:130px;height:130px}.breakdown{max-width:300px}.metrics{grid-template-columns:repeat(2,1fr)}.employee-metrics{grid-template-columns:repeat(3,1fr)}.head{flex-direction:column}.access-grid{grid-template-columns:1fr}.demo-tag{display:none}.topbar{height:70px}.crumb{font-size:10px}}
@media(max-width:650px){.app{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:none}.mobileveil.open{display:block;position:fixed;inset:0;background:#0005;z-index:19}.main{width:100%}.content{padding:25px 16px}.topbar{padding:0 16px}.mobilemenu{display:block}.crumb{display:none}.role{max-width:168px;font-size:10px}.topright{margin-left:auto}.topright>.datebadge{display:none}h1{font-size:25px}.head{gap:18px}.actions{width:100%}.actions .primary{margin-left:auto}.metrics{gap:11px}.metric{min-height:119px;padding:15px 13px}.metric strong{font-size:23px}.metric-top{font-size:10px}.metric-foot{font-size:9px}.employee-metrics{grid-template-columns:1fr}.cardhead{padding:20px 18px 0}.tabletools{padding:0 18px}.heroemployee{padding:24px;flex-direction:column;align-items:flex-start}.heroemployee h2{font-size:21px}.steprail{flex-wrap:wrap}.footer{gap:20px;line-height:1.6}.footer span:last-child{display:none}.drawerhead,.drawerbody,.drawerfoot{padding-left:20px;padding-right:20px}.drawerhead h2{font-size:18px}.fieldgrid{grid-template-columns:1fr}.tablefooter{padding:15px 18px}.tab{font-size:10px}.tabs{gap:17px}}
@media print{.sidebar,.topbar,.actions,.charts,.footer,.overlay,.demo-tag,.tabletools{display:none!important}.app{display:block}.content{padding:0}.metrics{grid-template-columns:repeat(4,1fr)}body{background:white}th,td{padding:10px}.card{overflow:visible}}
/* Speedship site palette and navigation, measured from the live site. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#45b649;--redsoft:#12281a;--ink:#f0f3f0;--muted:#91a096;--line:#26332b;--bg:#050607;--green:#70c880;--font:Inter,Arial,sans-serif}body{padding-top:68px;background:radial-gradient(ellipse at 80% 15%,#12301d66,transparent 55%),#050607;color:#f0f3f0}h1,h2,h3,.metric strong{font-family:Inter,Arial,sans-serif}.sss-header{position:fixed;inset:0 0 auto;z-index:60;background:rgba(0,0,0,.3);backdrop-filter:blur(12px);border-bottom:1px solid #ffffff1a;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:24px;color:#ffffffe6}.sss-line{height:3px;width:100%;background:linear-gradient(to right,#45b649,#ffffff66,#1f3f22)}.sss-inner{max-width:1280px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;height:64px}.sss-left,.sss-right{display:flex;align-items:center;gap:40px}.sss-header a{color:#ffffffe6;text-decoration:none}.sss-left>a,.sss-right>a,.sss-services>button{font-size:16px;line-height:24px;letter-spacing:.4px;font-weight:500;padding:0;transition:color .15s}.sss-header a:hover,.sss-services>button:hover{color:#fff}.sss-logo{flex:1;display:flex;justify-content:center}.sss-logo img{display:block;height:40px;width:auto;margin-top:-8px;scale:1.35;filter:brightness(0) invert(1);transform-origin:center}.sss-services{position:relative}.sss-services>button{display:flex;align-items:center;gap:4px;color:#ffffffe6}.sss-services>button span{color:#ffffffb3}.sss-dropdown{position:absolute;right:0;top:24px;margin-top:12px;width:240px;border:1px solid #ffffff1a;border-radius:12px;background:#000c;backdrop-filter:blur(24px);box-shadow:0 20px 25px -5px #0003;opacity:0;visibility:hidden;transition:.2s}.sss-dropdown:before{content:'';height:16px;position:absolute;inset:-16px 0 auto}.sss-services:hover .sss-dropdown,.sss-services:focus-within .sss-dropdown,.sss-services.open .sss-dropdown{opacity:1;visibility:visible}.sss-dropdown a{display:block;padding:12px 20px;font-size:16px;font-weight:400;line-height:24px}.sss-dropdown a:hover{background:#ffffff1a}.sss-hamburger{display:none}.sss-mobile-menu{background:#0005;backdrop-filter:blur(24px);text-align:center;padding:48px 0 40px;border-radius:0 0 16px 16px;font-size:18px;letter-spacing:.45px}.sss-mobile-menu>a,.sss-mobile-menu>details{display:block;margin-top:32px;border-bottom:1px solid #ffffff1a;width:100%;padding:8px 0}.sss-mobile-menu>a:first-child{margin-top:0}.sss-mobile-menu summary{cursor:pointer;list-style:none;padding:12px 24px}.sss-mobile-menu details div{background:#0006;display:flex;flex-direction:column}.sss-mobile-menu details a{padding:12px}.sss-mobile-menu a:hover{color:#45b649}.app{display:block;min-height:calc(100vh - 68px)}.sidebar{position:sticky;inset:auto;top:68px;width:100%;padding:0 24px;display:block;background:#080e0bbf;backdrop-filter:blur(20px);border-right:0;border-bottom:1px solid var(--line);z-index:30}.sidebar .brand,.sidebar .navlabel,.sidebar .sidebottom{display:none}#nav{max-width:1232px;margin:auto;display:flex;align-items:center;gap:12px;overflow:auto}.navbutton{width:auto;white-space:nowrap;padding:17px 16px;margin:0;border-radius:0;border-bottom:2px solid transparent;font-size:12px;color:#8d9d92;gap:8px}.navbutton.active{border-color:#45b649;background:#45b6490c;color:#93d897}.navbutton:hover{background:#ffffff06}.navbutton .count,.navbutton.active .count{background:#233527;color:#9bc9a5}.main{width:100%}.topbar{background:transparent;height:73px;max-width:1280px;margin:auto;border-bottom:1px solid #ffffff0a;padding:0 24px}.content{max-width:1280px;padding:30px 24px 35px}.role,.small-select{background:#121b15;border-color:#304335;color:#b2c2b5}.avatar,.person .avatar{background:#1e3325;color:#9ebba7}.demo-tag{background:#253420;color:#a8c78b}.card,.metric{background:linear-gradient(145deg,#121d16e6,#090f0be8);border:1px solid #ffffff12;box-shadow:0 15px 40px #0002;backdrop-filter:blur(12px);border-radius:16px}.metric{padding:21px 22px}.metric-top{color:#91a296}.metric strong{color:#f2f6f3}.metric strong small{color:#849d8a}.metric-icon{background:#273d2c66;color:#7bb78a}.metric-foot{color:#7b8e80}.metric-foot b{color:#86bc8e}.outline{background:#142219;border-color:#334b3b;color:#bfd1c3;border-radius:999px;padding:10px 15px}.outline:hover{border-color:#63916d}.primary{background:linear-gradient(135deg,#45b649,#1f3f22);border:1px solid #2b5b2d;border-radius:999px;color:#fff;box-shadow:0 0 18px #45b64922}.primary:hover{background:linear-gradient(135deg,#4fcb53,#1b3a21);box-shadow:0 0 22px #45b64945}.heroemployee{background:radial-gradient(ellipse at 85% 40%,#25512c66,transparent 60%),linear-gradient(135deg,#121e16,#060b08);border:1px solid #ffffff14;border-radius:24px;box-shadow:0 20px 50px #0005;padding:34px}.heroemployee h2{font-weight:700;font-size:25px}.heroemployee p{color:#9fb5a6}.steprail{color:#8da995}.steprail b{border-color:#385c41;color:#a8c8af}.cardhead h2{color:#e2ece5}.cardhead p,.subtitle{color:#8da295}.legend{color:#82998b}.legend i{background:#45b649}.legend span+span i{background:#264b32}.bar{background:#274b32}.bar.dark{background:linear-gradient(0deg,#286c34,#57be65)}.bars{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#ffffff08 calc(25% - 1px),#ffffff08 25%)}.axis,.bar-label{color:#708877}.chartfoot{border-color:#ffffff0c;color:#708877}.chartfoot b{color:#a4b7a9}.subtle-link{color:#7ec98b}.donut{background:conic-gradient(#45b649 0 38%,#3a8750 38% 63%,#76ae74 63% 82%,#b0c6a0 82% 93%,#34443a 93%)}.donut:before{background:#0e1812}.donutcenter{color:#7d9686}.donutcenter strong{color:#dcebe0}.breakrow{color:#93a99b}.breakrow b{color:#bdcec2}th{background:#101d15;color:#779783}td{border-color:#ffffff08;color:#b1c4b7}.ref,.rowtitle,.amount{color:#d3e3d8}.rowmeta{color:#718779}tbody tr:hover{background:#ffffff04}.tabletools,.tablefooter,.reminder{border-color:#ffffff0e}.tab{color:#7a9583}.tab.active{color:#82d68c}.tab small{background:#22392a;color:#7fa38d}.tab.active small{background:#223c29;color:#9cd5a7}.search{border-color:#263d2e}.search input{background:transparent;color:#d2e3d8}.tablefooter{color:#779783}.footer{color:#4f6b59}.badge.Submitted{background:#3d3218;color:#d9b96d}.badge.Approved{background:#1d3343;color:#8fb7dd}.badge.Paid,.badge.Verified{background:#173724;color:#8bce9e}.badge.Rejected{background:#3d2327;color:#db969d}.badge.Draft{background:#2a3036;color:#a8b6c2}.drawer{background:#0d1711;color:#d8e7dd}.drawerhead,.drawerfoot{border-color:#2c4032;background:#101d15}.drawerhead h2{color:#e1eee5}.refbox{background:#15251b;border-color:#2c4533;color:#8da995}.refbox strong{color:#c2e1ca}.field{color:#9db7a6}.field input,.field select,.field textarea,.expense-line input{background:#0a130d;color:#cee1d4;border-color:#304a39}.field input[readonly]{background:#15221a;color:#85a58f}.upload{background:#122018;border-color:#3c5b47;color:#97b7a2}.receipt-name{color:#8da995}.detailgrid small{color:#6e947b}.detail-amount{color:#e1eee5}.detailitems,.totals{border-color:#2c4032}.totals b{color:#dcebe1}.event{border-color:#35513d;color:#adc8b6}.event:before{background:#45b649}.event small,.draftnote{color:#7b9786}.checklabel{color:#9cb5a5}.notice{background:#282919;border-color:#4b4c2a;color:#b8bb86}.personnel{color:#91ac9b}.personnel h3,.access-card h3{color:#c6ddce}.access-card p{color:#8aa796}.feedback{background:#372b1e;color:#cbb28e}.blocked p{color:#8eac9a}.importpreview{max-height:350px;overflow:auto;border:1px solid #304a39;border-radius:9px;margin:20px 0}.importpreview th,.importpreview td{padding:11px 12px;font-size:10px;white-space:normal}.import-steps{display:flex;gap:12px;margin:15px 0 25px;color:#7a9985;font-size:10px}.import-steps b{color:#a6d3b0}.importerror{background:#3d2327;border:1px solid #64383e;color:#e3a1a8;padding:12px;border-radius:8px;font-size:11px;line-height:1.8}.importsummary{display:flex;gap:30px;margin-top:20px;font-size:12px;color:#91b09c}.importsummary strong{display:block;font-size:23px;color:#d6ecdd;margin-top:8px}.importfield{margin:24px 0 15px}.importfield input{color:#b3cabb}.workflow-note{line-height:1.8;font-size:11px;color:#8da995;margin:15px 0}.pagehint{color:#a69474}input[type=checkbox]{accent-color:#45b649}
@media(max-width:950px){.sidebar{width:100%;padding:0 14px}.content{padding:26px 24px}.topbar{height:65px}.head{flex-direction:row}.employee-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){body{padding-top:84px}.sss-inner{height:80px;padding:16px 20px;background:#0006;backdrop-filter:blur(24px);box-shadow:0 8px 25px #0009}.sss-left,.sss-right{display:none}.sss-logo{justify-content:flex-start}.sss-logo img{height:36px;scale:1;margin:0;filter:brightness(0) invert(1) drop-shadow(0 0 10px #45b64940)}.sss-hamburger{display:flex;align-items:center;justify-content:center;height:48px;width:48px;border:1px solid #ffffff33;border-radius:8px;background:#0006;color:#fff}.sss-mobile-menu{position:absolute;inset:90px 0 auto}.sidebar{top:84px;transform:none;padding:0 8px}#nav{gap:0}.navbutton{padding:14px 12px;font-size:10px;gap:6px}.mobilemenu,.mobileveil{display:none!important}.topbar{padding:0 18px}.topright{width:100%;justify-content:space-between}.topright .demo-tag{display:inline-flex;font-size:8px}.topright>.datebadge{display:none}.content{padding:25px 16px}.head{flex-direction:column}.actions{flex-wrap:wrap;width:100%}.heroemployee{padding:26px}.employee-metrics{grid-template-columns:1fr}.metric{padding:20px}.access-grid{grid-template-columns:1fr}.metrics:not(.employee-metrics){grid-template-columns:repeat(2,1fr)}.drawerbody{padding:24px 20px}}
@media print{body{padding:0;background:#fff;color:#111}.sss-header{display:none}.card,.metric{background:#fff;border:1px solid #ddd;box-shadow:none}.ref,.amount,.rowtitle,.metric strong{color:#222}th,td{color:#333}}

/* Larger text for the employee and finance workspaces. */
body{font-size:16px}.content{max-width:1440px}.topbar{max-width:1440px}h1{font-size:32px}.subtitle{font-size:15px;line-height:1.8}.navbutton{font-size:14px;padding:18px 15px}.navbutton .count{font-size:12px}#nav{max-width:1392px}.role{font-size:14px;max-width:240px}.crumb,.datebadge{font-size:14px}.demo-tag{font-size:11px}.metric-top{font-size:14px}.metric strong{font-size:30px}.metric-foot{font-size:13px}.metric-icon{height:32px;width:32px}.cardhead h2{font-size:18px}.cardhead p{font-size:14px;line-height:1.7}.cardhead{padding:24px 26px 0}.primary,.outline{font-size:14px;padding:12px 18px}.tab{font-size:14px}.tab small{font-size:12px}.search input{font-size:14px;max-width:200px}.search{padding:0 12px}.search input{padding:11px 0}th{font-size:12px;padding:15px 18px}td{font-size:14px;padding:19px 18px}.ref{font-size:12px}.rowtitle{font-size:14px}.rowmeta{font-size:12px}.badge{font-size:12px;padding:7px 9px}.tablefooter{font-size:13px}.field{font-size:15px;margin-bottom:22px}.field input,.field select,.field textarea{font-size:16px;padding:13px}.formsection{font-size:16px}.expense-line input{font-size:15px;padding:12px}.expense-line{grid-template-columns:1fr 120px 28px}.drawer{width:680px}.drawerhead h2{font-size:24px}.refbox{font-size:13px}.refbox strong{font-size:18px}.draftnote,.workflow-note,.checklabel{font-size:13px;line-height:1.8}.notice{font-size:14px;line-height:1.9}.detailgrid{font-size:15px}.detailgrid small{font-size:13px}.detailitems{font-size:15px}.event{font-size:14px}.event small{font-size:12px}.personnel,.access-card p{font-size:14px}.access-card h3{font-size:18px}.subtle-link{font-size:13px}.document-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.document-check{display:flex;align-items:center;gap:12px;padding:18px 14px;background:#13251a;border:1px solid #314c39;border-radius:10px;font-size:15px;cursor:pointer;line-height:1.5}.document-check:has(input:checked){border-color:#61ad72;background:#1b3825}.document-check input{height:21px;width:21px;flex:none;accent-color:#45b649}.priority-docs{display:flex;flex-direction:column;gap:7px}.priority-docs small{font-size:12px;color:#90ad9b;white-space:nowrap}.finance-progress-box{padding:22px;border:1px solid #38533f;background:#14291c;border-radius:14px;margin:24px 0}.finance-progress-box h3{font-size:18px}.legend{font-size:13px}.axis,.bar-label{font-size:12px}.chartfoot,.breakrow,.breakrow b{font-size:13px}.chart{height:230px}.breakdown{min-width:155px}.donutarea{gap:20px}.heroemployee p{font-size:15px}.steprail{font-size:14px}.footer{font-size:11px}.totals{font-size:15px}.toast{font-size:15px}.importpreview th,.importpreview td{font-size:13px}.importsummary{font-size:14px}.import-steps{font-size:13px}.importerror{font-size:14px}.empty{font-size:16px}.document-check:focus-within{outline:2px solid #8ce09c;outline-offset:3px}
@media(max-width:1100px){.charts{grid-template-columns:1fr}.donutarea{justify-content:flex-start}.breakdown{max-width:340px}.content{padding-left:20px;padding-right:20px}}
@media(max-width:767px){h1{font-size:28px}.navbutton{font-size:13px;padding:15px 13px}.topright .demo-tag{font-size:10px}.role{font-size:13px;max-width:215px}.metric strong{font-size:27px}.metric-top{font-size:14px}.metric-foot{font-size:12px}.primary,.outline{font-size:14px}.cardhead h2{font-size:18px}.document-checks{grid-template-columns:1fr}.fieldgrid{grid-template-columns:1fr}.document-check{padding:17px}.tabletools{padding-left:18px;padding-right:18px}.tab{font-size:13px}.tabs{gap:18px}.actions .primary{margin-left:0}.steprail{font-size:13px}.cardhead{align-items:flex-start}.drawerfoot{flex-wrap:wrap}.drawerhead h2{font-size:23px}.footer{font-size:10px}.donutarea{gap:18px}.breakrow{font-size:12px}.drawerbody{padding:24px 18px}}

td[style*="font-size:10px"]{font-size:14px!important}.document-readonly{cursor:default}.document-readonly input{opacity:1}

.sss-portal-links{gap:18px}.sss-portal-links>span{color:#799984;font-size:18px}.sss-workspaces{gap:26px}.sss-workspaces>button{padding:0;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:500;line-height:24px;letter-spacing:.4px;color:#ffffffe6;white-space:nowrap}.sss-workspaces>button:hover{color:#8bde99}.sss-mobile-menu>button{display:block;margin:28px auto 0;font-size:18px;color:#b8e9c1;padding:12px}.workspace-launcher{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #37533f;background:linear-gradient(120deg,#193522,#0c1911);border-radius:16px;padding:22px 24px;margin-bottom:30px}.workspace-launcher h2{font-size:18px;color:#d5eddd}.workspace-launcher p{font-size:13px;color:#90ad9a;line-height:1.7;max-width:460px;margin-top:7px}.workspace-launch-actions{display:flex;gap:12px}.workspace-launch-actions>button{display:grid;grid-template-columns:20px 1fr;text-align:left;column-gap:10px;border-radius:12px;padding:15px 18px}.workspace-launch-actions small{display:block;grid-column:2;font-size:11px;color:#8ead98;font-weight:400;margin-top:4px}.workspace-launch-actions svg{grid-row:1 / span 2;align-self:center}@media(max-width:1100px){.workspace-launcher{flex-direction:column;align-items:flex-start}.workspace-launch-actions{width:100%}.workspace-launch-actions>button{flex:1}}@media(max-width:767px){.workspace-launcher{padding:20px;gap:18px}.workspace-launch-actions{flex-direction:column}.workspace-launch-actions small{font-size:12px}.workspace-launcher p{font-size:14px}.sss-portal-links,.sss-workspaces{display:none}}

/* Shared Speedship portal navigation. Scoped to avoid changing application controls. */
body.ssp-has-nav{padding-top:76px!important}.ssp-header{position:fixed!important;inset:0 0 auto!important;z-index:9999!important;display:block!important;background:rgba(5,12,8,.91)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12);font-family:Inter,Arial,sans-serif!important;color:#fff;box-sizing:border-box}.ssp-header *{box-sizing:border-box}.ssp-highlight{height:3px;background:linear-gradient(90deg,#45b649,#ffffff66,#1f3f22)}.ssp-nav-inner{height:72px;max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:180px 1fr 180px;gap:18px;align-items:center}.ssp-header .ssp-management{display:inline-flex;align-items:center;justify-content:center;width:166px;min-height:43px;border:1px solid #4f9357;border-radius:13px!important;padding:10px 18px!important;background:linear-gradient(135deg,#45b649,#1f3f22)!important;color:#fff!important;font:600 15px/22px Inter,Arial,sans-serif!important;letter-spacing:.2px;text-decoration:none!important;box-shadow:0 3px 12px #0005,0 0 18px #45b64930;cursor:pointer;white-space:nowrap;position:relative}.ssp-header .ssp-management:hover{background:linear-gradient(135deg,#52c459,#254f2b)!important;box-shadow:0 0 22px #45b64955}.ssp-header .ssp-management:focus-visible,.ssp-links a:focus-visible{outline:2px solid #b1efb8;outline-offset:4px}.ssp-links{display:flex!important;justify-content:center;align-items:center;gap:18px;white-space:nowrap;overflow:auto;scrollbar-width:none}.ssp-header .ssp-links a{font:500 16px/24px Inter,Arial,sans-serif!important;color:#ffffffe6!important;text-decoration:none!important;letter-spacing:.3px;padding:6px 0!important;background:transparent!important;border:0!important}.ssp-header .ssp-links a:hover{color:#8fe19a!important}.ssp-links .ssp-bullet{font-size:13px;line-height:1;color:#7fbe8b;flex:none}.ssp-logo-link{justify-self:end;display:block;width:60px}.ssp-logo-link img{display:block;height:43px!important;width:60px!important;object-fit:contain!important;filter:brightness(0) invert(1)}.ssp-has-nav .sidebar{top:76px}.ssp-has-nav .topbar.ssp-app-toolbar{top:76px}.ssp-has-nav .language{top:92px}.ssp-has-nav #registerButton{display:none!important}
@media(max-width:767px){body.ssp-has-nav{padding-top:119px!important}.ssp-nav-inner{height:115px;padding:10px 16px 12px;grid-template-columns:1fr 60px;gap:7px 12px}.ssp-header .ssp-management{width:151px;min-height:40px;font-size:14px!important;padding:8px 15px!important}.ssp-links{grid-column:1/-1;grid-row:2;justify-content:center;gap:15px;width:100%;padding:2px 0}.ssp-header .ssp-links a{font-size:14px!important;line-height:20px!important}.ssp-logo-link{grid-column:2;grid-row:1}.ssp-logo-link img{height:35px!important}.ssp-has-nav .sidebar{top:119px}.ssp-has-nav .topbar.ssp-app-toolbar{top:119px}}
@media print{.ssp-header{display:none!important}body.ssp-has-nav{padding-top:0!important}}

.report-actions{display:flex;gap:9px;flex-wrap:wrap}.tablecard>.cardhead{align-items:flex-start;flex-wrap:wrap}.drawerfoot{flex-wrap:wrap}
/* Shared Speedship portal navigation. Scoped to avoid changing application controls. */
body.ssp-has-nav{padding-top:76px!important}.ssp-header{position:fixed!important;inset:0 0 auto!important;z-index:9999!important;display:block!important;background:rgba(5,12,8,.91)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12);font-family:Inter,Arial,sans-serif!important;color:#fff;box-sizing:border-box}.ssp-header *{box-sizing:border-box}.ssp-highlight{height:3px;background:linear-gradient(90deg,#45b649,#ffffff66,#1f3f22)}.ssp-nav-inner{height:72px;max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:180px 1fr 180px;gap:18px;align-items:center}.ssp-header .ssp-management{display:inline-flex;align-items:center;justify-content:center;width:166px;min-height:43px;border:1px solid #4f9357;border-radius:13px!important;padding:10px 18px!important;background:linear-gradient(135deg,#45b649,#1f3f22)!important;color:#fff!important;font:600 15px/22px Inter,Arial,sans-serif!important;letter-spacing:.2px;text-decoration:none!important;box-shadow:0 3px 12px #0005,0 0 18px #45b64930;cursor:pointer;white-space:nowrap;position:relative}.ssp-header .ssp-management:hover{background:linear-gradient(135deg,#52c459,#254f2b)!important;box-shadow:0 0 22px #45b64955}.ssp-header .ssp-management:focus-visible,.ssp-links a:focus-visible{outline:2px solid #b1efb8;outline-offset:4px}.ssp-links{display:flex!important;justify-content:center;align-items:center;gap:18px;white-space:nowrap;overflow:auto;scrollbar-width:none}.ssp-header .ssp-links a{font:500 16px/24px Inter,Arial,sans-serif!important;color:#ffffffe6!important;text-decoration:none!important;letter-spacing:.3px;padding:6px 0!important;background:transparent!important;border:0!important}.ssp-header .ssp-links a:hover{color:#8fe19a!important}.ssp-links .ssp-bullet{font-size:13px;line-height:1;color:#7fbe8b;flex:none}.ssp-logo-link{justify-self:end;display:block;width:60px}.ssp-logo-link img{display:block;height:43px!important;width:60px!important;object-fit:contain!important;filter:brightness(0) invert(1)}.ssp-has-nav .sidebar{top:76px}.ssp-has-nav .topbar.ssp-app-toolbar{top:76px}.ssp-has-nav .language{top:92px}.ssp-has-nav #registerButton{display:none!important}
@media(max-width:767px){body.ssp-has-nav{padding-top:119px!important}.ssp-nav-inner{height:115px;padding:10px 16px 12px;grid-template-columns:1fr 60px;gap:7px 12px}.ssp-header .ssp-management{width:151px;min-height:40px;font-size:14px!important;padding:8px 15px!important}.ssp-links{grid-column:1/-1;grid-row:2;justify-content:center;gap:15px;width:100%;padding:2px 0}.ssp-header .ssp-links a{font-size:14px!important;line-height:20px!important}.ssp-logo-link{grid-column:2;grid-row:1}.ssp-logo-link img{height:35px!important}.ssp-has-nav .sidebar{top:119px}.ssp-has-nav .topbar.ssp-app-toolbar{top:119px}}
@media print{.ssp-header{display:none!important}body.ssp-has-nav{padding-top:0!important}}

/* Left menu, centered logo, right Management action. */
.ssp-nav-inner{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.ssp-nav-inner>.ssp-links{grid-column:1;grid-row:1;justify-content:flex-start;gap:14px}.ssp-logo-link{grid-column:2;grid-row:1;justify-self:center}.ssp-header .ssp-management{grid-column:3;grid-row:1;justify-self:end}.ssp-menu{display:none}.ssp-header .ssp-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 12px;color:#fff;font:500 15px/22px Inter,Arial,sans-serif;border:1px solid #ffffff26;border-radius:9px;background:#ffffff08}.ssp-menu summary::-webkit-details-marker{display:none}.ssp-menu-panel{position:absolute;top:76px;left:0;right:0;padding:15px 18px;background:#08140eeF;backdrop-filter:blur(20px);border-bottom:1px solid #35563f;box-shadow:0 15px 25px #0003}.ssp-menu-panel .ssp-links{display:flex!important;justify-content:center;flex-wrap:wrap;gap:14px}
@media(max-width:950px){body.ssp-has-nav{padding-top:76px!important}.ssp-nav-inner{height:72px;padding:10px 16px;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:10px}.ssp-nav-inner>.ssp-links{display:none!important}.ssp-menu{display:block;grid-column:1;grid-row:1;justify-self:start}.ssp-logo-link{grid-column:2;grid-row:1;width:50px}.ssp-logo-link img{width:50px!important;height:37px!important}.ssp-header .ssp-management{grid-column:3;grid-row:1;width:130px;min-height:40px;font-size:13px!important;padding:8px 12px!important}.ssp-has-nav .sidebar,.ssp-has-nav .topbar.ssp-app-toolbar{top:76px}}
@media(max-width:380px){.ssp-nav-inner{padding-left:12px;padding-right:12px;gap:8px}.ssp-header .ssp-management{width:115px;font-size:12px!important}.ssp-header .ssp-menu summary{font-size:14px;padding:8px 10px}}


.auth-card{max-width:680px;margin:28px auto;padding:32px}.auth-card p{line-height:1.8}.auth-card .field{margin:20px 0}.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.auth-card h1{margin-top:0}.account-form{max-width:760px;padding:30px}.account-form input{width:100%}