:root{color-scheme:light;--bg:#f5f3ec;--panel:#fff;--panel2:#eeeee7;--line:#dedbcc;--text:#26372a;--muted:#7c857c;--gold:#c6a85f;--green:#263a2b;--forest:#1d3022;--forest2:#354c39}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brandlogo{width:220px;height:40px;object-fit:contain;object-position:left center}.brandlogo.compact{width:154px;height:34px}.gateway{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#edf0e8,#f7f4ec)}.login{width:min(520px,100%);overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 22px 60px rgba(29,48,34,.14)}.loginbrand{min-height:82px;display:flex;align-items:center;padding:18px 30px;background:var(--forest)}.loginbody{padding:30px}.eyebrow{color:#9d7f3e;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.login h1{font-family:Georgia,serif;font-size:36px;line-height:1.05;margin:10px 0;color:var(--forest)}.login p{color:var(--muted);line-height:1.5}.login label{display:block;margin:16px 0 6px;font-size:11px;font-weight:700;color:var(--forest)}.login input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text)}.login input:focus{outline:2px solid rgba(198,168,95,.35);border-color:var(--gold)}.login button{width:100%;margin-top:20px;padding:12px;border:0;border-radius:7px;background:var(--gold);color:var(--forest);font-weight:800;cursor:pointer}.error{color:#a34848;font-size:12px}.fine{font-size:10px}.workspace{height:100vh;display:grid;grid-template-rows:44px 1fr}.hubbar,.workspacebar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #415344;background:var(--forest);color:#fff}.hubbar form,.workspacebar form{margin:0}.hubbar button,.workspacebar button{border:1px solid rgba(218,187,104,.45);border-radius:8px;background:var(--forest2);color:white;padding:7px 11px;font-size:10px;font-weight:700;cursor:pointer}.prototype{width:100%;height:100%;border:0}.hub,.prototype{background:var(--bg)}.hub{min-height:100vh}.hubbar{height:44px;padding:0 12px}.hubbrand{align-items:center;gap:22px}.hubbrand,.hubbrand nav{height:100%;display:flex}.hubbrand nav{align-items:stretch;gap:3px}.hubbrand nav a,.hubbrand nav span{display:flex;align-items:center;padding:0 14px;color:#fff;text-decoration:none;font-size:10px;font-weight:650}.hubbrand nav .active{border-radius:7px;background:var(--bg);color:var(--forest)}.hubtools{display:flex;align-items:center;gap:8px}.hubtools input{width:min(360px,28vw);height:32px;border:0;border-radius:7px;padding:0 14px;background:#fff;color:var(--text);font-size:10px}.companychip{display:flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(218,187,104,.42);border-radius:8px;color:#fff;font-size:9px;font-weight:700;white-space:nowrap}.hubfooter,.hubhero,.library{width:min(1180px,calc(100% - 40px));margin-inline:auto}.hubhero{padding:52px 0 28px;border-bottom:1px solid var(--line)}.hubhero h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,52px);line-height:1;margin:10px 0;color:var(--forest)}.hubhero p{max-width:680px;color:var(--muted);font-size:14px;line-height:1.6}.library{padding:28px 0 64px}.libraryhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.libraryhead h2{margin:0 0 5px;font-family:Georgia,serif;font-size:22px;color:var(--forest)}.libraryhead p{margin:0;color:var(--muted);font-size:11px}.appgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.appcard{min-height:250px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 28px rgba(29,48,34,.06);transition:transform .16s ease,border-color .16s ease}.appcard:hover{transform:translateY(-2px);border-color:var(--gold)}.appcard:focus-visible{outline:3px solid rgba(198,168,95,.45);outline-offset:3px}.appicon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--forest2);font-family:Georgia,serif;font-weight:700}.appcategory{margin-top:26px;color:#9d7f3e;font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.appcard h3{font-family:Georgia,serif;font-size:22px;margin:7px 0;color:var(--forest)}.appcard p{color:var(--muted);font-size:11px;line-height:1.55;margin:0}.openapp{margin-top:auto;padding-top:18px;font-size:10px;font-weight:800;color:var(--forest)}.openapp b{color:#9d7f3e;margin-left:5px}.hubfooter{padding:18px 0 32px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}@media(max-width:900px){.hubtools input{display:none}.appgrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.brandlogo.compact{width:130px}.hubbrand nav span{display:none}.hubbrand nav a{padding-inline:9px}.companychip{display:none}.appgrid{grid-template-columns:1fr}.hubhero{padding-top:38px}}.app-shellbar{height:44px;padding:0 12px;gap:14px;background:var(--forest)}.workspace:has(.app-shellbar){grid-template-rows:44px 1fr}.shellidentity{min-width:188px}.shellidentity,.shellidentity>a{display:flex;align-items:center}.shellnav{align-self:stretch;display:flex;align-items:stretch;gap:3px;margin-right:auto}.shellnav a{display:flex;align-items:center;padding:0 14px;border-radius:8px;color:#fff;text-decoration:none;font-size:10px;font-weight:650}.shellnav a:hover{background:var(--forest2)}.shellnav a.active{margin-block:5px;background:var(--bg);color:var(--forest)}.shelltools{display:flex;align-items:center;gap:8px}.profilebadge{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--forest);font-size:9px;font-weight:800}.unified-header{height:52px;padding:0 18px}.workspace:has(.unified-header){grid-template-rows:52px 1fr}.unified-header .shellidentity{min-width:198px}.unified-header .shellnav{gap:5px}.unified-header .shellnav a{position:relative;height:100%;padding:0 13px;border-radius:0;background:transparent;color:#fff}.unified-header .shellnav a:hover{background:rgba(255,255,255,.045)}.unified-header .shellnav a.active{margin:0;background:transparent;color:#fff}.unified-header .shellnav a.active:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:var(--gold)}.shellsearch{margin-left:auto}.shellsearch input{width:min(310px,25vw);height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#fff;color:var(--text);font-size:9px}.unified-header .shelltools{margin-left:8px}.unified-header .header-icon{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(198,168,95,.48);border-radius:50%;background:transparent;color:#fff}.unified-header .header-icon:hover{border-color:var(--gold);background:var(--forest2)}.header-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:900px){.shellsearch{display:none}}@media(max-width:800px){.app-shellbar{overflow-x:auto;gap:8px}.shellidentity,.shellnav{min-width:max-content}.shellnav a{padding-inline:10px}.shelltools{position:-webkit-sticky;position:sticky;right:0;background:var(--forest);padding-left:6px}.shelltools .companychip{display:none}.unified-header .shellidentity{min-width:150px}}.foundationgrid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(170px,auto)}.foundation-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:stretch}.foundation-left{display:grid;grid-template-rows:minmax(145px,.55fr) minmax(250px,1fr);grid-gap:16px;gap:16px}.foundation-side{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,1fr);align-content:stretch}.foundation-left .appcard.pinned,.foundation-left .foundation-welcome{grid-column:auto;min-height:0;height:100%}.foundation-side .appcard{min-height:0;height:100%;padding:18px}.foundation-side .appcard .appicon{width:40px;height:40px;font-size:12px}.foundation-side .appcard .appcategory{margin-top:15px;font-size:7px}.foundation-side .appcard h3{font-size:18px}.foundation-side .appcard p{font-size:9px;line-height:1.45}.foundation-side .appcard .openapp{padding-top:12px;font-size:9px}.appcard{position:relative}.appcard.pinned{grid-column:1/span 2;grid-row:auto;min-height:268px;border-top:4px solid var(--gold);background:linear-gradient(135deg,#fff,#f4f2e9)}.appcard.pinned .appicon{width:58px;height:58px;font-size:18px}.appcard.pinned .appcategory{margin-top:34px}.appcard.pinned h3{font-size:29px}.appcard.pinned p{max-width:470px;font-size:13px;line-height:1.65}.foundationgrid .appcard:not(.pinned){min-height:170px;padding:16px}.foundationgrid .appcard:not(.pinned) .appicon{width:36px;height:36px;font-size:11px}.foundationgrid .appcard:not(.pinned) .appcategory{margin-top:13px;font-size:7px}.foundationgrid .appcard:not(.pinned) h3{margin:5px 0;font-size:17px}.foundationgrid .appcard:not(.pinned) p{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.foundationgrid .appcard:not(.pinned) .openapp{padding-top:10px;font-size:9px}.requiredapp{position:absolute;right:18px;top:16px;padding:6px 9px;border-radius:999px;background:#e7eadf;color:var(--forest);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.foundation-welcome{box-sizing:border-box;grid-column:1/span 2;min-height:145px;padding:26px 28px;border:1px solid #d9d5c7;border-radius:10px;background:linear-gradient(120deg,#22382a,#354d39);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 8px 24px #1d30221c}.foundation-welcome>div:first-child{max-width:520px}.foundation-welcome span{font-size:8px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#d8c27f}.foundation-welcome h3{margin:7px 0 10px;font:25px/1.08 Georgia,serif;color:#fff}.foundation-welcome p{margin:0;color:#d2dbd4;font-size:10px;line-height:1.55}.welcome-path{display:flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;padding:10px 14px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0d;white-space:nowrap}.welcome-path span{color:#fff;font-size:7px}.welcome-path i{color:#d8c27f;font-size:10px;font-style:normal}.operational-library-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 13px;padding-top:24px;border-top:1px solid var(--line)}.operational-library-head h3{margin:0 0 4px;font-family:Georgia,serif;font-size:18px;color:var(--forest)}.operational-library-head p{margin:0;color:var(--muted);font-size:10px}.operationalgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.operationalgrid .appcard{min-height:230px;padding:21px}.operationalgrid .appcard .appicon{width:46px;height:46px;font-size:14px}.operationalgrid .appcard .appcategory{margin-top:22px}.operationalgrid .appcard h3{font-size:21px}.operationalgrid .appcard p{display:block;overflow:visible;font-size:11px;line-height:1.55}.operationalgrid .appcard .openapp{padding-top:18px;font-size:10px}@media(max-width:900px){.foundation-layout{grid-template-columns:1fr}.foundation-left{grid-template-rows:auto}.foundation-side{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(180px,auto)}.foundationgrid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.appcard.pinned,.foundation-welcome{grid-column:1/-1;grid-row:auto}.appcard.pinned{min-height:250px}.foundationgrid .appcard:not(.pinned){min-height:190px}.operationalgrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.foundation-layout,.foundation-side,.foundationgrid,.operationalgrid{grid-template-columns:1fr}.appcard.pinned,.foundation-welcome{grid-column:auto}.foundation-welcome{align-items:flex-start;flex-direction:column}.foundationgrid .appcard:not(.pinned){min-height:170px}}.hubhero{padding-top:30px;padding-bottom:19px}.hubhero h1{margin:7px 0;font-size:clamp(31px,4vw,43px)}.hubhero p{margin:0;font-size:11px;line-height:1.5}.library{padding-top:20px;padding-bottom:52px}.foundation-welcome{grid-column:auto;min-height:92px;margin-bottom:20px;padding:16px 19px;gap:22px}.foundation-welcome>div:first-child{max-width:720px}.foundation-welcome h3{margin:4px 0 6px;font-size:19px}.foundation-welcome p{font-size:9px;line-height:1.4}.welcome-path{padding:8px 12px}.library-count{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:7px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.foundation-side{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:12px}.foundation-side .appcard,.foundation-side .appcard.pinned{grid-column:auto;grid-row:auto;min-height:148px;height:auto;padding:14px 15px;border-top-width:2px;background:#fff}.foundation-side .appcard .appicon,.foundation-side .appcard.pinned .appicon{width:34px;height:34px;font-size:10px}.foundation-side .appcard .appcategory,.foundation-side .appcard.pinned .appcategory{margin-top:10px;font-size:6px}.foundation-side .appcard h3,.foundation-side .appcard.pinned h3{margin:4px 0;font-size:16px;line-height:1.1}.foundation-side .appcard p,.foundation-side .appcard.pinned p{display:-webkit-box;max-width:none;overflow:hidden;font-size:8px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.foundation-side .appcard .openapp,.foundation-side .appcard.pinned .openapp{padding-top:8px;font-size:8px}.foundation-side .requiredapp{right:10px;top:9px;padding:4px 6px;font-size:5px}.operational-library-head{margin-top:24px;padding-top:20px}.operationalgrid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;gap:12px}.operationalgrid .appcard,.operationalgrid .appcard.pinned{grid-column:span 2;grid-row:auto;min-width:0;min-height:188px;padding:18px;border-top-width:1px;background:#fff}.operationalgrid .appcard.pinned{border-top:3px solid var(--gold);background:linear-gradient(135deg,#fff,#f8f7f1)}.operationalgrid.app-count-1 .appcard{grid-column:1/-1}.operationalgrid.app-count-2 .appcard,.operationalgrid.app-count-4 .appcard,.operationalgrid.app-count-5 .appcard:nth-child(n+4){grid-column:span 3}.operationalgrid .appcard .appicon,.operationalgrid .appcard.pinned .appicon{width:40px;height:40px;font-size:12px}.operationalgrid .appcard .appcategory,.operationalgrid .appcard.pinned .appcategory{margin-top:15px;font-size:7px}.operationalgrid .appcard h3,.operationalgrid .appcard.pinned h3{font-size:19px}.operationalgrid .appcard p,.operationalgrid .appcard.pinned p{display:-webkit-box;max-width:none;overflow:hidden;font-size:9px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.operationalgrid .appcard .openapp,.operationalgrid .appcard.pinned .openapp{padding-top:12px;font-size:9px}@media(max-width:900px){.foundation-side,.operationalgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.operationalgrid .appcard,.operationalgrid .appcard.pinned,.operationalgrid.app-count-2 .appcard,.operationalgrid.app-count-4 .appcard,.operationalgrid.app-count-5 .appcard:nth-child(n+4){grid-column:auto}.operationalgrid .appcard:last-child:nth-child(odd){grid-column:1/-1}}@media(max-width:650px){.foundation-side,.operationalgrid{grid-template-columns:1fr}.operationalgrid .appcard,.operationalgrid .appcard.pinned,.operationalgrid .appcard:last-child:nth-child(odd){grid-column:auto}.foundation-welcome{align-items:flex-start;flex-direction:column}.foundation-side .appcard,.foundation-side .appcard.pinned{min-height:142px}}.catalogbadge{position:absolute;right:10px;top:9px;padding:4px 7px;border-radius:999px;background:#edf0e8;color:#3a533f;font-size:6px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.catalogbadge.featured{background:#eee5c9;color:#795f25}.catalogbadge.popular{background:#e5eee7;color:#2f6042}.admin-company-banner{position:-webkit-sticky;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:9px 18px;border-bottom:1px solid #8d7135;background:#fff4d6;color:#26372a;box-shadow:0 5px 18px rgba(29,48,34,.14)}.admin-company-banner>div{display:flex;align-items:baseline;gap:12px}.admin-company-banner strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-company-banner span{font-size:12px}.admin-company-banner form{margin:0}.admin-company-banner button{border:1px solid #8d7135;border-radius:6px;background:#fff;color:#26372a;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer}@media (max-width:650px){.admin-company-banner{align-items:flex-start}.admin-company-banner>div{display:grid;grid-gap:3px;gap:3px}.admin-company-banner span{font-size:10px}.admin-company-banner button{white-space:nowrap}}