:root{
  --ui-bg:#0f1724;--ui-surface:#182538;--ui-surface-2:#1e2d42;--ui-surface-3:#24364d;
  --ui-border:#2e435c;--ui-text:#edf3f8;--ui-muted:#91a6bc;--ui-primary:#7089e8;
  --ui-primary-strong:#526fe0;--ui-success:#4ade80;--ui-warning:#f5c96b;--ui-danger:#f87171;
  --ui-radius:14px;--ui-shadow:0 10px 30px rgba(2,8,23,.24)
}
body.app-ui{background:var(--ui-bg);color:var(--ui-text)}
body.app-ui #main{background:radial-gradient(circle at 85% 0,rgba(67,94,190,.08),transparent 28%),var(--ui-bg);min-height:100vh}
body.app-ui #main>header{margin-bottom:1rem!important}
body.app-ui #main>.page-content,body.app-ui #main>.container,body.app-ui #main>.container-fluid{max-width:1600px;margin-left:auto;margin-right:auto}
body.app-ui,body.app-ui #app,body.app-ui #main{max-width:100%;overflow-x:hidden}
body.app-ui #main .page-heading,body.app-ui #main .page-title,body.app-ui #main .page-content,body.app-ui #main section,body.app-ui #main form{min-width:0;max-width:100%}
body.app-ui #main .page-heading>.page-title>.row,
body.app-ui #main .page-content>.row,
body.app-ui #main .page-content>*:not(.table-responsive):not(.ui-table-scroll)>.row{margin-left:0;margin-right:0}
body.app-ui #main .row>*{min-width:0}
body.app-ui #main img,body.app-ui #main video,body.app-ui #main iframe{max-width:100%}
body.app-ui #main h1,body.app-ui #main h2,body.app-ui #main h3,body.app-ui #main h4,body.app-ui #main h5,body.app-ui #main h6{overflow-wrap:anywhere}
body.app-ui .page-title h3,body.app-ui .page-heading h3{color:var(--ui-text)}
body.app-ui .text-muted,body.app-ui .text-subtitle{color:var(--ui-muted)!important}

/* Shared cards, forms and data surfaces used by legacy and new pages. */
body.app-ui #main .card{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);overflow:hidden}
body.app-ui #main .card .card-header{background:rgba(12,21,34,.34);border-bottom:1px solid var(--ui-border);padding:1rem 1.1rem}
body.app-ui #main .card .card-header~.card-body{padding-top:1rem}
body.app-ui #main .card .card-title,body.app-ui #main .card h1,body.app-ui #main .card h2,body.app-ui #main .card h3,body.app-ui #main .card h4,body.app-ui #main .card h5,body.app-ui #main .card h6{color:var(--ui-text)}
body.app-ui #main .form-label,body.app-ui #main .form-check-label,body.app-ui #main label{color:#cbd9e7}
body.app-ui #main .form-control,body.app-ui #main .form-select,body.app-ui #main .input-group-text{background:#111c2c;color:var(--ui-text);border-color:#354d69}
body.app-ui #main .form-control::placeholder{color:#6f859d}
body.app-ui #main .form-control:focus,body.app-ui #main .form-select:focus{background:#152238;color:#fff;border-color:var(--ui-primary);box-shadow:0 0 0 .2rem rgba(112,137,232,.16)}
body.app-ui #main .form-select option{background:#172438;color:var(--ui-text)}
body.app-ui #main .form-text,body.app-ui #main small{color:var(--ui-muted)}
body.app-ui #main .alert-light{background:#1d2b3e;color:var(--ui-muted);border-color:var(--ui-border)}
body.app-ui #main .table{--bs-table-bg:transparent;--bs-table-color:#dbe7f2;--bs-table-border-color:#2d425a;color:#dbe7f2;margin-bottom:0}
body.app-ui #main .table thead th{background:#142033;color:#afc1d4;border-color:#2d425a;white-space:nowrap;font-size:.74rem;letter-spacing:.01em}
body.app-ui #main .table tbody td{border-color:#263a50;vertical-align:middle}
body.app-ui #main .table tbody tr:hover>*{background:rgba(112,137,232,.07);color:#fff}
body.app-ui #main .dataTables_wrapper,body.app-ui #main .dt-container{max-width:100%;color:var(--ui-muted)}
body.app-ui #main .dt-layout-table,body.app-ui #main .dataTables_scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
body.app-ui #main .table-responsive{min-height:0!important;max-width:100%}
body.app-ui #main .dt-layout-row{min-width:0;gap:.65rem;align-items:center}
body.app-ui #main .dt-search input{max-width:100%}
.ui-table-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0 0 var(--ui-radius) var(--ui-radius)}
.ui-table-scroll:focus{outline:2px solid rgba(112,137,232,.55);outline-offset:-2px}
.ui-table-scroll>.table,.ui-table-scroll>.instr-detail-table{min-width:680px}
.ui-has-sticky-actions .support-widget-btn{bottom:94px}
.ui-has-sticky-actions .support-widget-panel{bottom:162px;max-height:calc(100vh - 180px)}
body.app-ui #main .pagination .page-link{background:#19283b;border-color:#30465f;color:#afc2d6}
body.app-ui #main .pagination .active>.page-link{background:var(--ui-primary-strong);border-color:var(--ui-primary-strong);color:#fff}
body.app-ui #main .dropdown-menu:not(.user-dropdown-menu){background:#1b293c;border:1px solid #354b65;box-shadow:0 14px 34px rgba(0,0,0,.36)}
body.app-ui #main .dropdown-item{color:#c9d6e3}
body.app-ui #main .dropdown-item:hover,body.app-ui #main .dropdown-item:focus{background:#293b53;color:#fff}

