:root{--desk-ink:#131b2b;--desk-muted:#667085;--desk-line:#e3e8ef;--desk-soft:#f7f9fc;--desk-blue:#4967ff;--desk-green:#0da37a;--desk-rose:#f24d78;--desk-orange:#ec8a32;--desk-purple:#8b5cf6;--desk-shadow:0 9px 28px rgba(15,23,42,.055)}
*{box-sizing:border-box}html,body{min-height:100%;background:#fff!important}body.staffHub{background:#fff!important;color:var(--desk-ink)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important}
.hidden{display:none!important}.desktopHub{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr);background:#fff}.deskRail{position:sticky;top:0;height:100vh;border-right:1px solid var(--desk-line);padding:20px 13px 14px;background:#fff;display:flex;flex-direction:column}.deskBrand{display:flex;align-items:center;gap:11px;padding:0 6px 18px}.deskBrand img{width:52px;height:52px;object-fit:contain;border-radius:14px}.deskBrandText strong{display:block;font-size:19px;line-height:1;letter-spacing:.12em}.deskBrandText span{display:block;font-size:9px;letter-spacing:.24em;color:#8a95a7;margin-top:6px;font-weight:800}.deskNav{display:grid;gap:4px}.deskNav a{display:flex;align-items:center;gap:10px;min-height:43px;padding:9px 10px;border-radius:11px;color:#26334a;text-decoration:none;font-size:12px;font-weight:760}.deskNav a:hover{background:#f7f9fc}.deskNav a.active{background:#f1f3f8;color:#111827}.deskNav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.deskRailBottom{margin-top:auto;display:grid;gap:2px}.deskRailBottom a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#4a586d;font-size:11px;font-weight:720}.deskRailBottom a:hover{background:#f7f9fc}.deskVersion{font-size:9px;color:#98a2b3;padding:12px 10px 0;border-top:1px solid #eef1f5;margin-top:9px}
.deskContent{min-width:0;min-height:100vh}.deskTop{height:58px;border-bottom:1px solid var(--desk-line);display:flex;align-items:center;justify-content:flex-end;padding:7px 22px;gap:7px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:35}.deskMode{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 11px;border:1px solid var(--desk-line);border-radius:10px;background:#fff;color:#344054;font-size:10.5px;font-weight:800;cursor:pointer}.deskMode:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a36e}.deskIconBtn{width:36px;height:36px;border:1px solid var(--desk-line);border-radius:10px;background:#fff;color:#526176;display:grid;place-items:center;cursor:pointer}.deskIconBtn:hover,.deskMode:hover{background:#f8fafc}.deskIconBtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.deskMain{padding:24px 28px 40px;max-width:1500px}.deskGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.deskCard{position:relative;min-height:170px;border:1px solid var(--desk-line);border-radius:19px;background:#fff;text-decoration:none;color:inherit;padding:18px;box-shadow:var(--desk-shadow);display:flex;flex-direction:column;overflow:hidden;transition:.17s ease}.deskCard:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;right:-48px;top:-53px;background:var(--tone,#eef2ff);opacity:.85}.deskCard:hover{transform:translateY(-2px);border-color:#d1d8e2;box-shadow:0 14px 34px rgba(15,23,42,.08)}.deskCardTop{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:2}.deskCardLogo{height:54px;min-width:54px;max-width:128px;display:flex;align-items:center}.deskCardLogo img{max-width:100%;max-height:48px;object-fit:contain;object-position:left center}.deskCardLogo.iconOnly{width:48px;height:48px;border-radius:13px;background:var(--tone,#eef2ff);display:grid;place-items:center;color:var(--accent,#5267ff)}.deskCardLogo.iconOnly svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.deskOpen{width:29px;height:29px;border-radius:9px;border:1px solid #ebeff4;background:#fbfcfe;display:grid;place-items:center;color:#8a96a8}.deskOpen svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.deskCard h3{font-size:17px;margin:auto 0 0;padding-top:22px;position:relative;z-index:2}.deskCard small{margin-top:5px;color:#8390a3;font-size:10.5px;position:relative;z-index:2}.deskCard.tDisplay{--tone:#eef0ff;--accent:#5467f6}.deskCard.tTags{--tone:#e8faf5;--accent:#0d9d78}.deskCard.tSnap{--tone:#fff0f5;--accent:#e64b75}.deskCard.tDevice{--tone:#e9f8fc;--accent:#1297b5}.deskCard.tPurchase{--tone:#fff4e9;--accent:#df7a24}.deskCard.tDocs{--tone:#edf3ff;--accent:#4977f2}.deskCard.tTime{--tone:#f6edff;--accent:#8b5cd6}
.pushBanner{margin:0 0 16px;border:1px solid var(--desk-line);border-radius:15px;box-shadow:none;padding:13px 15px}.pushBanner h3{font-size:14px}.pushBanner p{font-size:11px}.desktopHub .btn{border-radius:9px!important;font-size:10px!important}
.hubLogin{min-height:100vh!important;background:#f7f8fb!important;display:grid!important;place-items:center!important}.hubLogin.hidden{display:none!important}.hubLoginCard{width:min(420px,94vw)!important;border:1px solid var(--desk-line)!important;border-radius:18px!important;padding:28px!important;box-shadow:0 18px 55px rgba(15,23,42,.09)!important;background:#fff!important}.hubLoginLogo{width:170px!important;height:96px!important;margin:0 auto 12px!important}.hubLoginCard h2{font-size:22px!important;margin-bottom:18px!important}.hubLogin input{height:44px!important;border-radius:10px!important}.modeGate{background:#f7f8fb!important}.modeCard{width:min(680px,94vw)!important;border-radius:18px!important;border:1px solid var(--desk-line)!important;padding:28px!important;box-shadow:0 24px 70px rgba(15,23,42,.11)!important}.modeLogo{width:170px!important;height:96px!important}.modeCard h1{font-size:25px!important}.modeBtn{border-radius:14px!important;padding:18px!important}.modeBtn b{font-size:18px!important}.modeBtn span{font-size:11.5px!important}
@media(max-width:1100px){.deskGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktopHub{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:760px){.desktopHub{display:block}.deskRail{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--desk-line);padding:12px}.deskBrand{padding-bottom:10px}.deskBrand img{width:42px;height:42px}.deskBrandText strong{font-size:16px}.deskNav{grid-template-columns:1fr}.deskRailBottom{display:none}.deskTop{height:52px;padding:7px 12px}.deskMain{padding:15px 13px 30px}.deskGrid{grid-template-columns:1fr}.deskCard{min-height:140px}.deskMode{margin-right:auto}}