@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--navy:#132b2d;--navy2:#183638;--mint:#72d6b2;--ink:#172324;--muted:#748081;--line:#e7ece9;--bg:#f5f7f5;--white:#fff;--amber:#e8a735;--blue:#3d83d6;--green:#47a87d;--coral:#e87864;--violet:#7967c7}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}a{text-decoration:none;color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dce9e5;padding:26px 17px 18px;display:flex;flex-direction:column;z-index:20}.brand{height:58px;display:flex;align-items:flex-start;gap:12px;padding:0 12px;color:white;font:700 22px Manrope}.brand b{color:var(--mint)}.brand small{display:block;font:600 8px DM Sans;letter-spacing:3.3px;color:#7f9f98;margin-top:1px}.brand-mark{display:grid;grid-template-columns:repeat(3,5px);gap:3px;align-items:end;height:27px}.brand-mark i{display:block;width:5px;border-radius:2px;background:var(--mint)}.brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:18px}.main-nav{display:flex;flex-direction:column;gap:5px;margin-top:17px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#6f918b;font-weight:700;padding:22px 14px 5px}.main-nav a{height:43px;display:flex;align-items:center;gap:13px;border-radius:8px;padding:0 13px;color:#aec3bf;font-size:13px;font-weight:500}.main-nav a>span{font-size:19px;width:20px;text-align:center;color:#86a6a0}.main-nav a:hover{background:#1a4040;color:white}.main-nav a.active{background:#234b49;color:white;box-shadow:inset 3px 0 var(--mint)}.main-nav a.active>span{color:var(--mint)}.main-nav em{margin-left:auto;background:#dc6b59;color:white;border-radius:99px;min-width:21px;height:21px;text-align:center;line-height:21px;font-style:normal;font-size:10px}.sidebar-help{margin-top:auto;border-top:1px solid #294748;padding:20px 10px 2px;display:flex;gap:11px;align-items:center}.sidebar-help>span{width:31px;height:31px;border:1px solid #51706b;border-radius:50%;display:grid;place-items:center}.sidebar-help strong,.sidebar-help small{display:block}.sidebar-help strong{font-size:11px}.sidebar-help small{font-size:9px;color:#799792;margin-top:3px}.workspace{margin-left:246px;width:calc(100% - 246px)}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 35px;position:sticky;top:0;z-index:10}.top-search{display:flex;align-items:center;background:#f6f8f7;border:1px solid #edf0ee;border-radius:8px;width:386px;height:40px;padding:0 12px;color:#92a09d}.top-search input{border:0;outline:0;background:transparent;flex:1;font-size:12px;padding:0 10px}.top-search kbd{border:1px solid #dce3df;background:white;padding:3px 6px;border-radius:4px;font-size:9px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.language{border:0;background:transparent;font-size:11px;font-weight:700;color:#51605e}.icon-button{position:relative;border:0;background:transparent;font-size:20px;color:#566563}.dot{position:absolute;width:6px;height:6px;background:#db6d59;border-radius:50%;right:2px;top:1px}.profile{display:flex;align-items:center;gap:10px;padding-left:17px;border-left:1px solid var(--line);position:relative}.avatar{width:36px;height:36px;border-radius:10px;background:#e3f2ed;color:#2d7765;display:grid;place-items:center;font-weight:700;font-size:12px}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{font-size:9px;color:#899492;margin-top:2px}.approval-badge{position:absolute;right:-12px;top:-9px;width:18px;height:18px;background:#dc6b59;color:white;border-radius:50%;font-size:9px;display:grid;place-items:center;border:2px solid white}.mobile-menu{display:none}.content{padding:35px 38px 50px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.eyebrow{font-size:9px!important;font-weight:700;letter-spacing:1.5px;color:#87918e;text-transform:uppercase;margin:0 0 7px!important}.page-heading h1{font:800 27px Manrope;margin:0;letter-spacing:-.7px}.page-heading p{font-size:12px;color:#76827f;margin:7px 0 0}.primary-action{height:39px;border:0;border-radius:7px;background:#2e7465;color:white;padding:0 15px;font-size:11px;font-weight:600;box-shadow:0 3px 8px #2e746526}.primary-action span{margin-left:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px}.metric{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;align-items:center;min-height:112px;position:relative;box-shadow:0 2px 7px #243b342a}.metric:before{content:"";position:absolute;left:-1px;top:22px;height:43px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.accent-amber{--accent:var(--amber)}.accent-blue{--accent:var(--blue)}.accent-green{--accent:var(--green)}.accent-coral{--accent:var(--coral)}.metric-icon{width:39px;height:39px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,white);color:var(--accent);margin-right:14px;font-weight:700}.metric span{display:block;font-size:8px;font-weight:700;color:#8a9592;letter-spacing:.9px}.metric strong{display:block;font:800 24px Manrope;margin:3px 0}.metric small{font-size:9px;color:#8a9592}.metric small b{color:var(--green)}.metric>a{margin-left:auto;color:#a3aeab}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 7px #243b341f;overflow:hidden}.panel-head{height:72px;padding:18px 21px;display:flex;align-items:flex-start;border-bottom:1px solid var(--line)}.panel-head h2{font:700 14px Manrope;margin:0}.panel-head p{font-size:9px;color:#939e9a;margin:5px 0 0}.panel-head>a{margin-left:auto;color:#387767;font-size:10px;font-weight:600}.approval-row{height:82px;border-bottom:1px solid #edf0ee;display:grid;grid-template-columns:38px 1fr 60px 90px 130px;gap:11px;align-items:center;padding:0 20px}.approval-row:last-child{border:0}.type-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:700}.leave{background:#fff5df;color:#d59727}.expense{background:#e7f4ef;color:#398567}.trip{background:#eaf2fb;color:#4c7eaf}.approval-main strong,.approval-main small{display:block}.approval-main strong{font-size:11px}.approval-main small{font-size:8px;color:#8e9996;margin-top:6px}.approval-row time{font-size:8px;color:#8e9996}.step{font-size:8px;background:#f2f4f3;padding:5px 8px;border-radius:99px;text-align:center}.amount{font-size:10px;font-weight:700}.row-actions{display:flex;gap:5px}.row-actions button{border:1px solid #dce3df;background:white;border-radius:5px;padding:6px 8px;font-size:8px}.row-actions .approve{background:#2e7465;color:white;border-color:#2e7465}.timeline{display:grid;grid-template-columns:42px 1fr;padding:17px 20px;gap:12px 10px}.time{font-size:9px;color:#7f8b88;padding-top:5px}.event{border-left:3px solid var(--event);padding:2px 0 2px 12px}.event b,.event span,.event small{display:block}.event b{font-size:10px}.event span{font-size:8px;color:#7e8987;margin:4px 0}.event small{font-size:8px;color:var(--event)}.event.blue{--event:var(--blue)}.event.violet{--event:var(--violet)}.event.green{--event:var(--green)}.activity{height:62px;padding:0 21px;display:grid;grid-template-columns:31px 1fr 40px;gap:10px;align-items:center;border-bottom:1px solid #edf0ee}.activity-dot{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:10px}.activity-dot.amber{background:#fff5df;color:#c58924}.activity-dot.green{background:#e7f4ef;color:#398567}.activity-dot.blue{background:#eaf2fb;color:#4c7eaf}.activity-dot.violet{background:#efecfb;color:#6a58b2}.activity b,.activity small{display:block}.activity b{font-size:9px}.activity small{font-size:8px;color:#8c9694;margin-top:4px}.activity time{font-size:8px;color:#9da6a4}.filter,.secondary{margin-left:auto;border:1px solid #dfe5e2;background:white;border-radius:6px;padding:6px 9px;font-size:8px}.pipeline-total{padding:19px 21px 12px}.pipeline-total strong{font:800 23px Manrope}.pipeline-total span{font-size:9px;color:#8d9895;margin-left:8px}.funnel{height:59px;display:flex;flex-direction:column;gap:4px;padding:0 21px}.funnel i{height:9px;background:linear-gradient(90deg,#3a8976,#76c9ae);border-radius:0 6px 6px 0}.funnel-labels{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 18px 18px;gap:3px}.funnel-labels span{font-size:7px;color:#899390}.funnel-labels b{display:block;font-size:11px;color:#31413e}.module-toolbar{height:58px;background:white;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.tabs button{border:0;background:none;padding:18px 12px;font-size:11px;color:#7a8683}.tabs button.active{color:#276e5e;border-bottom:2px solid #3b907a}.module-content{min-height:430px;background:white;border:1px solid var(--line);border-radius:10px;margin-top:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-visual{width:74px;height:74px;border-radius:22px;background:#e7f4ef;color:#317d69;display:grid;place-items:center;font-size:28px}.module-content h2{font:700 19px Manrope;margin:20px 0 7px}.module-content p{max-width:520px;color:#7e8987;font-size:12px;line-height:1.7;margin:0 0 18px}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff2cc;padding:10px;z-index:100}.blazor-error-boundary{padding:1rem;background:#b32121;color:white}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workspace{margin-left:210px;width:calc(100% - 210px)}.sidebar{width:210px}.top-search{width:280px}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{padding:0 16px}.mobile-menu{display:block;border:0;background:none;font-size:20px}.top-search{width:auto;flex:1;margin:0 12px}.top-search kbd,.profile>div:not(.avatar){display:none}.content{padding:24px 16px}.metrics{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:18px}.approval-row{grid-template-columns:38px 1fr 80px}.approval-row .step,.approval-row .amount,.approval-row time{display:none}.dashboard-grid{display:block}.panel{margin-bottom:16px}}