/* Global task launcher. */
.ui-command-trigger{display:flex;align-items:center;gap:.5rem;min-width:210px;max-width:320px;height:38px;padding:0 .65rem;border:1px solid #334a64;border-radius:10px;background:#152236;color:#9fb2c6;font-size:.73rem;text-align:left;transition:.16s}
.ui-command-trigger:hover{background:#1d2d43;color:#fff;border-color:#526f96}.ui-command-trigger>span{flex:1}.ui-command-trigger kbd{font:600 .61rem/1.4 Inter,sans-serif;color:#8ea4bb;background:#0f1928;border:1px solid #30435a;border-radius:5px;padding:.1rem .3rem}
.ui-command-overlay{position:fixed;inset:0;z-index:2000;background:rgba(3,8,18,.72);backdrop-filter:blur(7px);display:none;align-items:flex-start;justify-content:center;padding:8vh 1rem 1rem}
.ui-command-overlay.open{display:flex}.ui-command-dialog{width:min(720px,100%);max-height:min(78vh,760px);display:flex;flex-direction:column;background:#131f30;border:1px solid #354b65;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.55);overflow:hidden}
.ui-command-search{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-bottom:1px solid #2b4058}.ui-command-search i{color:#8299b0;font-size:1.05rem}.ui-command-search input{flex:1;background:transparent;border:0;outline:0;color:#f2f6fa;font-size:1rem}.ui-command-search input::placeholder{color:#748ba3}.ui-command-close{border:1px solid #35495f;background:#1b2a3c;color:#9fb2c6;border-radius:7px;padding:.25rem .45rem;font-size:.66rem}
.ui-command-results{overflow-y:auto;padding:.65rem}.ui-command-group-title{padding:.5rem .55rem .28rem;color:#7087a0;font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.ui-command-item{display:flex;align-items:center;gap:.72rem;padding:.66rem .7rem;color:#cbd8e5;text-decoration:none;border-radius:10px}.ui-command-item:hover,.ui-command-item.active{background:#22344b;color:#fff}.ui-command-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(112,137,232,.12);color:#9eb1f5;flex-shrink:0}.ui-command-copy{min-width:0;flex:1}.ui-command-copy strong{display:block;color:inherit;font-size:.78rem}.ui-command-copy small{display:block;color:#7f95aa;font-size:.66rem;margin-top:.08rem}.ui-command-key{font-size:.61rem;color:#6f8499}.ui-command-empty{display:none;text-align:center;padding:2rem;color:#7f95aa;font-size:.78rem}.ui-course-command-group[hidden]{display:none!important}

/* Navigation and action bars collapse predictably on narrow screens. */
.ui-scroll-row{display:flex;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ui-sticky-actions{position:sticky;bottom:.65rem;z-index:30;background:rgba(18,29,45,.94);backdrop-filter:blur(10px);border:1px solid #354b65;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.32)}
@media(max-width:1199.98px){body.app-ui #main{padding:0 1rem}.ui-command-trigger{min-width:0;width:42px;justify-content:center}.ui-command-trigger>span,.ui-command-trigger kbd{display:none}}
@media(max-width:767.98px){body.app-ui #main{padding:0 .65rem}.ui-command-overlay{padding:3vh .5rem .5rem}.ui-command-dialog{max-height:92vh;border-radius:14px}.ui-command-copy small{white-space:normal}.page-heading-container .breadcrumb-item:not(:first-child):not(:last-child){display:none}.page-heading-container nav{min-width:0;flex:1;overflow:hidden}.page-heading-container .breadcrumb{flex-wrap:nowrap;overflow:hidden}.page-heading-container .breadcrumb-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{min-height:38px}body.app-ui #main .page-heading{margin-bottom:1.1rem}body.app-ui #main .page-heading h3{font-size:1.35rem}body.app-ui #main .dt-layout-row{display:grid!important;grid-template-columns:minmax(0,1fr);margin-left:0!important;margin-right:0!important}body.app-ui #main .dt-layout-cell{width:100%!important;max-width:100%;padding-left:0!important;padding-right:0!important}body.app-ui #main .dt-search,body.app-ui #main .dt-length{text-align:left!important}body.app-ui #main .dt-search label,body.app-ui #main .dt-length label{display:flex;align-items:center;gap:.45rem;max-width:100%}body.app-ui #main .dt-search input{width:100%!important;margin-left:0!important}.modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}}
@media(max-width:420px){body.app-ui #main{padding:0 .4rem}.ui-command-trigger{width:38px;height:36px}.page-heading-container .avatar{margin-right:0!important}}
@media(max-width:480px){.ui-has-sticky-actions .support-widget-btn{bottom:84px}.ui-has-sticky-actions .support-widget-panel{bottom:148px;max-height:calc(100vh - 164px)}}
