:root{--navy:#0c1830;--ink:#17243b;--muted:#6b7a91;--line:#e4eaf2;--accent:#087ca3}
html,body{height:100%;margin:0;background:#f3f6fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:#f3f6fb}
.sidebar{background:#101c34!important;color:#e8f1ff!important;border-right:1px solid #22324d}
.sidebar nav a{color:#aebbd1;transition:background .16s,color .16s}
.sidebar nav a:hover{background:#1b2d49!important;color:white!important}
.sidebar nav a.nav-active{background:#1d3653!important;color:#fff!important;box-shadow:inset 3px 0 #2bd2e9}
.app-header{background:#fff!important;border-bottom:1px solid var(--line)!important}
.content-scroll{background:#f3f6fb!important}
.content-scroll .bg-white{background:white!important}
.content-scroll .bg-gray-50,.content-scroll .bg-gray-100{background:#f3f6fb!important}
.content-scroll .text-gray-900,.content-scroll .text-gray-800,.content-scroll .text-gray-700{color:#24324a!important}
.content-scroll .text-gray-600,.content-scroll .text-gray-500{color:#75849a!important}
.content-scroll input,.content-scroll select,.content-scroll textarea{background:#fff!important;color:#17243b!important;border-color:#dce4ed!important}
.content-scroll .rounded-lg{border-radius:12px}
.content-scroll .shadow-sm{box-shadow:0 5px 20px rgba(22,38,65,.045)}
.content-scroll .bg-blue-600{background:#087ca3!important}
.content-scroll .bg-blue-600:hover{background:#086888!important}
.surface{background:white;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 6px 22px rgba(20,38,70,.035)}
.stat-tile{background:#fff;border:1px solid #e3e9f2;border-radius:14px;padding:18px;transition:box-shadow .18s,transform .18s}
.stat-tile:hover{box-shadow:0 10px 26px rgba(18,40,68,.09);transform:translateY(-1px)}
.quick-link{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid #e8edf4;border-radius:12px;color:#263954;background:#fff;transition:background .15s,border-color .15s}
.quick-link:hover{background:#f5fbfd;border-color:#a4dce7}
.sidebar{transform:translateX(-100%);transition:transform .25s}
.sidebar-open{transform:translateX(0)}
.overlay{opacity:0;visibility:hidden;transition:opacity .2s}
.overlay-open{opacity:1;visibility:visible}
@media(min-width:1024px){.sidebar{transform:translateX(0)}.overlay{display:none}}


/* CEDECSI Control Center — independent dark cockpit theme */
.content-scroll.cockpit{background:#090f1e!important;color:#e9f2ff!important;background-image:radial-gradient(ellipse at 65% -25%,rgba(18,125,181,.17),transparent 50%)!important}
.cockpit *{box-sizing:border-box}
.cockpit-wrap{max-width:1500px;margin:0 auto;padding:19px 22px 16px}
.cockpit-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.cockpit .eyebrow{color:#45c7ef;font-size:10px;font-weight:800;letter-spacing:.19em;display:flex;align-items:center;gap:9px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22e2ae;box-shadow:0 0 12px #22e2ae80;vertical-align:middle;margin-right:6px}
.cockpit-hero h2{font-size:25px;letter-spacing:-.045em;line-height:1.2;font-weight:850;color:#fff;margin:6px 0}
.cockpit-hero h2 span{color:#43d7f4}
.cockpit-hero p{font-size:12px;color:#8ea5c1}
.hero-side{display:flex;align-items:center;gap:10px}
.hero-date{color:#9fb6d1;background:#101d32;border:1px solid #253a57;padding:10px 13px;border-radius:9px;font-size:11px;white-space:nowrap}
.hero-action{display:inline-block;background:linear-gradient(120deg,#1372cf,#0aa6bc);border:1px solid #2598db;color:#fff!important;font-weight:700;padding:10px 16px;border-radius:9px;font-size:11px;white-space:nowrap;box-shadow:0 7px 22px #0789cb2e}
.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}
.kpi{min-height:100px;background:linear-gradient(135deg,#14233b,#101b2f);border:1px solid #273954;border-radius:13px;padding:17px 16px;display:flex;align-items:center;gap:13px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
.kpi:hover{transform:translateY(-2px);border-color:#3b83ad}
.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--tone)}
.kpi-cyan{--tone:#22d3ee}.kpi-violet{--tone:#a78bfa}.kpi-green{--tone:#2ce4b2}.kpi-orange{--tone:#ffb454}
.kpi-icon{width:42px;height:42px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;color:var(--tone);font-size:24px;background:color-mix(in srgb,var(--tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 18%,transparent)}
.kpi-label{font-size:10px;letter-spacing:.1em;color:#a6b8d1;font-weight:700}
.kpi-value{font-size:29px;font-weight:850;line-height:1.2;color:#fff;letter-spacing:-.04em;margin-top:4px}
.kpi-arrow{position:absolute;right:15px;top:12px;color:#57708d;font-size:15px}
.cockpit-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:13px}
.cockpit-panel{min-width:0;background:#111d31;border:1px solid #283a54;border-radius:13px;overflow:hidden;box-shadow:0 10px 35px #0002}
.panel-head{padding:14px 17px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #253750}
.panel-kicker{font-size:9px;font-weight:800;letter-spacing:.17em;color:#4dc5e6;margin-bottom:4px}
.panel-head h3{font-size:14px;font-weight:750;color:#f1f7ff;line-height:1.2}
.panel-head a{font-size:10px;color:#5bd7fa;white-space:nowrap}
.panel-symbol{font-size:18px;color:#51d4ef}
.table-scroll{overflow-x:auto}
.data-grid{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}
.data-grid thead{background:#17263c}
.data-grid th{font-size:9px;letter-spacing:.08em;color:#738fad;text-align:left;padding:10px 12px}
.data-grid td{padding:10px 12px;color:#c7d7e9;border-top:1px solid #223149}
.data-grid tbody tr:hover{background:#192a42}
.data-grid .course-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}
.data-grid .date-cell{color:#8da3be}
.code-tag{color:#64d8f5;font-weight:700}
.state-pill{display:inline-block;font-size:9px;font-weight:750;border-radius:5px;padding:4px 7px}
.state-paid{color:#4ee2ad;background:#123e36}.state-cancel{color:#ff8c9e;background:#462a3b}.state-pending{color:#ffcc75;background:#403623}
.empty-data{padding:25px;text-align:center;color:#7d92af;font-size:11px}
.status-content{display:flex;align-items:center;justify-content:center;gap:26px;padding:23px 16px}
.status-ring{width:142px;height:142px;flex-shrink:0;border-radius:50%;background:conic-gradient(#25a8ed 0% var(--active),#334661 var(--active) 100%);display:grid;place-items:center;box-shadow:0 0 30px #168cd122}
.status-ring-center{width:105px;height:105px;border-radius:50%;background:#111d31;display:flex;flex-direction:column;align-items:center;justify-content:center}
.status-ring-center strong{font-size:30px;color:#fff;line-height:1.2}
.status-ring-center span{font-size:10px;color:#8fa4c0;letter-spacing:.12em}
.status-legend{min-width:120px;flex:1;max-width:190px}
.status-legend>div:not(.status-foot){display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #263650;font-size:11px;color:#b2c4dc}
.status-legend b{color:#fff}
.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}
.legend-dot.active{background:#25a8ed}.legend-dot.inactive{background:#6a7e9c}
.status-foot{font-size:10px;color:#667f9f;padding-top:15px}
.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:13px}
.action-grid a{display:flex;flex-direction:column;align-items:flex-start;min-height:99px;gap:9px;position:relative;border:1px solid #2c405d;border-radius:10px;background:linear-gradient(135deg,#182840,#122038);padding:11px;color:#dce8f7;font-size:10px;font-weight:650}
.action-grid a:hover{border-color:#41c6e6;background:#203650}
.action-grid a b{position:absolute;right:10px;top:10px;color:#6286ad}
.action-glyph{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:20px}
.action-glyph.cyan{background:#0e3c54;color:#4cd8f5}.action-glyph.violet{background:#312b5a;color:#ba9aff}.action-glyph.green{background:#123f38;color:#45e4b0}.action-glyph.orange{background:#463626;color:#ffba65}
.course-list{padding:0 16px}
.course-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #253650;padding:10px 0}
.course-row:last-child{border-bottom:0}
.course-mark{width:6px;height:6px;border-radius:50%;background:#25c8e5;box-shadow:0 0 8px #25c8e566;flex-shrink:0}
.course-info{min-width:0;flex:1}
.course-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#d9e8f7;font-weight:650}
.course-info small{display:block;color:#7c94b0;font-size:10px;margin-top:2px}
.course-status{font-size:9px;font-weight:700;color:#57dfb1;background:#133b35;border-radius:5px;padding:5px 7px}
.cockpit-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 3px 0;font-size:9px;color:#637e9e;letter-spacing:.1em}
@media(max-width:1150px){.cockpit-grid{grid-template-columns:1fr}.status-content{padding:16px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.cockpit-wrap{padding:14px}.cockpit-hero h2{font-size:20px}.cockpit-hero{align-items:flex-start;flex-direction:column}.hero-side{width:100%;justify-content:space-between}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px;min-height:82px}.kpi-value{font-size:24px}.kpi-icon{width:34px;height:34px;font-size:18px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-footer{flex-direction:column}.status-content{gap:15px}}


/* NEXUS: standalone bento dashboard; older shared module styles remain intact */
html:has(.nexus-page),body.nexus-page{height:auto!important;min-height:100%;overflow:auto!important}
body.nexus-page{background:#f4f6fa!important;color:#14213b!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.nexus-page *{box-sizing:border-box}
.nexus-nav{height:66px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,48px);gap:22px;border-bottom:1px solid #e2e7ef;position:sticky;top:0;z-index:50}
.nexus-brand{display:flex;align-items:center;gap:10px;min-width:165px;text-decoration:none}
.nexus-brand-mark{width:37px;height:37px;border-radius:11px;background:#12233e;color:white;font-weight:900;display:grid;place-items:center;font-size:22px;position:relative}
.nexus-brand-mark span{font-size:8px;color:#42e0d1;position:absolute;bottom:6px;right:5px}
.nexus-brand strong{display:block;color:#152442;font-size:15px;letter-spacing:.04em;line-height:1.1}
.nexus-brand small{display:block;color:#7c8ba1;font-size:9px;letter-spacing:.18em;margin-top:4px}
.nexus-links{display:flex;align-items:center;gap:4px;height:100%}
.nexus-links a{font-size:12px;font-weight:650;color:#65748b;padding:10px 13px;border-radius:8px;white-space:nowrap}
.nexus-links a:hover{background:#edf3fa;color:#173657}
.nexus-links a.is-active{background:#e8f7f7;color:#087c83}
.nexus-profile{display:flex;align-items:center;gap:11px}
.nexus-role{text-align:right;white-space:nowrap}
.nexus-role strong{display:block;font-size:11px;color:#22314b}
.nexus-role small{display:block;font-size:10px;color:#8c99ad}
.nexus-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#dce9f9;color:#164a8a;font-weight:800;font-size:12px}
.nexus-logout{font-size:11px;color:#8493a8}
.nexus-mobile-nav{display:none}
.nexus-main{max-width:1480px;margin:auto;padding:27px clamp(16px,3vw,44px) 16px}
.nexus-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px}
.nexus-overline,.nexus-section-label{font-size:9px;letter-spacing:.18em;font-weight:800;color:#0b8f96}
.nexus-overline{display:flex;align-items:center;gap:6px}
.nexus-dot{width:7px;height:7px;border-radius:50%;background:#13bda5;display:inline-block;box-shadow:0 0 0 3px #13bda51b}
.nexus-intro h1{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.05em;line-height:1.1;color:#17243e;font-weight:850;margin:8px 0 5px}
.nexus-spark{font-size:20px;color:#11aeb8;margin-left:9px;vertical-align:top}
.nexus-intro p{font-size:12px;color:#7a889d}
.nexus-intro-tools{display:flex;align-items:center;gap:10px}
.nexus-date{font-size:11px;color:#66788e;border:1px solid #dfe6ef;background:#fff;border-radius:9px;padding:11px 13px;white-space:nowrap}
.nexus-primary{background:#172e4d;color:white!important;padding:12px 16px;border-radius:9px;font-size:11px;font-weight:750;white-space:nowrap}
.nexus-primary:hover{background:#087c83}
.nexus-bento{display:grid;grid-template-columns:1.25fr 1.05fr .85fr;gap:14px;align-items:stretch}
.nexus-bento>section,.nexus-bento>a.nexus-highlight{border-radius:17px;min-width:0}
.nexus-feature{grid-column:span 2;background:#152b47;color:#fff;padding:22px 25px;position:relative;overflow:hidden;min-height:215px}
.nexus-feature:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;right:-105px;top:-135px;background:radial-gradient(circle,#36d9ce2e,transparent 67%);pointer-events:none}
.nexus-feature-head{display:flex;justify-content:space-between;align-items:start}
.nexus-feature .nexus-section-label{color:#54d9d3}
.nexus-feature h2{font-size:19px;font-weight:750;margin-top:5px;letter-spacing:-.03em}
.nexus-feature-symbol{font-size:32px;color:#41c7c5}
.nexus-feature-numbers{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px}
.nexus-feature-numbers>div{border-right:1px solid #ffffff24;padding-left:21px}
.nexus-feature-numbers>div:first-child{padding-left:0}
.nexus-feature-numbers>div:last-child{border-right:0}
.nexus-feature-numbers span,.nexus-feature-numbers small{display:block;color:#a8c2d6;font-size:11px}
.nexus-feature-numbers strong{display:block;font-size:35px;letter-spacing:-.06em;line-height:1.3;color:white}
.nexus-feature-numbers small{font-size:10px}
.nexus-feature-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff20;padding-top:13px;margin-top:20px;gap:10px;font-size:10px;color:#9eb6cc}
.nexus-feature-bottom a{color:#5ee4dd}
.nexus-highlight{background:#dcf4ed;border:1px solid #b5e5d9;padding:22px 22px 17px;color:#144c45;display:flex;flex-direction:column;min-height:215px}
.nexus-highlight-top{display:flex;justify-content:space-between;font-size:10px;font-weight:850;letter-spacing:.12em}
.nexus-highlight-top span:last-child{font-size:19px}
.nexus-highlight strong{font-size:65px;letter-spacing:-.075em;line-height:1.15;color:#0c675d;margin-top:7px}
.nexus-highlight p{font-size:12px;font-weight:700}
.nexus-highlight-track{height:5px;border-radius:10px;background:#b6ded2;margin:19px 0 12px}
.nexus-highlight-track span{display:block;height:100%;width:64%;border-radius:10px;background:#0ca98f}
.nexus-highlight small{font-size:10px;color:#2c8172}
.nexus-feed{grid-column:span 2;background:#fff;border:1px solid #e3e8f0;min-height:290px}
.nexus-tools{grid-column:span 1;background:#fff;border:1px solid #e3e8f0}
.nexus-courses{grid-column:span 2;background:#fff;border:1px solid #e3e8f0}
.nexus-students{grid-column:span 1;background:#fff;border:1px solid #e3e8f0}
.nexus-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px 13px;border-bottom:1px solid #edf0f5}
.nexus-panel-title h2{font-size:15px;font-weight:780;color:#172943;margin-top:3px}
.nexus-panel-title a{font-size:10px;font-weight:750;color:#087f91;white-space:nowrap}
.nexus-feed-list{padding:0 18px}
.nexus-feed-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eff2f6}
.nexus-feed-item:last-child{border-bottom:0}
.nexus-feed-index{color:#93a5ba;font-size:10px;font-weight:800;width:19px}
.nexus-feed-person{flex:1;min-width:0}
.nexus-feed-person strong{display:block;font-size:11px;color:#24324a;font-weight:750}
.nexus-feed-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#8492a5;margin-top:2px}
.nexus-feed-date{font-size:10px;color:#8c9aab;white-space:nowrap}
.nexus-feed-status{font-size:9px;font-weight:750;padding:5px 8px;border-radius:6px;min-width:59px;text-align:center}
.nexus-feed-status.is-paid{background:#e4f7ee;color:#09845b}
.nexus-feed-status.is-pending{background:#fff5dd;color:#a7720d}
.nexus-feed-status.is-cancelled{background:#fde9ec;color:#bd3850}
.nexus-tools-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nexus-tools-grid a{border:1px solid #e5ebf2;background:#f9fbfd;border-radius:12px;min-height:98px;padding:13px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;position:relative}
.nexus-tools-grid a:hover{border-color:#6dcbd0;background:#f0fbfb}
.nexus-tools-grid strong{font-size:11px;color:#293850;font-weight:750}
.nexus-tools-grid a>span:last-child{position:absolute;top:12px;right:12px;color:#8aa0b7}
.nexus-tool-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;font-size:18px}
.nexus-tool-icon.blue{background:#e4efff;color:#2671d8}
.nexus-tool-icon.purple{background:#efe9ff;color:#7c51d5}
.nexus-tool-icon.teal{background:#dff8f0;color:#0d997d}
.nexus-tool-icon.gold{background:#fff2dd;color:#bd8526}
.nexus-course-list{padding:3px 19px}
.nexus-course-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f5;padding:11px 0}
.nexus-course-item:last-child{border:0}
.nexus-course-bullet{width:7px;height:7px;border-radius:50%;background:#13a4b5;flex-shrink:0}
.nexus-course-item>div{min-width:0;flex:1}
.nexus-course-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#25354d;font-weight:750}
.nexus-course-item small{font-size:10px;color:#8a99ad}
.nexus-course-state{font-size:9px;color:#147b66;background:#e7f7ef;padding:5px 8px;border-radius:6px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
.nexus-students-body{display:flex;align-items:center;justify-content:center;gap:19px;padding:19px 15px}
.nexus-meter{width:112px;height:112px;border-radius:50%;background:conic-gradient(#13a9a2 0 var(--pct),#dfe6ee var(--pct) 100%);display:grid;place-items:center;flex-shrink:0}
.nexus-meter>div{background:white;width:81px;height:81px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.nexus-meter strong{font-size:26px;line-height:1.2;color:#20334d}
.nexus-meter small{font-size:9px;letter-spacing:.1em;color:#91a0b2}
.nexus-student-breakdown{flex:1;max-width:145px}
.nexus-student-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e7ecf3;font-size:11px;color:#728197}
.nexus-student-breakdown b{color:#263a55}
.nexus-legend{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.nexus-legend.is-blue{background:#13a9a2}.nexus-legend.is-gray{background:#c5d0dd}
.nexus-empty{padding:25px;text-align:center;color:#7d8da1;font-size:11px}
.nexus-footer{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:9px;color:#95a2b4;letter-spacing:.07em}
@media(max-width:1180px){.nexus-links a{padding:9px 7px;font-size:11px}.nexus-role{display:none}.nexus-bento{grid-template-columns:1fr 1fr}.nexus-feature{grid-column:span 2}.nexus-highlight{grid-column:span 2;min-height:160px}.nexus-feed{grid-column:span 2}.nexus-tools{grid-column:span 1}.nexus-courses{grid-column:span 1}.nexus-students{grid-column:span 2}}
@media(max-width:800px){.nexus-nav{height:61px}.nexus-links{display:none}.nexus-mobile-nav{display:flex;overflow-x:auto;background:#fff;border-bottom:1px solid #e2e7ef;padding:8px 12px;gap:7px}.nexus-mobile-nav a{font-size:11px;color:#566c84;white-space:nowrap;background:#f2f5f9;border-radius:7px;padding:8px 10px}.nexus-intro{flex-direction:column;align-items:flex-start}.nexus-main{padding:19px 14px}.nexus-bento{grid-template-columns:1fr}.nexus-feature,.nexus-highlight,.nexus-feed,.nexus-tools,.nexus-courses,.nexus-students{grid-column:span 1}.nexus-highlight{min-height:180px}.nexus-feature{padding:20px}.nexus-feature-numbers strong{font-size:29px}}
@media(max-width:420px){.nexus-profile{gap:7px}.nexus-logout{display:none}.nexus-intro-tools{width:100%;justify-content:space-between}.nexus-students-body{gap:11px}.nexus-feed-date{display:none}.nexus-feed-item{gap:7px}.nexus-feature-bottom{font-size:9px}}


/* CEDECSI compact mode for all traditional module views.
   Scoped to the module content so desktop/login styles remain independent. */
.content-scroll{font-size:13px}
.content-scroll .p-8{padding:1.25rem!important}
.content-scroll .p-6{padding:1rem!important}
.content-scroll .p-5{padding:.875rem!important}
.content-scroll .p-4{padding:.75rem!important}
.content-scroll .px-6{padding-left:1rem!important;padding-right:1rem!important}
.content-scroll .py-4{padding-top:.65rem!important;padding-bottom:.65rem!important}
.content-scroll .mb-8{margin-bottom:1.25rem!important}
.content-scroll .mb-6{margin-bottom:1rem!important}
.content-scroll .mb-4{margin-bottom:.75rem!important}
.content-scroll .mt-6{margin-top:1rem!important}
.content-scroll .gap-8{gap:1.25rem!important}
.content-scroll .gap-6{gap:1rem!important}
.content-scroll .gap-4{gap:.75rem!important}
.content-scroll h1.text-3xl{font-size:1.55rem!important;line-height:1.25!important}
.content-scroll h2.text-2xl{font-size:1.3rem!important;line-height:1.3!important}
.content-scroll input:not([type=checkbox]):not([type=radio]),.content-scroll select{min-height:36px;font-size:13px}
.content-scroll textarea{font-size:13px}
.content-scroll table{font-size:12px}
.content-scroll th,.content-scroll td{padding-top:.55rem!important;padding-bottom:.55rem!important}
.content-scroll button,.content-scroll a{transition-duration:.15s}
.content-scroll .surface{border-radius:12px}
.content-scroll .stat-tile{padding:12px;border-radius:11px}
.content-scroll .quick-link{padding:10px 12px;gap:9px}
@media(max-width:640px){
.content-scroll .p-8,.content-scroll .p-6{padding:1rem!important}
.content-scroll .px-6{padding-left:.75rem!important;padding-right:.75rem!important}
.content-scroll th,.content-scroll td{padding-top:.6rem!important;padding-bottom:.6rem!important}
}