@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#14263d;--blue:#3568e8;--ink:#192b43;--muted:#728097;--line:#e6ebf2;--bg:#f5f7fb;--green:#12a875}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:76px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.logo{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#416cf0,#243b8e);color:white;display:grid;place-items:center;font-family:Manrope;font-weight:800;box-shadow:0 7px 16px #3568e82b}.brand strong{display:block;font:800 14px Manrope;letter-spacing:1.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7b8ba2;margin-top:4px}.topright{color:#64748b;font-size:12px;display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#17b785}.hero{max-width:1190px;margin:54px auto 48px;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.hero-copy{padding:20px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#3568e8}.hero h1{font:800 clamp(42px,5.2vw,66px)/1.12 Manrope;letter-spacing:-2.8px;margin:23px 0 20px;color:#172943}.hero h1 em{font-style:normal;color:#3568e8}.hero-copy p{max-width:450px;color:#6c7b90;font-size:16px;line-height:1.8}.hero-pills{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#53647a;font-size:11px;font-weight:600}.hero-pills span:first-letter{color:#16a779}.login-card{background:white;border:1px solid #e9edf4;border-radius:22px;padding:34px 36px;box-shadow:0 18px 55px #223b6510}.card-icon{width:43px;height:43px;background:#edf2ff;border-radius:13px;display:grid;place-items:center;color:#3568e8;font-size:25px}.login-card h2{font:800 24px Manrope;margin:20px 0 5px}.muted{color:var(--muted);font-size:13px;margin:0 0 25px}label{display:block;font-size:12px;font-weight:700;margin:15px 0 8px;color:#42516a}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #dfe5ef;border-radius:9px;background:#fbfcfe;color:#20314a;font:13px 'DM Sans';outline:none}input:focus,select:focus,textarea:focus{border-color:#7294f6;box-shadow:0 0 0 3px #3568e814}button{font-family:inherit;cursor:pointer}.primary{border:0;border-radius:9px;background:linear-gradient(100deg,#3568e8,#4d5fe0);color:white;font-weight:700;padding:13px 17px;box-shadow:0 7px 15px #3568e826}.primary span{float:right}.full{width:100%;margin-top:22px}.error{font-size:12px;color:#c33b4b;margin-top:10px}.public-links{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.text-btn{background:none;border:0;color:#3568e8;font-size:11px;font-weight:700;padding:4px 0}.trust{max-width:1110px;margin:0 auto 45px;padding:22px 30px;display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--line);border-radius:15px}.trust div{display:flex;align-items:center;gap:13px;padding:4px 18px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{color:#3568e8;font:800 19px Manrope}.trust span{font-size:12px;color:#66768c;font-weight:600}footer{text-align:center;color:#98a3b4;font-size:10px;letter-spacing:.6px;line-height:1.9;padding:0 20px 30px}.dash-wrap{max-width:1300px;margin:32px auto;padding:0 22px}.dash-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:25px}.dash-head h1{font:800 28px Manrope;margin:0 0 7px}.dash-head p{color:var(--muted);margin:0;font-size:13px}.logout{border:1px solid #dfe5ef;border-radius:9px;background:white;padding:10px 16px;color:#52647d;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font:800 28px Manrope;margin-top:10px}.panel{margin-bottom:18px}.panel h3{font:700 16px Manrope;margin:0 0 6px}.panel p.sub{color:var(--muted);font-size:12px;margin:0 0 18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.formgrid .wide{grid-column:1/-1}.action{margin-top:15px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;color:#738199;background:#f7f9fc;font-size:10px;text-transform:uppercase;letter-spacing:.6px}td,th{padding:12px 13px;border-bottom:1px solid #edf0f5}td{color:#3d4d64}.tag{padding:5px 8px;background:#edf2ff;color:#3568e8;border-radius:20px;font-size:10px;font-weight:700}.notice{padding:12px 14px;background:#f1f5ff;color:#435c92;border-radius:9px;font-size:12px;margin-bottom:16px}.hide{display:none!important}.secondary{border:1px solid #dfe5ef;background:white;color:#33445d;padding:11px 15px;border-radius:9px;font-weight:700}.formmsg{font-size:12px;margin-top:12px;color:#13825e}.danger{color:#c33b4b}@media(max-width:800px){.hero{grid-template-columns:1fr;margin-top:25px;gap:22px}.hero-copy{padding:0}.hero h1{font-size:48px}.trust{margin:0 16px 30px;grid-template-columns:1fr 1fr;gap:15px}.trust div:nth-child(2){border:0}.login-card{padding:26px}.stats{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.topright{font-size:0}.topright #clock{font-size:11px}}@media(max-width:480px){.formgrid{grid-template-columns:1fr}.formgrid .wide{grid-column:auto}.trust{padding:15px}.trust div{padding:5px}.hero h1{letter-spacing:-1.8px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:23px}}

