:root {
    --enterprise-ink: #162338;
    --enterprise-muted: #68788c;
    --enterprise-accent: #087f8c;
    --enterprise-accent-hover: #066976;
    --enterprise-canvas: #f3f6fa;
    --enterprise-surface: #ffffff;
    --enterprise-border: #e2e8f0;
    --enterprise-sidebar: #101f33;
    --enterprise-shadow: 0 4px 24px rgba(27, 46, 74, .045);
    --bs-primary: #087f8c;
    --bs-primary-rgb: 8,127,140;
}
html { scroll-behavior: smooth; }
body { font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif; color: var(--enterprise-ink); background: var(--enterprise-canvas); font-size: .9rem; }
a { color: var(--enterprise-accent); }
a:hover { color: var(--enterprise-accent-hover); }
::selection { background: #bfe9e6; color: #102438; }
:focus-visible { outline: 3px solid #4ac7c2; outline-offset: 3px; }
.skip-link { position: absolute; z-index: 1100; left: 1rem; top: -4rem; padding: .75rem 1rem; background: white; border-radius: .6rem; }
.skip-link:focus { top: .75rem; }
.app-wrapper { min-height: 100vh; }
.app-header { min-height: 76px; border-bottom: 1px solid var(--enterprise-border); box-shadow: none; background: var(--enterprise-surface) !important; padding: .65rem 1.25rem; }
.app-header .nav-link { color: var(--enterprise-muted); }
.workspace-label { display: block; font-size: .68rem; color: var(--enterprise-muted); font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.workspace-title { font-size: .92rem; font-weight: 650; color: var(--enterprise-ink); }
.icon-button { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid var(--enterprise-border); border-radius: 10px; background: var(--enterprise-surface); color: var(--enterprise-muted); }
.icon-button:hover { background: var(--enterprise-canvas); color: var(--enterprise-ink); }
.command-trigger { display: flex; gap: 1rem; align-items: center; min-width: 230px; padding: .6rem .9rem; border: 1px solid var(--enterprise-border); border-radius: 10px; color: var(--enterprise-muted); background: var(--enterprise-canvas); font-size: .8rem; }
.command-trigger kbd { margin-left: auto; background: var(--enterprise-surface); color: var(--enterprise-muted); border: 1px solid var(--enterprise-border); font-family: inherit; font-size: .65rem; }
.app-sidebar { background: var(--enterprise-sidebar) !important; border-right: 0; box-shadow: none !important; }
.sidebar-brand { min-height: 76px; height: 76px; border-bottom: 1px solid rgba(255,255,255,.075); justify-content: flex-start; padding: 0 1.4rem; }
.brand-link { display: flex; align-items: center; gap: .7rem; color: #fff !important; text-decoration: none; }
.brand-symbol { display: grid; place-items: center; width: 35px; height: 37px; background: linear-gradient(145deg,#16a7a8,#087f8c); border-radius: 11px 11px 11px 3px; color: #fff; font-size: .82rem; font-weight: 800; letter-spacing: -.04em; flex: 0 0 auto; }
.brand-name { display: block; font-size: .98rem; font-weight: 700; letter-spacing: -.02em; }
.brand-caption { display: block; font-size: .64rem; color: #90a7c0; letter-spacing: .12em; text-transform: uppercase; margin-top: 1px; }
.sidebar-wrapper { padding: 1.2rem .85rem; overflow-y: auto; }
.sidebar-menu { gap: .18rem; }
.sidebar-menu .nav-link { display: flex; align-items: center; gap: .7rem; border-radius: .55rem; color: #a9bbce; padding: .69rem .85rem; font-size: .82rem; font-weight: 500; }
.sidebar-menu .nav-link p { margin: 0; }
.sidebar-menu .nav-link .nav-icon { width: 1.15rem; margin: 0; font-size: .88rem; color: #7f9bb5; }
.sidebar-menu .nav-link:hover { background: #1a2e46; color: #fff; }
.sidebar-menu .nav-link.active { color: #fff !important; background: #087f8c !important; box-shadow: 0 3px 10px #051d3138; }
.sidebar-menu .nav-link.active .nav-icon { color: #c2f3ed; }
.sidebar-menu .nav-header { color: #718aa4; font-size: .6rem; font-weight: 750; letter-spacing: .15em; padding: 1.4rem .85rem .6rem; }
.sidebar-footer { padding: 1.2rem .9rem .4rem; margin-top: 1rem; border-top: 1px solid #ffffff12; color: #738ca4; font-size: .7rem; line-height: 1.6; }
.sidebar-footer i { color: #41c6b7; margin-right: .35rem; }
.app-main { background: var(--enterprise-canvas); }
.app-content { padding: 1.65rem 1.4rem 2.4rem !important; }
.app-main .content-wrapper { margin: 0 !important; min-height: 0; background: transparent; }
.app-footer { min-height: 52px; background: var(--enterprise-surface); border-top: 1px solid var(--enterprise-border); color: var(--enterprise-muted); font-size: .72rem; padding: 1rem 1.7rem; }
.app-footer strong { color: var(--enterprise-ink); font-weight: 600; }
.page-eyebrow { font-size: .64rem; font-weight: 750; color: var(--enterprise-accent); letter-spacing: .15em; text-transform: uppercase; margin: 0 0 .45rem; }
.page-title, .content-header h1, .content-wrapper > h1 { font-size: 1.65rem; font-weight: 720; letter-spacing: -.035em; margin: 0; color: var(--enterprise-ink); line-height: 1.25; }
.page-description { color: var(--enterprise-muted); margin: .6rem 0 0; font-size: .86rem; max-width: 680px; line-height: 1.6; }
.content-header { padding: 0 0 1.4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.page-actions { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; }
.breadcrumb { font-size: .72rem; margin: 0; --bs-breadcrumb-divider-color: #9cabbc; }
.breadcrumb-item.active { color: var(--enterprise-muted); }
.breadcrumb-item a { color: var(--enterprise-muted); text-decoration: none; }
.surface-card, .card { background: var(--enterprise-surface); border: 1px solid var(--enterprise-border); border-radius: 13px; box-shadow: var(--enterprise-shadow); color: var(--enterprise-ink); overflow: visible; }
.card-header { background: transparent; border-bottom: 1px solid var(--enterprise-border); padding: 1.1rem 1.35rem; }
.card-header .card-title { margin: 0; font-size: .92rem; font-weight: 650; color: var(--enterprise-ink); }
.card-body { padding: 1.35rem; }
.card-footer { background: var(--enterprise-surface); border-top: 1px solid var(--enterprise-border); padding: 1rem 1.35rem; border-radius: 0 0 13px 13px !important; }
.section-heading { font-size: .95rem; font-weight: 700; margin-bottom: .35rem; letter-spacing: -.01em; }
.section-description { font-size: .78rem; color: var(--enterprise-muted); margin-bottom: 1.3rem; }
.metric-card { padding: 1.25rem 1.35rem; height: 100%; position: relative; }
.metric-label { font-size: .75rem; color: var(--enterprise-muted); font-weight: 550; }
.metric-value { font-size: 2rem; font-weight: 750; letter-spacing: -.045em; color: var(--enterprise-ink); line-height: 1.2; margin: .7rem 0 .4rem; }
.metric-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; background: #e4f4f1; color: var(--enterprise-accent); }
.metric-detail { font-size: .72rem; color: var(--enterprise-muted); }
.btn { border-radius: 8px; font-size: .8rem; font-weight: 600; padding: .6rem .95rem; box-shadow: none; }
.btn-sm { padding: .35rem .65rem; font-size: .72rem; border-radius: 6px; }
.btn-primary { --bs-btn-bg: #087f8c; --bs-btn-border-color: #087f8c; --bs-btn-hover-bg: #066976; --bs-btn-hover-border-color: #066976; --bs-btn-active-bg: #065c68; --bs-btn-active-border-color: #065c68; }
.btn-outline-primary { --bs-btn-color: #087f8c; --bs-btn-border-color: #b8d9d9; --bs-btn-hover-bg: #087f8c; --bs-btn-hover-border-color: #087f8c; --bs-btn-active-bg: #066976; --bs-btn-active-border-color: #066976; }
.btn-success { --bs-btn-bg: #087f8c; --bs-btn-border-color: #087f8c; --bs-btn-hover-bg: #066976; --bs-btn-hover-border-color: #066976; }
.btn-secondary { --bs-btn-bg: #fff; --bs-btn-color: #42556e; --bs-btn-border-color: #d5dee9; --bs-btn-hover-bg: #edf2f7; --bs-btn-hover-color: #22364e; --bs-btn-hover-border-color: #c5d0dd; }
.btn-danger { --bs-btn-bg: #fff0ef; --bs-btn-color: #bb403d; --bs-btn-border-color: #ffe0de; --bs-btn-hover-bg: #b93b38; --bs-btn-hover-border-color: #b93b38; --bs-btn-hover-color: #fff; }
.btn-info { --bs-btn-bg: #e7f3f4; --bs-btn-color: #087f8c; --bs-btn-border-color: #d3e9ea; --bs-btn-hover-bg: #087f8c; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #087f8c; }
.form-control, .form-select { min-height: 42px; border-color: #dce4ed; border-radius: 8px; color: var(--enterprise-ink); background-color: var(--enterprise-surface); font-size: .84rem; padding: .6rem .75rem; }
.form-control:focus, .form-select:focus { border-color: #48a9ae; box-shadow: 0 0 0 3px #087f8c15; }
.form-control[readonly] { background: var(--enterprise-canvas); color: var(--enterprise-muted); }
.form-control::placeholder { color: #9aa7b7; }
.form-label, .form-group > label, .col-md-6 > label, .col-md-4 > label, .mb-3 > label { font-size: .74rem; font-weight: 650; margin-bottom: .5rem; color: #465a72; }
.form-group { margin-bottom: 1.2rem; }
.form-text { font-size: .7rem; line-height: 1.55; color: var(--enterprise-muted); }
.field-validation-error { font-size: .72rem; display: block; margin-top: .3rem; }
.input-validation-error { border-color: #d16d6a !important; }
.validation-summary-errors { background: #fff0ef; color: #a33432; border: 1px solid #f4d1cf; border-radius: 8px; padding: .85rem 1rem; margin-bottom: 1rem; font-size: .8rem; }
.validation-summary-errors ul { padding-left: 1.2rem; margin: 0; }
.validation-summary-valid { display: none; }
.status-badge { display: inline-flex; align-items: center; gap: .35rem; font-size: .66rem; font-weight: 650; padding: .32rem .55rem; border-radius: 6px; background: #edf2f7; color: #51657b; white-space: nowrap; }
.status-badge::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status-badge.success { background: #e6f5ee; color: #24734d; }
.status-badge.warning { background: #fff4dc; color: #956512; }
.status-badge.danger { background: #ffebe9; color: #b33e38; }
.table { --bs-table-bg: transparent; --bs-table-color: var(--enterprise-ink); font-size: .79rem; margin-bottom: 0; }
.table > :not(caption) > * > * { border-color: var(--enterprise-border); padding: .9rem 1rem; vertical-align: middle; }
.table > thead { color: #78889b; font-size: .65rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; background: var(--enterprise-canvas); white-space: nowrap; }
.table-dark { --bs-table-bg: var(--enterprise-canvas); --bs-table-color: #78889b; --bs-table-border-color: var(--enterprise-border); }
.table-striped { --bs-table-striped-bg: #f8fafc; --bs-table-striped-color: var(--enterprise-ink); }
.table-bordered > :not(caption) > * { border-width: 0; }
.table-bordered > :not(caption) > * > * { border-left-width: 0; border-right-width: 0; }
.dt-container { overflow-x: auto; }
.dt-container > .row:first-child { margin-bottom: 1.2rem; }
.dt-container > .row:last-child { margin-top: 1rem; }
.dt-container .dt-length, .dt-container .dt-search, .dt-container .dt-info { font-size: .73rem; color: var(--enterprise-muted); }
.dt-container .dt-search input { min-height: 35px; width: 200px; border-radius: 7px; font-size: .76rem; }
.dt-container .dt-length select { min-height: 35px; }
.dt-container .page-link { font-size: .72rem; border-color: var(--enterprise-border); color: var(--enterprise-muted); padding: .45rem .7rem; }
.dt-container .active > .page-link { background: var(--enterprise-accent); border-color: var(--enterprise-accent); color: #fff; }
.empty-state { padding: 2.7rem 1.5rem; text-align: center; color: var(--enterprise-muted); }
.empty-state-icon { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 1rem; border-radius: 14px; background: var(--enterprise-canvas); color: #8ca2b7; font-size: 1.2rem; }
.empty-state h2 { font-size: 1rem; color: var(--enterprise-ink); margin-bottom: .5rem; }
.empty-state p { max-width: 360px; font-size: .8rem; margin: 0 auto 1.2rem; line-height: 1.7; }
.modal-content { background: var(--enterprise-surface); border: 1px solid var(--enterprise-border); border-radius: 14px; box-shadow: 0 24px 80px #0b213238; }
.modal-header { padding: 1.15rem 1.3rem; border-color: var(--enterprise-border); background: transparent !important; color: var(--enterprise-ink) !important; border-radius: 14px 14px 0 0; }
.modal-header h5, .modal-title { font-size: 1rem; font-weight: 700; margin: 0; letter-spacing: -.02em; }
.modal-header .btn-close-white { filter: none; }
.modal-body { padding: 1.3rem; }
.modal-footer { border-color: var(--enterprise-border); padding: .95rem 1.3rem; }
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single { height: 42px; border-color: #dce4ed; border-radius: 8px; background: var(--enterprise-surface); }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; color: var(--enterprise-ink); padding-left: .75rem; font-size: .84rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; right: .5rem; }
.select2-dropdown { border-color: var(--enterprise-border); border-radius: 8px; background: var(--enterprise-surface); font-size: .82rem; box-shadow: var(--enterprise-shadow); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--enterprise-accent); }
.select2-container--default .select2-search--dropdown .select2-search__field { border-radius: 5px; border-color: var(--enterprise-border); padding: .5rem; }
.user-menu { display: flex; align-items: center; gap: .65rem; padding-left: 1rem; margin-left: .8rem; border-left: 1px solid var(--enterprise-border); }
.user-avatar { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 11px; background: #e3f3f0; color: #087f8c; font-weight: 750; font-size: .8rem; }
.user-name { display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; font-size: .75rem; font-weight: 650; color: var(--enterprise-ink); }
.user-role { display: block; font-size: .63rem; color: var(--enterprise-muted); margin-top: .1rem; }
.user-menu .dropdown-toggle::after { display: none; }
.dropdown-menu { font-size: .8rem; border-color: var(--enterprise-border); box-shadow: 0 10px 40px #172b4415; padding: .4rem; border-radius: 10px; }
.dropdown-item { padding: .6rem .75rem; border-radius: 6px; }
.dropdown-item:active { background: var(--enterprise-accent); }
#globalLoader { display: none; position: fixed; inset: 0; z-index: 2000; background: #12233824; backdrop-filter: blur(2px); align-items: center; justify-content: center; }
.loader-surface { display: flex; gap: .85rem; align-items: center; background: var(--enterprise-surface); box-shadow: 0 12px 50px #101f3322; border: 1px solid var(--enterprise-border); padding: 1rem 1.3rem; border-radius: 12px; color: var(--enterprise-ink); font-size: .8rem; }
#globalLoader .spinner-border { width: 1.2rem; height: 1.2rem; color: var(--enterprise-accent); }
.command-modal .modal-content { overflow: hidden; }
.command-input { border: 0; border-radius: 0; padding: 1rem 1.3rem; font-size: 1rem; }
.command-input:focus { box-shadow: none; }
.command-results { max-height: 360px; overflow-y: auto; padding: .5rem; border-top: 1px solid var(--enterprise-border); }
.command-result { display: flex; align-items: center; gap: .8rem; color: var(--enterprise-ink); text-decoration: none; padding: .8rem; border-radius: 8px; font-size: .83rem; }
.command-result i { width: 1.2rem; color: var(--enterprise-muted); }
.command-result:hover, .command-result:focus { background: var(--enterprise-canvas); color: var(--enterprise-accent); }
.command-footer { padding: .65rem 1.3rem; background: var(--enterprise-canvas); border-top: 1px solid var(--enterprise-border); font-size: .65rem; color: var(--enterprise-muted); }
.auth-page { background: var(--enterprise-canvas); min-height: 100vh; }
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(360px, .92fr) minmax(480px, 1.08fr); }
.auth-story { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 3rem 3.5rem; background: #102239; color: #fff; overflow: hidden; }
.auth-story::after { content: ""; position: absolute; width: 600px; height: 600px; border: 1px solid #37a6aa22; border-radius: 50%; right: -330px; bottom: -230px; box-shadow: 0 0 0 70px #21a4a30a, 0 0 0 140px #21a4a306; pointer-events: none; }
.auth-story .brand-symbol { width: 43px; height: 45px; font-size: 1rem; }
.auth-story .brand-name { font-size: 1.2rem; }
.auth-story-content { position: relative; z-index: 1; padding: 4rem 0; max-width: 460px; }
.auth-story .page-eyebrow { color: #74d3cf; margin-bottom: 1.5rem; }
.auth-story h1 { font-size: clamp(2rem,3.3vw,3.25rem); font-weight: 680; line-height: 1.15; letter-spacing: -.055em; margin: 0 0 1.6rem; }
.auth-story h1 span { color: #72d1c9; }
.auth-story-content p { color: #a8bfd2; line-height: 1.85; font-size: .93rem; max-width: 380px; }
.auth-principles { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2rem; }
.auth-principles span { border: 1px solid #789bb52c; color: #bed2e1; font-size: .67rem; border-radius: 20px; padding: .5rem .7rem; }
.auth-story-footer { color: #7692a9; font-size: .7rem; position: relative; z-index: 1; }
.auth-workspace { display: flex; align-items: center; justify-content: center; padding: 3rem; }
.auth-card { width: 100%; max-width: 420px; }
.auth-card.auth-wide { max-width: 640px; }
.auth-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #e2f2ef; color: var(--enterprise-accent); margin-bottom: 1.5rem; font-size: 1rem; }
.auth-card h1 { font-size: 1.9rem; font-weight: 750; letter-spacing: -.045em; margin: 0 0 .7rem; color: var(--enterprise-ink); }
.auth-card > p { color: var(--enterprise-muted); font-size: .84rem; line-height: 1.7; margin-bottom: 1.7rem; }
.auth-card .btn-primary { min-height: 45px; margin-top: .4rem; }
.auth-card .auth-link { text-align: center; margin-top: 1.5rem; font-size: .78rem; color: var(--enterprise-muted); }
.auth-card .auth-link a { font-weight: 650; text-decoration: none; }
.auth-form-section { border-top: 1px solid var(--enterprise-border); padding-top: 1.25rem; margin-top: 1rem; }
.auth-form-section .section-heading { margin-bottom: 1rem; }
.auth-note { display: flex; align-items: flex-start; gap: .65rem; background: #e9f4f2; color: #346e6b; border-radius: 8px; padding: .85rem 1rem; font-size: .74rem; line-height: 1.6; margin: 1.1rem 0 1.5rem; }
.auth-note i { margin-top: .2rem; }
.auth-footer { font-size: .67rem; color: #8b99aa; margin-top: 2.5rem; text-align: center; }
.detail-list { display: grid; gap: .9rem; padding: 0; list-style: none; }
.detail-list li { display: flex; gap: .7rem; font-size: .8rem; color: var(--enterprise-muted); }
.detail-list i { color: var(--enterprise-accent); padding-top: .2rem; }
.timeline-container { position: relative; margin: 1.4rem 0 0 .8rem; padding-left: 2rem; border-left: 1px solid var(--enterprise-border); }
.timeline-item { position: relative; margin-bottom: 1rem; }
.timeline-icon { position: absolute; left: -2.9rem; top: .75rem; display: grid; place-items: center; width: 29px; height: 29px; border: 3px solid var(--enterprise-surface); border-radius: 50%; background: #e1f1ee; font-size: .7rem; }
.timeline-card { padding: 1rem 1.15rem; border: 1px solid var(--enterprise-border); border-radius: 9px; background: var(--enterprise-canvas); font-size: .8rem; line-height: 1.8; }
.timeline-card small { color: var(--enterprise-muted); font-size: .7rem; }
[data-bs-theme="dark"] { --enterprise-ink: #dbe7f4; --enterprise-muted: #adc0d4; --enterprise-accent: #75d9d2; --enterprise-accent-hover: #b1eee8; --enterprise-canvas: #122033; --enterprise-surface: #1b2b40; --enterprise-border: #2d4058; --enterprise-shadow: 0 4px 24px #00000012; }
.text-secondary { color: var(--enterprise-muted) !important; }
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #83ded7; --bs-btn-border-color: #326a70; --bs-btn-hover-bg: #0e6d77; --bs-btn-hover-border-color: #0e6d77; }
[data-bs-theme="dark"] .status-badge { background: #294156; color: #c3d5e8; }
[data-bs-theme="dark"] .badge.text-bg-light { background: #294156 !important; color: #dbe7f4 !important; }
[data-bs-theme="dark"] .form-label, [data-bs-theme="dark"] .form-group > label, [data-bs-theme="dark"] .col-md-6 > label, [data-bs-theme="dark"] .mb-3 > label { color: #a7b9ce; }
[data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select, [data-bs-theme="dark"] .select2-container--default .select2-selection--single { border-color: var(--enterprise-border); }
[data-bs-theme="dark"] .table-striped { --bs-table-striped-bg: #21334a; }
[data-bs-theme="dark"] .metric-icon, [data-bs-theme="dark"] .user-avatar, [data-bs-theme="dark"] .auth-icon { background: #17424c; color: #71d2ce; }
[data-bs-theme="dark"] .btn-secondary { --bs-btn-bg: #24384e; --bs-btn-color: #c4d3e4; --bs-btn-border-color: #3c5066; --bs-btn-hover-bg: #304861; --bs-btn-hover-color: #fff; }
[data-bs-theme="dark"] .btn-danger { --bs-btn-bg: #4a2a32; --bs-btn-color: #ffb6b1; --bs-btn-border-color: #693d45; }
[data-bs-theme="dark"] .status-badge.success { background: #173f35; color: #8ddbb4; }
[data-bs-theme="dark"] .status-badge.warning { background: #4a3d24; color: #e8c684; }
[data-bs-theme="dark"] .status-badge.danger { background: #4a2a32; color: #ffb6b1; }
[data-bs-theme="dark"] .auth-note { background: #17424c; color: #a5d6d3; }
@media (max-width: 1199.98px) { .command-trigger { min-width: 190px; } .auth-story { padding: 2.5rem; } .auth-workspace { padding: 2.5rem; } }
@media (max-width: 991.98px) { .app-content { padding: 1.25rem .5rem 2rem !important; } .app-header { padding: .6rem .5rem; } .user-name { max-width: 150px; } .auth-shell { grid-template-columns: minmax(280px,.8fr) minmax(380px,1.2fr); } .auth-story { padding: 2rem; } .auth-story h1 { font-size: 2.1rem; } .auth-principles { display: none; } }
@media (max-width: 767.98px) { .auth-shell { display: block; } .auth-story { min-height: auto; padding: 1.4rem 1.5rem; } .auth-story-content, .auth-story-footer { display: none; } .auth-workspace { padding: 2.4rem 1.5rem; } .auth-card, .auth-card.auth-wide { max-width: 620px; } .command-trigger { min-width: auto; width: 38px; height: 38px; padding: 0; justify-content: center; } .command-trigger span, .command-trigger kbd { display: none; } .user-menu { margin-left: .1rem; padding-left: .6rem; } .user-name { max-width: 130px; } .workspace-label { display: none; } .workspace-title { font-size: .75rem; } }
@media (max-width: 575.98px) { .user-name, .user-role { display: none; } .card-body { padding: 1rem; } .card-header { padding: 1rem; } .page-title,.content-header h1 { font-size: 1.4rem; } .page-actions .btn { padding: .5rem .75rem; } .table > :not(caption) > * > * { padding: .75rem .65rem; } .app-footer { padding: 1rem; } .app-footer .footer-meta { display: none; } }
.profile-progress-card { padding: 1.5rem; border-left: 4px solid var(--enterprise-accent); }
.profile-progress-card .progress { height: 9px; background: var(--enterprise-border); }
.profile-progress-card .progress-bar { background: var(--enterprise-accent); }
.profile-percentage { font-size: 2rem; color: var(--enterprise-ink); letter-spacing: -.04em; }
.profile-nav-percent { margin-left: .4rem; padding: .1rem .4rem; border-radius: 5px; background: #ffffff18; font-size: .7rem; }
.profile-readonly { display: block; min-height: 2.6rem; padding: .65rem .8rem; border: 1px solid var(--enterprise-border); border-radius: 7px; background: var(--enterprise-canvas); color: var(--enterprise-ink); font-size: .84rem; overflow-wrap: anywhere; }
.profile-checklist { padding: 0; list-style: none; display: grid; gap: .65rem; font-size: .8rem; }
.profile-checklist li { display: flex; align-items: center; gap: .65rem; }
.profile-checklist i { width: 1rem; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }