:root{--kresup-navy:#061f50;--kresup-turquoise:#0dbccc;--kresup-orange:#fdb024;--kresup-pink:#f93772;--surface:#fff;--background:#f4f7fb;--text:#11223d;--muted:#718096;--line:#e5eaf1;--positive:#078267;--danger:#b52e52;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--desktop-sidebar:260px;--tablet-rail:76px;--mobile-nav:68px;--touch-target:44px}*{box-sizing:border-box}html{background:var(--background);height:100%}body{width:100%;height:100%;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;height:100%}button,input{font:inherit}button{min-height:var(--touch-target);cursor:pointer;touch-action:manipulation}input{font-size:16px}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0dbccc38}.brand{align-items:center;gap:12px;display:flex}.brandMark,.railBrand,.bootMark{background:var(--kresup-turquoise);width:42px;height:42px;color:var(--kresup-navy);border-radius:13px;flex:none;place-items:center;font-weight:800;display:grid}.brandText{gap:2px;display:grid}.brandText strong{letter-spacing:.09em;font-size:16px}.brandText span{opacity:.58;font-size:10px}.loginShell{grid-template-columns:minmax(430px,1.06fr) minmax(420px,.94fr);width:100%;height:100dvh;min-height:100svh;display:grid;overflow:hidden}.loginHero{color:#fff;background:radial-gradient(circle at 18% 16%,#0dbccc38,#0000 31%),linear-gradient(145deg,#061f50 0%,#082e69 58%,#075870 100%);min-width:0}.loginHeroInner{height:100%;min-height:0;padding:max(42px, env(safe-area-inset-top)) 62px max(36px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.heroCopy{max-width:610px;margin:auto 0}.eyebrow,.formKicker,.pageKicker,.cardKicker{letter-spacing:.16em;font-size:10px;font-weight:800}.eyebrow{color:#6ee2ec}.heroCopy h1{letter-spacing:-.05em;max-width:570px;margin:20px 0;font-size:clamp(42px,5vw,70px);font-weight:650;line-height:1.02}.heroCopy h1 span{color:#55d7e2;display:block}.heroCopy p{color:#ffffffa8;max-width:510px;margin:0;font-size:16px;line-height:1.7}.heroFoot{color:#ffffff6b;font-size:11px}.loginFormArea{min-width:0;height:100dvh;min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 42px max(28px, env(safe-area-inset-bottom));background:var(--surface);place-items:center;display:grid;overflow-y:auto}.loginCard{width:min(100%,410px)}.mobileBrand{color:var(--kresup-navy);margin-bottom:38px;display:none}.formKicker{color:var(--kresup-turquoise)}.loginCard h2{color:var(--kresup-navy);letter-spacing:-.035em;margin:13px 0 8px;font-size:33px}.loginDescription{color:var(--muted);margin:0 0 30px;font-size:13px;line-height:1.6}.loginCard form{gap:18px;display:grid}.field{color:#263750;gap:8px;font-size:12px;font-weight:650;display:grid}.field input{border-radius:var(--radius-sm);width:100%;height:52px;color:var(--text);background:#fbfcfe;border:1px solid #dee5ed;outline:none;padding:0 15px}.field input:focus{border-color:var(--kresup-turquoise);background:#fff;box-shadow:0 0 0 4px #0dbccc17}.primaryButton{border-radius:var(--radius-sm);background:var(--kresup-navy);color:#fff;border:0;height:52px;font-weight:750}.primaryButton:disabled{cursor:default;opacity:.58}.errorBox{color:var(--danger);background:#fff1f5;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.5}.loginSecurity{color:#8a97a8;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:10px;display:flex}.loginSecurity span{background:var(--kresup-turquoise);border-radius:50%;width:7px;height:7px}.bootScreen{color:#8290a2;place-content:center;justify-items:center;gap:12px;width:100%;height:100dvh;font-size:11px;display:grid}.bootMark{background:var(--kresup-navy);color:#fff;width:48px;height:48px}.appShell{background:var(--background);width:100%;height:100dvh;min-height:100svh;overflow:hidden}.desktopSidebar{z-index:20;width:var(--desktop-sidebar);height:100dvh;padding:28px 20px max(20px, env(safe-area-inset-bottom));color:#fff;background:var(--kresup-navy);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.desktopNav{gap:5px;margin-top:43px;display:grid}.navButton{color:#ffffff9e;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;height:45px;padding:0 13px;font-size:12px;font-weight:550;display:flex}.navButton>span{text-align:center;width:18px}.navButton:hover,.navButton.active{color:#fff;background:#ffffff17}.sidebarVersion{color:#ffffff47;margin-top:auto;font-size:9px}.tabletRail{display:none}.workspace{margin-left:var(--desktop-sidebar);width:calc(100% - var(--desktop-sidebar));grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.topbar{min-height:94px;padding:max(24px, env(safe-area-inset-top)) 38px 18px;background:var(--background);justify-content:space-between;align-items:center;gap:24px;display:flex}.pageKicker{color:var(--kresup-turquoise)}.topbar h1{color:var(--kresup-navy);letter-spacing:-.03em;margin:5px 0 0;font-size:26px}.userBlock{align-items:center;gap:10px;display:flex}.avatar{color:#087e89;background:#e4f8fa;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.userMeta{gap:2px;min-width:150px;display:grid}.userMeta strong{font-size:11px}.userMeta span{color:#8c98a8;font-size:9px}.logoutButton{color:#5f6e80;background:#fff;border:1px solid #dfe5ed;border-radius:10px;padding:0 12px;font-size:10px}.screenArea{overscroll-behavior:contain;min-height:0;padding:0 38px max(38px, env(safe-area-inset-bottom));overflow:hidden auto}.overview{max-width:1480px;margin:0 auto}.welcomeCard{border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 82% 32%, #0dbccc36, transparent 27%), var(--kresup-navy);justify-content:space-between;align-items:center;gap:28px;min-height:180px;padding:31px 35px;display:flex}.welcomeCard h2{letter-spacing:-.035em;margin:12px 0 8px;font-size:27px}.welcomeCard p{color:#ffffffa1;max-width:620px;margin:0;font-size:12px;line-height:1.6}.systemStatus{background:#ffffff12;border:1px solid #ffffff21;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:flex}.systemStatus span{background:#54dfb2;border-radius:50%;width:8px;height:8px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.statCard,.contentCard{border:1px solid var(--line);background:var(--surface)}.statCard{border-radius:var(--radius-md);flex-direction:column;min-height:132px;padding:19px;display:flex}.statCard>span{color:#77869a;font-size:10px;font-weight:650}.statCard strong{color:var(--kresup-navy);letter-spacing:-.04em;margin-top:14px;font-size:28px}.statCard strong.wordValue{font-size:20px}.statCard small{color:#a0aab7;margin-top:auto;font-size:9px}.dashboardGrid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px;margin-top:14px;display:grid}.contentCard{border-radius:var(--radius-md);padding:22px}.cardHead{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.cardKicker{color:var(--kresup-turquoise)}.contentCard h3{color:var(--kresup-navy);margin:7px 0 0;font-size:17px}.badge{color:#087f89;background:#eef9fa;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:750}.contentCard>p{color:#78869a;max-width:610px;margin:17px 0 0;font-size:11px;line-height:1.6}.checkRows{gap:9px;margin-top:20px;display:grid}.checkRows>div{color:#4f5f75;align-items:center;gap:9px;font-size:11px;display:flex}.checkRows span{color:#0593a0;background:#effafa;border-radius:7px;place-items:center;width:21px;height:21px;font-weight:800;display:grid}.detailRows{margin:14px 0 0}.detailRows>div{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;min-height:43px;display:flex}.detailRows>div:last-child{border-bottom:0}.detailRows dt{color:#8995a5;font-size:10px}.detailRows dd{text-align:right;color:#2b3c55;max-width:180px;margin:0;font-size:10px;font-weight:650}.detailRows dd.positive{color:var(--positive)}.emptyModule{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;background:#fff;place-content:center;justify-items:center;height:min(520px,100dvh - 150px);min-height:320px;padding:32px;display:grid}.emptyIcon{color:#078b96;background:#eaf9fa;border-radius:15px;place-items:center;width:52px;height:52px;font-size:25px;display:grid}.emptyModule h2{color:var(--kresup-navy);margin:16px 0 7px}.emptyModule p{max-width:380px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.mobileBottomNav{display:none}@media (width>=900px) and (width<=1199px){.desktopSidebar{display:none}.tabletRail{z-index:20;width:var(--tablet-rail);height:100dvh;padding:max(20px, env(safe-area-inset-top)) 12px max(20px, env(safe-area-inset-bottom));background:var(--kresup-navy);flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;inset:0 auto 0 0}.railBrand{margin-bottom:24px}.railButton{color:#ffffff9e;background:0 0;border:0;border-radius:13px;width:48px;height:48px;font-size:16px}.railButton.active{color:#fff;background:#ffffff1a}.workspace{margin-left:var(--tablet-rail);width:calc(100% - var(--tablet-rail))}.topbar,.screenArea{padding-left:28px;padding-right:28px}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardGrid{grid-template-columns:1fr}}@media (width<=899px){.loginShell{display:block;overflow:hidden}.loginHero{display:none}.loginFormArea{width:100%;height:100dvh;padding:max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));place-items:center}.mobileBrand{display:block}.desktopSidebar,.tabletRail{display:none}.workspace{grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;margin:0}.topbar{min-height:78px;padding:max(14px, env(safe-area-inset-top)) 18px 11px;background:var(--surface);border-bottom:1px solid var(--line)}.pageKicker{font-size:8px}.topbar h1{margin-top:3px;font-size:20px}.userMeta,.logoutButton{display:none}.avatar{width:38px;height:38px}.screenArea{padding:14px 14px calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 18px);overflow-y:auto}.welcomeCard{border-radius:18px;align-items:flex-start;min-height:130px;padding:20px}.welcomeCard h2{margin:9px 0 6px;font-size:21px}.welcomeCard p{max-width:430px;font-size:10px;line-height:1.5}.systemStatus{display:none}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}.statCard{border-radius:14px;min-height:104px;padding:14px}.statCard strong{margin-top:9px;font-size:23px}.statCard strong.wordValue{font-size:17px}.dashboardGrid{grid-template-columns:1fr;gap:9px;margin-top:9px}.contentCard{border-radius:14px;padding:17px}.compactCard{display:none}.mobileBottomNav{z-index:30;height:calc(var(--mobile-nav) + env(safe-area-inset-bottom));padding:6px 7px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottomNavItem{color:#8290a2;background:0 0;border:0;border-radius:12px;place-content:center;justify-items:center;gap:3px;min-width:0;min-height:54px;display:grid}.bottomNavItem>span{font-size:17px}.bottomNavItem small{font-size:9px}.bottomNavItem.active{color:var(--kresup-navy);background:#eef7fa}.emptyModule{height:calc(100dvh - 78px - var(--mobile-nav) - env(safe-area-inset-bottom) - 28px);border-radius:16px;min-height:250px}}@media (width<=599px){.loginFormArea{padding-top:max(22px, env(safe-area-inset-top));place-items:start center}.loginCard{margin:auto 0}.mobileBrand{margin-bottom:28px}.loginCard h2{font-size:28px}.loginDescription{margin-bottom:24px}}@media (height<=540px) and (width<=899px) and (orientation:landscape){.loginFormArea{place-items:start center;padding-top:16px;padding-bottom:16px}.mobileBrand{margin-bottom:14px}.loginCard h2{margin-top:7px}.loginDescription{margin-bottom:14px}.loginCard form{gap:10px}.field input,.primaryButton{height:46px}.loginSecurity{margin-top:12px}}@media (pointer:coarse){button{min-height:44px}.navButton{min-height:48px}}