/* Multi-page workspace redesign */
:root{--navy:#13233b;--blue:#2463eb;--ink:#17263d;--muted:#728097;--line:#e4e9f1;--bg:#f4f7fb;--green:#0eaa78}
body{background:#f4f7fb;color:#17263d}
.topbar{background:#101d33;color:#fff;border-bottom:0;box-shadow:0 4px 18px #0d1b3015}
.topbar .brand strong{color:#fff}.topbar .brand small{color:#aebbd0}.topbar .topright{color:#c4cfdf}.topbar .logo{background:linear-gradient(145deg,#4d86ff,#2450c7);border-radius:12px}
.re-designed{max-width:1600px}.dash-wrap.redesigned{max-width:1600px;margin:0 auto;padding:26px 30px 36px}
.redesigned .dash-head{padding:4px 0 23px;border-bottom:1px solid #e3e9f2;margin-bottom:22px}
.redesigned .dash-head h1{font-size:27px;letter-spacing:-.7px;margin:7px 0 4px}.redesigned .dash-head p{font-size:13px}
.head-actions{display:flex;align-items:center;gap:12px}.ist-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;padding:10px 13px;border-radius:10px;color:#637189;font-size:11px}.ist-pill b{font-variant-numeric:tabular-nums;color:#1c2e48}
.workspace-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:23px;align-items:start}
.side-nav{position:sticky;top:18px;min-height:calc(100vh - 150px);background:#fff;border:1px solid #e4e9f1;border-radius:17px;padding:17px 12px;display:flex;flex-direction:column;box-shadow:0 10px 32px #1d35570a}
.side-label{padding:4px 11px 12px;font-size:9px;letter-spacing:1.8px;font-weight:800;color:#98a5b8}
.side-user{display:flex;align-items:center;gap:11px;padding:12px 10px 17px;border-bottom:1px solid #edf1f6;margin-bottom:13px;min-width:0}.avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#e9f0ff;color:#245fe3;font-weight:800;font-size:15px}.side-user b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.side-user small{display:block;font-size:9px;color:#7b899d;margin-top:4px;white-space:normal;line-height:1.4}
#pageNav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:transparent;color:#617088;border-radius:10px;padding:12px 11px;font-size:12px;font-weight:650;transition:background .15s,color .15s}.nav-item:hover{background:#f4f7fc;color:#1c4fc1}.nav-item.active{background:#eaf0ff;color:#245fe3;box-shadow:inset 3px 0 #2d67eb}.nav-icon{display:grid;place-items:center;width:20px;font-size:17px;font-weight:700}.nav-chevron{margin-left:auto;font-size:20px;opacity:.55}.side-footer{margin-top:auto;padding:18px 11px 5px;font-size:11px;font-weight:700;color:#5d6d84;line-height:1.8}.side-footer span{font-size:10px;font-weight:400;color:#94a0b1}
.workspace-content{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.workspace-content>.notice,.workspace-content>.stats,.workspace-content>#pageTitle,.workspace-content>.grid2,.workspace-content>[data-page-wrapper]{grid-column:1/-1}.workspace-content>.panel{margin:0;min-width:0;border-radius:15px;border-color:#e5eaf2;box-shadow:0 6px 22px #172b4806;padding:22px}.workspace-content .grid2{display:contents}.workspace-content [hidden]{display:none!important}.workspace-content .stats{margin:0;gap:13px}.workspace-content .stat{border-radius:14px;box-shadow:0 6px 22px #172b4806}.page-title{grid-column:1/-1;margin:0 0 2px;padding:0 1px 5px}.page-title h2{font:800 23px Manrope;margin:7px 0 5px;letter-spacing:-.7px}.page-title p{font-size:12px;color:#7a879a;margin:0}.workspace-content h3{font-size:15px}.workspace-content .notice{border:1px solid #dfe8ff;background:#eef3ff;color:#3b568b;line-height:1.65}.workspace-content input,.workspace-content select,.workspace-content textarea{background:#fbfcfe}.workspace-content .primary{background:linear-gradient(110deg,#245fe4,#3c7cf6);box-shadow:0 5px 13px #2463eb20}.workspace-content .secondary{background:#fff}.workspace-content .tablewrap{border:1px solid #edf0f5;border-radius:10px}.workspace-content table{min-width:600px}.workspace-content th{background:#f5f7fb}.workspace-content .formgrid{gap:0 16px}
@media(max-width:1000px){.workspace-layout{grid-template-columns:205px minmax(0,1fr);gap:14px}.dash-wrap.redesigned{padding:20px 16px}.side-nav{padding:12px 8px}.nav-item{padding:11px 8px;font-size:11px}.workspace-content{grid-template-columns:1fr}.workspace-content>.panel{grid-column:1/-1}}
@media(max-width:700px){.workspace-layout{grid-template-columns:1fr}.side-nav{position:static;min-height:0;padding:12px}.side-label,.side-user,.side-footer{display:none}#pageNav{display:flex;overflow:auto;gap:6px;padding-bottom:2px}.nav-item{flex:0 0 auto;width:auto;white-space:nowrap;padding:10px 12px}.nav-item.active{box-shadow:inset 0 -3px #2d67eb}.nav-chevron{display:none}.nav-icon{width:auto}.redesigned .dash-head{align-items:flex-start}.head-actions{width:100%;justify-content:space-between}.workspace-content .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-content>.panel{padding:16px}.page-title h2{font-size:21px}}
@media(max-width:420px){.dash-wrap.redesigned{padding:14px 10px}.workspace-content .stats{gap:8px}.workspace-content .stat{padding:13px}.workspace-content .stat strong{font-size:22px}.ist-pill{padding:9px}.redesigned .dash-head h1{font-size:22px}}


/* Interface refresh v2: refined contrast, spacing, focus states and responsive tables */
:root{--navy:#101d33;--blue:#245fe4;--ink:#17263d;--muted:#718096;--line:#e3e9f2;--bg:#f4f7fb;--green:#0eaa78;--radius:14px}
html{scroll-behavior:smooth}body{font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}
button:focus-visible,[role=button]:focus-visible{outline:3px solid #6b95ff;outline-offset:2px}
.primary{font-weight:750;letter-spacing:.1px;min-height:43px}.primary:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 8px 18px #2463eb2b}.secondary:hover{border-color:#b7c8ec;background:#f7f9ff}.text-btn{font-weight:700}
.login-card{box-shadow:0 24px 70px #162b4814;border-radius:24px}.login-card input{min-height:46px}.login-card .primary{margin-top:18px}
.trust{border:1px solid #e7ecf4;border-radius:16px;background:#fff;box-shadow:0 8px 26px #172b4807}.trust div{padding:20px 24px}.trust b{color:#245fe4;font-size:11px;letter-spacing:1px}
.dash-wrap.redesigned{padding-top:30px}.redesigned .dash-head{gap:18px}.redesigned .dash-head h1{font-weight:800}.side-nav{box-shadow:0 12px 32px #172b4809}.nav-item{min-height:42px}.nav-item.active{font-weight:750}.side-footer{border-top:1px solid #edf1f6}
.workspace-content>.panel{box-shadow:0 8px 28px #172b4808;transition:box-shadow .18s ease,border-color .18s ease}.workspace-content>.panel:hover{border-color:#d8e2f2;box-shadow:0 12px 32px #172b480d}
.workspace-content h3{font-weight:800;letter-spacing:-.15px}.workspace-content input,.workspace-content select,.workspace-content textarea{min-height:42px;border-radius:10px}.workspace-content textarea{min-height:100px}.workspace-content label{font-weight:750;color:#42516a}.workspace-content .primary{border-radius:10px}
.stats{gap:14px}.stat{border:1px solid #e7ecf4!important;background:linear-gradient(145deg,#fff,#fbfcff)!important}.stat strong{letter-spacing:-.7px}.stat small{font-weight:650;letter-spacing:.15px}
.tablewrap{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.workspace-content table{border-collapse:separate;border-spacing:0;min-width:640px}.workspace-content th{position:sticky;top:0;z-index:1;color:#56657b;font-size:10px;letter-spacing:.65px;text-transform:uppercase;background:#f6f8fc;border-bottom:1px solid #e6ebf3}.workspace-content td{font-size:12px;vertical-align:middle}.workspace-content tbody tr:hover td{background:#f8faff}.workspace-content td,.workspace-content th{padding:13px 14px}.tag{display:inline-flex;align-items:center;white-space:nowrap;font-weight:750;border:1px solid #dce6ff}
.notice{border-radius:12px;line-height:1.65}.error{border-radius:10px}.formmsg{line-height:1.6}.page-title{margin-bottom:7px}
@media(max-width:700px){.topbar{height:66px;padding:0 16px}.brand strong{font-size:12px}.brand small{font-size:8px;letter-spacing:1.4px}.topright{gap:5px}.hero{padding:0 16px}.hero h1{font-size:clamp(39px,10vw,48px)}.trust{border-radius:14px}.trust div{padding:15px 12px}.dash-wrap.redesigned{padding-top:18px}.redesigned .dash-head{flex-direction:column}.head-actions{flex-wrap:wrap}.workspace-content>.panel{border-radius:13px}.workspace-content table{min-width:580px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


/* UI cleanup: hide visible scrollbar tracks throughout the application while preserving horizontal touch/trackpad scrolling where tables need it. */
.tablewrap, .workspace-content .tablewrap { scrollbar-width: none; -ms-overflow-style: none; }
.tablewrap::-webkit-scrollbar, .workspace-content .tablewrap::-webkit-scrollbar { display: none; width: 0; height: 0; background: transparent; }