/* Sites Preview parity: authentication, record management, review flow and organization chart */
.profile-button{border-top:0;border-right:0;border-bottom:0;background:transparent;text-align:left;cursor:pointer}.profile-button>span:nth-child(2){display:block}.profile-button em{font-style:normal}.login-page{min-height:100vh;background:radial-gradient(circle at 70% 20%,#285753 0,transparent 35%),var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;padding:28px}.login-brand{display:flex;gap:14px;font:800 28px Manrope;margin-bottom:26px}.login-brand b{color:var(--mint)}.login-brand small{display:block;font:600 8px 'DM Sans';letter-spacing:3px;color:#7da099}.login-card{width:min(420px,100%);background:white;color:var(--ink);border-radius:16px;padding:34px;box-shadow:0 26px 70px #07181788}.login-head{text-align:center;margin-bottom:24px}.login-head>span{width:50px;height:50px;border-radius:14px;background:#e4f3ee;color:#2e7465;display:grid;place-items:center;margin:auto;font-size:23px}.login-head h1{font:800 22px Manrope;margin:15px 0 5px}.login-head p{font-size:11px;color:var(--muted)}.login-card label{display:block;font-size:10px;font-weight:700;color:#66726f;margin:14px 0}.login-card input{display:block;width:100%;height:43px;border:1px solid #dce4e0;border-radius:7px;padding:0 12px;margin-top:6px;outline:none}.login-card input:focus{border-color:#4b9c87;box-shadow:0 0 0 3px #5fc4a525}.login-submit{width:100%;margin-top:7px}.login-card select{display:block;border:0;background:transparent;color:#66726f;margin:18px auto 0;font-size:10px}.form-error{color:#c65348;background:#fff0ee;border-radius:6px;padding:8px;font-size:10px}.demo-note{margin-top:17px;color:#84a39d}.tabs b{background:#e5f3ed;color:#347565;border-radius:20px;padding:2px 6px;margin-left:3px}.record-panel{background:white;border:1px solid var(--line);border-radius:10px;margin-top:17px;overflow:auto;box-shadow:0 2px 8px #243b341a}.record-panel table{width:100%;border-collapse:collapse;min-width:900px}.record-panel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#84908d;background:#f8faf9;padding:13px 16px;border-bottom:1px solid var(--line)}.record-panel td{padding:15px 16px;border-bottom:1px solid #edf0ee;font-size:12px;color:#56625f}.record-panel tr:last-child td{border-bottom:0}.record-panel td:first-child{min-width:220px}.record-panel td b,.record-panel td small{display:block;color:#253432}.record-panel td b{font-size:13px}.record-panel td small{font-size:10px;color:#8b9693;margin-top:5px;max-width:280px;line-height:1.45}.record-link{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.record-link:hover b{color:#277561;text-decoration:underline;text-underline-offset:3px}.kind,.status{display:inline-block;border-radius:20px;padding:5px 8px;font-size:10px;background:#eef2f0;color:#52605d}.status.active,.status.approved,.status.confirmed{background:#e5f3ed;color:#2d7b61}.status.pending,.status.opportunity{background:#fff3dc;color:#a56c13}.status.rejected,.status.inactive{background:#fde9e6;color:#b44e42}.status.planned{background:#e9f1fb;color:#3d6f9f}.table-actions{display:flex;gap:5px}.table-actions button{width:27px;height:27px;border:1px solid #dce3df;border-radius:5px;background:white;color:#52605d;cursor:pointer}.table-actions .approve{background:#e5f3ed;color:#2d7b61}.table-actions .danger{color:#bd5448}.table-actions .review-button{width:auto;padding:0 9px;color:#2e7465;font-weight:700}.no-data{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#7e8987}.no-data>span{font-size:30px}.no-data b{font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#0d2222aa;z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(660px,100%);max-height:92vh;overflow:auto;background:white;border-radius:13px;box-shadow:0 28px 80px #06151488}.modal>header{padding:21px 24px;border-bottom:1px solid var(--line);display:flex}.modal h2{font:800 18px Manrope;margin:0}.modal header p{font-size:11px;color:var(--muted);margin:4px 0 0}.modal header button{margin-left:auto;border:0;background:none;font-size:24px;color:#7c8885;cursor:pointer}.form-grid{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:700;color:#687470}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;border:1px solid #dce3df;border-radius:7px;padding:10px;margin-top:6px;outline:none;font-size:13px;background:white}.form-grid textarea{min-height:85px;resize:vertical}.modal>footer{padding:15px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.modal>footer button{height:37px;border:1px solid #dce3df;border-radius:7px;background:white;padding:0 15px;font-size:12px;cursor:pointer}.modal>footer .primary-action{background:#2e7465;color:white;border-color:#2e7465}.detail-modal{width:min(720px,100%)}.detail-modal>header{padding:25px 28px}.detail-modal h2{font-size:22px;margin-top:8px}.detail-type{display:inline-block;color:#317865;background:#e6f3ee;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.detail-body{padding:24px 28px}.detail-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.detail-status time{font-size:11px;color:#7d8986}.detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.detail-body dl>div{background:#f7f9f8;border:1px solid #edf1ef;border-radius:8px;padding:15px}.detail-body dt{font-size:10px;color:#82908c;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.detail-body dd{font-size:14px;font-weight:600;margin:0;line-height:1.5}.detail-body aside{border-top:1px solid var(--line);padding-top:20px}.detail-body aside>b{font-size:13px}.detail-body ol{list-style:none;padding:0;margin:14px 0 0}.detail-body li{display:flex;align-items:center;gap:12px;margin:12px 0}.detail-body li>span{width:30px;height:30px;border-radius:50%;background:#e5f3ed;color:#2f7d65;display:grid;place-items:center;font-size:11px;font-weight:700}.detail-body li strong,.detail-body li small{display:block}.detail-body li strong{font-size:12px}.detail-body li small{font-size:10px;color:#899492;margin-top:3px}.reject-action{color:#b85044!important;border-color:#edc8c3!important}.org-chart{background:#fff;border:1px solid var(--line);border-radius:11px;margin-top:17px;overflow:hidden;box-shadow:0 2px 8px #243b341a}.org-chart>header{height:70px;padding:17px 21px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start}.org-chart h2{font-size:16px;margin:0}.org-chart header p{font-size:11px;color:#899492;margin:5px 0}.org-chart header>span{margin-left:auto;font-size:10px;color:#71807c;display:flex;align-items:center;gap:6px}.org-chart header>span i{width:7px;height:7px;border-radius:50%;background:#43aa7e}.org-canvas{padding:28px 24px 35px;background:radial-gradient(circle,#dfe8e4 1px,transparent 1px);background-size:18px 18px;overflow:auto}.org-root{width:330px;min-height:78px;margin:auto;background:var(--navy);color:white;border-radius:10px;padding:14px 17px;display:flex;align-items:center;gap:13px;box-shadow:0 8px 20px #172d2b35;position:relative;z-index:2}.company-mark{width:43px;height:43px;border-radius:9px;background:#244947;display:grid;place-items:center}.org-root b,.org-root small,.org-root em{display:block}.org-root b{font-size:16px}.org-root small{font-size:10px;color:#abc2bc;margin-top:4px}.org-root em{font-size:9px;color:var(--mint);margin-top:4px;font-style:normal}.org-trunk{width:2px;height:40px;background:#96ada7;margin:auto}.org-departments{display:grid;grid-template-columns:1fr 1.35fr 1.35fr;gap:25px;min-width:980px;position:relative}.org-departments:before{content:"";position:absolute;top:0;left:16.5%;right:16.5%;height:2px;background:#96ada7}.org-branch{padding-top:28px;position:relative}.org-branch:before{content:"";position:absolute;top:0;left:50%;width:2px;height:28px;background:#96ada7}.org-dept{max-width:265px;margin:auto}.org-node{width:100%;min-height:88px;border:1px solid #dce5e1;background:white;border-radius:9px;padding:13px;text-align:left;display:grid;grid-template-columns:38px 1fr 15px;gap:10px;align-items:center;cursor:pointer;box-shadow:0 3px 10px #203b3420;transition:.18s}.org-node:hover{border-color:#6eae9e;transform:translateY(-2px);box-shadow:0 8px 18px #203b3430}.org-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;background:#e5f3ed;color:#2f7d65}.org-avatar.tone-1{background:#e9f1fb;color:#4478a8}.org-avatar.tone-2{background:#efecfb;color:#6958b1}.org-avatar.tone-3{background:#fff2dc;color:#ad7420}.org-node b,.org-node small,.org-node em{display:block}.org-node b{font-size:12px}.org-node small{font-size:10px;color:#687773;margin-top:4px}.org-node em{font-size:9px;color:#929c99;margin-top:4px;font-style:normal}.org-node>i{font-style:normal;color:#7c9992}.branch-line{width:2px;height:28px;background:#a2b6b1;margin:auto}.org-teams{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-top:24px}.org-teams:before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:#a2b6b1}.org-teams .org-node{position:relative}.org-teams .org-node:before{content:"";position:absolute;left:50%;top:-24px;width:2px;height:24px;background:#a2b6b1}.org-teams.single{grid-template-columns:1fr;max-width:230px;margin:auto}.org-teams.single:before{left:50%;right:auto;width:2px;height:24px}.org-teams.single .org-node:before{display:none}.menu-scrim{display:none}
@media(max-width:900px){.org-root{width:290px}.org-departments{grid-template-columns:270px 360px 360px}}
@media(max-width:760px){.sidebar{display:flex;transform:translateX(-100%);transition:.22s}.sidebar.open{transform:none}.menu-scrim{display:block;position:fixed;inset:0;border:0;background:#0b1e1eaa;z-index:15}.record-panel{margin-left:-2px;margin-right:-2px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal{max-height:96vh}.module-toolbar>div:last-child{display:none}.login-card{padding:27px 22px}.detail-body dl{grid-template-columns:1fr}}

/* Latest Sites Preview: bright orange visual theme */
:root{--navy:#c85422;--mint:#fff0cf;--ink:#3d2b24;--muted:#8a6f64;--line:#eeddd2;--bg:#fff8f2;--amber:#f39a35;--blue:#ee7b3d;--green:#df8738;--coral:#ef6745;--violet:#c66b4b}
body{background:linear-gradient(135deg,#fffaf6 0%,#fff4e9 100%)}.sidebar{background:linear-gradient(180deg,#df6a2b 0%,#c84e20 100%);box-shadow:5px 0 22px #a7481e24}.brand b{color:#fff2ce}.brand-mark i{background:#fff0c5}.nav-label{color:#ffd0ad}.main-nav a{color:#fff2e7}.main-nav a>span{color:#ffdcc4}.main-nav a:hover{background:#b9431a80}.main-nav a.active{background:#a93c18;box-shadow:inset 3px 0 #ffe2a8}.main-nav a.active>span{color:#ffe2a8}.main-nav em,.approval-badge{background:#8f331a}.sidebar-help{border-color:#ed966b}.sidebar-help small{color:#ffd2bc}.topbar{border-color:#eeddd2}.top-search{background:#fffaf7;border-color:#f0e2da}.avatar{background:#fff0df;color:#c85623}.primary-action{background:linear-gradient(135deg,#f5823d,#df5f24);box-shadow:0 4px 12px #df5f2434}.metric,.panel,.record-panel,.org-chart,.module-toolbar,.modal,.google-panel,.google-hero{border-color:#eeddd2;box-shadow:0 3px 12px #a95b2a18}.panel-head>a,.record-link:hover b{color:#d45e26}.row-actions .approve,.modal>footer .primary-action{background:#e66b2e;border-color:#e66b2e}.type-icon.leave,.activity-dot.amber{background:#fff1d9;color:#db781b}.type-icon.expense,.activity-dot.green,.status.active,.status.approved,.status.confirmed{background:#ffeadc;color:#c45b26}.type-icon.trip,.activity-dot.blue,.status.planned{background:#ffe8dd;color:#c9582a}.activity-dot.violet{background:#fbe6df;color:#a95941}.tabs button.active{color:#d25e28;border-color:#ee844b}.tabs b,.kind{background:#fde9dd;color:#c25727}.status.pending,.status.opportunity{background:#fff0d5;color:#b96916}.table-actions .approve{background:#fde9dd;color:#c45b27}.login-page{background:radial-gradient(circle at 70% 20%,#f58946 0,transparent 38%),linear-gradient(145deg,#c94e20,#ed7b35)}.login-head>span{background:#fff0df;color:#ce5b25}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#ec884d;box-shadow:0 0 0 3px #ee8b4c26}.detail-type{background:#fde9dc;color:#c35829}.detail-body li>span{background:#fde8da;color:#c55b28}.org-canvas{background-color:#fffaf5;background-image:radial-gradient(circle,#eddbcf 1px,transparent 1px)}.org-root{background:linear-gradient(135deg,#e36a2d,#bf471d)}.company-mark{background:#f28b52}.org-root em{color:#fff0c9}.org-node:hover{border-color:#e49368;box-shadow:0 8px 18px #b1542530}.org-avatar{background:#fde9dc;color:#c35a27}.org-avatar.tone-1{background:#ffe4d4;color:#ce5822}.org-avatar.tone-2{background:#f9e4dc;color:#a85b43}.org-avatar.tone-3{background:#fff0d5;color:#b36b1c}.org-trunk,.org-departments:before,.org-branch:before,.branch-line,.org-teams:before,.org-teams .org-node:before{background:#d9ac96}.funnel i{background:linear-gradient(90deg,#e16227,#f5a34d)}

/* Latest Sites Preview: comfortable typography scale */
.main-nav a{font-size:15px;height:47px}.nav-label{font-size:10px}.sidebar-help strong{font-size:13px}.sidebar-help small{font-size:11px}.top-search input{font-size:14px}.profile strong{font-size:13px}.profile small{font-size:11px}.page-heading h1{font-size:32px}.eyebrow{font-size:11px!important}.page-heading p{font-size:16px}.primary-action{height:43px;font-size:14px;padding:0 18px}.metrics{gap:18px}.metric{min-height:124px;padding:22px}.metric span{font-size:11px}.metric strong{font-size:27px}.metric small{font-size:12px}.panel-head{height:78px;padding:20px 22px}.panel-head h2{font-size:18px}.panel-head p{font-size:12px}.panel-head>a{font-size:13px}.approval-row{min-height:92px;height:auto}.approval-main strong{font-size:15px}.approval-main small{font-size:12px}.approval-row time,.step{font-size:12px}.row-actions button{font-size:12px;padding:8px 11px}.timeline{gap:16px 11px}.time{font-size:12px}.event b{font-size:14px}.event span,.event small{font-size:12px}.activity{height:72px}.activity b{font-size:13px}.activity small,.activity time{font-size:11px}.module-toolbar{height:64px}.tabs button{font-size:13px}.record-panel th{font-size:12px;padding:15px 17px}.record-panel td{font-size:14px;padding:18px 17px}.record-panel td b{font-size:15px}.record-panel td small{font-size:12px}.kind,.status{font-size:11px;padding:6px 9px}.table-actions button{width:31px;height:31px;font-size:12px}.table-actions .review-button{font-size:12px}.modal{width:min(700px,100%)}.modal h2{font-size:21px}.modal header p{font-size:13px}.form-grid label{font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{font-size:15px}.modal>footer button{font-size:14px;height:41px}.modal-backdrop>.detail-modal{width:min(780px,100%)}.detail-modal h2{font-size:26px}.detail-type{font-size:12px}.detail-status time{font-size:13px}.detail-body dt{font-size:12px}.detail-body dd{font-size:17px}.detail-body aside>b{font-size:15px}.detail-body li strong{font-size:14px}.detail-body li small{font-size:12px}.org-chart h2{font-size:18px}.org-chart header p{font-size:13px}.org-root b{font-size:18px}.org-root small{font-size:12px}.org-root em{font-size:11px}.org-node b{font-size:14px}.org-node small{font-size:12px}.org-node em{font-size:11px}.login-head h1{font-size:25px}.login-head p{font-size:13px}.login-card label{font-size:12px}.login-card input{font-size:15px}

/* Latest Sites Preview: Google Workspace pages */
.external-primary{display:flex;align-items:center;text-decoration:none}.google-hero{background:linear-gradient(135deg,#fff,#fff7ef);border:1px solid var(--line);border-radius:12px;padding:24px 26px;display:grid;grid-template-columns:62px 1fr auto;gap:18px;align-items:center;margin-bottom:18px}.google-mark{width:60px;height:60px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:800;background:#fff0e5;color:#da5c28;box-shadow:inset 0 0 0 1px #f4d8c7}.google-mark.gcal{background:#fff1df;color:#d9682a}.google-hero>div:nth-child(2)>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#c15b2b}.google-hero h2{font-size:21px;margin:4px 0}.google-hero p{font-size:12px;color:var(--muted);margin:0;max-width:600px;line-height:1.5}.google-hero>a{height:43px;border:1px solid #e9cdbd;border-radius:8px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#bd5123;text-decoration:none;font-size:13px;font-weight:700;background:white}.google-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.google-panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.google-panel>header{height:66px;border-bottom:1px solid var(--line);padding:0 21px;display:flex;align-items:center}.google-panel header h2{font-size:16px;margin:0}.google-panel header span{margin-left:auto;background:#fff0e3;color:#bd5728;border-radius:20px;padding:5px 9px;font-size:10px}.google-panel>footer{height:52px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 21px}.google-panel a{color:#c85827;text-decoration:none;font-size:12px;font-weight:700}.mail-row{height:72px;padding:0 21px;display:grid;grid-template-columns:38px 1fr 8px 55px;gap:12px;align-items:center;border-bottom:1px solid #f0e7e1}.mail-row>span{width:38px;height:38px;border-radius:11px;background:#fff0e3;color:#bd5728;display:grid;place-items:center;font-size:11px;font-weight:800}.mail-row b,.mail-row small{display:block;font-size:13px}.mail-row small{font-size:11px;color:#8a7770;margin-top:4px}.mail-row.unread b{font-weight:800}.mail-row>i{width:7px;height:7px;border-radius:50%;background:#ed7435}.mail-row time{font-size:10px;color:#91807a;text-align:right}.quick-links>a{display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;min-height:78px;padding:0 21px;border-bottom:1px solid #f0e7e1}.quick-links>a>span{width:40px;height:40px;border-radius:10px;background:#fff0e3;color:#c25a29;display:grid;place-items:center;font-size:18px}.quick-links b,.quick-links small{display:block}.quick-links b{font-size:13px;color:var(--ink)}.quick-links small{font-size:11px;color:#8a7770;margin-top:4px}.quick-links em{font-style:normal}.calendar-row{height:78px;padding:0 21px;display:grid;grid-template-columns:48px 4px 1fr;gap:12px;align-items:center;border-bottom:1px solid #f0e7e1}.calendar-row time{font-size:12px;font-weight:700}.calendar-row>i{width:4px;height:42px;border-radius:4px;background:#ee7a35}.calendar-row>i.gold{background:#efa431}.calendar-row>i.coral{background:#e35e47}.calendar-row b,.calendar-row small{display:block;font-size:13px}.calendar-row small{font-size:11px;color:#89766f;margin-top:5px}.mini-calendar{padding-bottom:18px}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:15px 18px}.week b,.week span{height:29px;display:grid;place-items:center;font-size:10px}.week b{color:#a08c84}.week span{color:#5e4941}.week .today{background:#ec7436;color:white;border-radius:50%;font-weight:800}.calendar-create{display:block;margin:2px 18px 0;border:1px solid #ebd0c0;border-radius:7px;padding:11px;text-align:center}
@media(max-width:850px){.google-hero{grid-template-columns:52px 1fr}.google-hero>a{grid-column:1/-1;justify-content:center}.google-grid{grid-template-columns:1fr}.google-mark{width:52px;height:52px}.google-heading{align-items:flex-start}}
@media(max-width:760px){.main-nav a{font-size:14px}.page-heading h1{font-size:27px}.page-heading p{font-size:14px}.metric strong{font-size:25px}.record-panel td{font-size:13px}.detail-body dd{font-size:15px}}
.mail-row{text-align:left!important}.mail-row .mail-summary{justify-self:stretch;width:100%!important;text-align:left!important}.mail-row .mail-summary b,.mail-row .mail-summary small{display:block;text-align:left!important;margin-left:0;margin-right:0}
.mail-detail-body dl{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:13px!important}.mail-detail-body dl>div{padding:8px 10px!important;min-width:0}.mail-detail-body dt{margin-bottom:3px!important}.mail-detail-body dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-calendar>header{justify-content:space-between}.mini-calendar>header h2{flex:1;text-align:center}.mini-calendar>header button{width:32px;height:32px;border:0;border-radius:7px;background:#fff1e7;color:#c85827;font-size:20px;cursor:pointer}.week button{height:29px;border:0;background:transparent;border-radius:50%;font-size:10px;color:#5e4941;cursor:pointer}.week button:hover{background:#fff0e3}.week button.today{box-shadow:inset 0 0 0 1px #ec7436;color:#c85827;font-weight:800}.week button.selected{background:#ec7436;color:white;font-weight:800;box-shadow:none}@media(max-width:760px){.mail-detail-body dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.google-message{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.google-message strong{font-size:17px}.google-message small{font-size:12px;color:var(--muted)}.google-message a{margin-top:6px;color:#c85827;font-weight:700}.google-message.error{border-color:#efb4a2}.google-empty{min-height:170px;display:grid;place-items:center;color:var(--muted);font-size:13px}
.google-hero>.google-connect-action{height:43px;border:1px solid #e9cdbd;border-radius:8px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#bd5123;text-decoration:none;font-size:13px;font-weight:700;background:white}.google-hero>.google-connect-action:disabled,.google-connect-panel:disabled{opacity:.48;cursor:not-allowed}.google-connect-panel{margin-top:8px;border:0;border-radius:7px;background:#e66b2e;color:white;padding:10px 14px;font-size:12px;font-weight:700}
.login-switch{display:grid;grid-template-columns:1fr 1fr;background:#fff4ec;border-radius:8px;padding:4px;margin-bottom:20px}.login-switch button{border:0;background:transparent;border-radius:6px;padding:9px;color:#9b725f;font-size:12px;font-weight:700}.login-switch button.active{background:white;color:#c85422;box-shadow:0 2px 8px #a95b2a18}.login-submit:disabled{opacity:.6;cursor:wait}
.company-email-input{display:flex;align-items:center;margin-top:6px;border:1px solid #dce4e0;border-radius:7px;overflow:hidden}.company-email-input:focus-within{border-color:#ec884d;box-shadow:0 0 0 3px #ee8b4c26}.login-card .company-email-input input{margin:0;border:0;border-radius:0;box-shadow:none}.company-email-input span{height:43px;display:flex;align-items:center;padding:0 12px;background:#f5f7f6;border-left:1px solid #dce4e0;color:#66726f;font-size:13px;white-space:nowrap}
.form-success{color:#28715b;background:#e8f6ef;border-radius:6px;padding:8px;font-size:10px}
.forgot-password,.back-to-login{display:block;border:0;background:transparent;color:#c85422;font-size:11px;font-weight:700;cursor:pointer}.forgot-password{margin:-6px 0 10px auto}.back-to-login{margin:14px auto 0}
.profile-menu-wrap{position:relative}.profile-chevron{font-size:14px;color:#8b9693;margin-left:3px}.profile-menu{position:absolute;right:0;top:52px;width:245px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 36px #253c3530;padding:8px;z-index:40}.profile-menu-head{display:flex;align-items:center;gap:11px;padding:10px 9px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-menu-head strong,.profile-menu-head small{display:block}.profile-menu-head strong{font-size:13px}.profile-menu-head small{font-size:10px;color:#899492;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.profile-menu>button{width:100%;height:39px;border:0;background:white;border-radius:7px;text-align:left;padding:0 10px;display:flex;align-items:center;gap:10px;color:#52605d;font-size:12px;cursor:pointer}.profile-menu>button:hover{background:#fff4ec;color:#c85422}.profile-menu>button span{width:18px;text-align:center}.profile-menu .signout-menu{color:#b44e42;border-top:1px solid #f0e4df;border-radius:0;margin-top:4px;padding-top:4px;height:43px}.my-page-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.my-profile-card,.my-details-card,.my-password-card{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #a95b2a18}.my-profile-card{text-align:center;padding:36px 24px}.my-profile-avatar{width:82px;height:82px;margin:0 auto 18px;border-radius:24px;background:#fff0df;color:#c85623;display:grid;place-items:center;font:800 25px Manrope}.my-profile-card h2{font:800 20px Manrope;margin:0}.my-profile-card p{font-size:12px;color:var(--muted);margin:7px 0 18px}.my-details-card header,.my-password-card header{padding:22px 25px;border-bottom:1px solid var(--line)}.my-details-card h2,.my-password-card h2{font:800 18px Manrope;margin:0}.my-details-card header p,.my-password-card header p{font-size:11px;color:var(--muted);margin:5px 0 0}.my-details-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px 25px 25px;gap:0 28px}.my-details-card dl>div{padding:18px 0;border-bottom:1px solid #edf0ee}.my-details-card dt{font-size:10px;color:#899492;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px}.my-details-card dd{margin:0;font-size:14px;font-weight:600;color:#34423f}.my-password-card{grid-column:2}.my-password-card form{padding:22px 25px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.my-password-card label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#596662}.my-password-card label:first-child{grid-column:1/-1}.my-password-card input{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:inherit;outline:none}.my-password-card input:focus{border-color:#d97845;box-shadow:0 0 0 3px #f7d8c6}.my-password-card .form-error,.my-password-card .form-success,.my-password-card .primary-action{grid-column:1/-1}.my-password-card .primary-action{justify-self:start}@media(max-width:760px){.profile-menu{right:-8px}.my-page-grid{grid-template-columns:1fr}.my-details-card dl{grid-template-columns:1fr}.my-password-card{grid-column:auto}.my-password-card form{grid-template-columns:1fr}.my-password-card label:first-child{grid-column:auto}}
.mail-row{width:100%;border-width:0 0 1px;background:white;text-align:left;cursor:pointer}.mail-row:hover{background:#fff8f3}.mail-row .mail-summary{width:auto;height:auto;border-radius:0;background:transparent;color:inherit;display:block;font-size:inherit;font-weight:inherit;min-width:0}.mail-summary b,.mail-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-detail-modal{width:min(820px,100%)!important}.mail-detail-modal header h2{margin-top:8px}.mail-detail-body{padding:22px 26px}.mail-detail-body dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 20px}.mail-detail-body dl>div{background:#faf7f4;border:1px solid #f0e3db;border-radius:8px;padding:12px}.mail-detail-body dt{font-size:10px;color:#8b7770;text-transform:uppercase;margin-bottom:5px}.mail-detail-body dd{margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.mail-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:14px;color:#394541;border-top:1px solid var(--line);padding-top:22px;max-height:48vh;overflow:auto}.mail-detail-body aside{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;flex-direction:column;gap:8px}.mail-detail-body aside span{font-size:12px}.mail-detail-body aside small{color:var(--muted);margin-left:5px}.mail-detail-loading{min-height:240px;display:grid;place-items:center;margin:24px}.mail-detail-modal>footer a{display:flex;align-items:center;text-decoration:none}@media(max-width:760px){.mail-detail-body dl{grid-template-columns:1fr}.mail-detail-modal{max-height:96vh}.mail-content{max-height:42vh}}