@font-face{font-family:'QS Inter';src:url('../fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'QS Cairo';src:url('../fonts/Cairo.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:'QS Noto Arabic';src:url('../fonts/NotoSansArabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'QS Amiri';src:url('../fonts/Amiri.ttf') format('truetype');font-weight:400;font-display:swap}
@media screen {
:root{--qs-font:'QS Inter','QS Cairo',Arial,sans-serif;--qs-size:15px;--qs-page:#f2f6fc;--qs-surface:#fff;--qs-ink:#102a43;--qs-accent:#2388d1;--qs-nav:#102a43;--qs-nav-ink:#fff;--qs-header:#fff;--qs-header-ink:#102a43;--qs-on-accent:#fff;--qs-icon:#2388d1;--qs-nav-height:58px;font-size:var(--qs-size)}
body.qs-theme{font-family:var(--qs-font)!important;font-size:1rem!important;line-height:1.6;color:var(--qs-ink);background:var(--qs-page)!important;letter-spacing:normal;--qs-line:color-mix(in srgb,var(--qs-ink) 12%,var(--qs-surface));--qs-muted:color-mix(in srgb,var(--qs-ink) 67%,var(--qs-surface));--qs-soft:color-mix(in srgb,var(--qs-accent) 8%,var(--qs-surface));--bs-body-font-family:var(--qs-font);--bs-body-font-size:1rem;--bs-body-color:var(--qs-ink);--bs-body-bg:var(--qs-page)}
html.dark-theme body.qs-theme{--qs-page:#0e1928;--qs-page-ink:#e5edf8;--qs-surface:#18263a;--qs-ink:#e5edf8;--qs-header:#18263a;--qs-header-ink:#e5edf8;--qs-nav:#102033;--qs-nav-ink:#e5edf8}
.qs-theme :is(input,select,textarea,button,.form-control,.form-select,.select2-container,.dropdown-menu,.tooltip,.flatpickr-calendar){font-family:var(--qs-font)}
.qs-theme :is(.form-control,.form-select,.table,.select2-container,.dropdown-menu){font-size:1rem}
.qs-theme :is(h1,h2,h3,h4,h5,h6){color:inherit;letter-spacing:-.02em;font-weight:700;line-height:1.35}
.qs-theme h1{font-size:1.9rem}.qs-theme h2{font-size:1.2rem}.qs-theme h3{font-size:1.04rem}
.qs-theme :is(.text-secondary,.text-muted,.qs-muted){color:var(--qs-muted)!important}
.qs-theme .page-content{padding:28px;min-width:0}
.qs-theme .page-wrapper{margin-top:64px;background:transparent;min-height:calc(100vh - 110px)}
.qs-theme .card{border:1px solid var(--qs-line);border-radius:18px;background:var(--qs-surface);color:var(--qs-ink);box-shadow:0 5px 20px rgba(16,42,67,.045);overflow:visible;margin-bottom:22px}
.qs-theme .card-body{padding:24px}.qs-theme .card-header{padding:17px 24px;background:transparent;border-bottom:1px solid var(--qs-line);border-radius:18px 18px 0 0;color:var(--qs-ink)}
.qs-theme .card-footer{background:transparent;border-top:1px solid var(--qs-line)}
.qs-theme .form-control,.qs-theme .form-select,.qs-theme .select2-container--bootstrap-5 .select2-selection{border-color:var(--qs-line);border-radius:9px;min-height:42px;background-color:var(--qs-surface);color:var(--qs-ink);box-shadow:none;line-height:1.5}
.qs-theme input::placeholder,.qs-theme textarea::placeholder{color:var(--qs-muted)!important;opacity:.85}.qs-theme .form-control:focus,.qs-theme .form-select:focus,.qs-theme .select2-container--focus .select2-selection{border-color:var(--qs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--qs-accent) 16%,transparent)}
.qs-theme .form-control:disabled,.qs-theme .form-select:disabled{background:var(--qs-soft);opacity:.8}
.qs-theme label:not(.qs-pick-item):not(.qs-layout-choice){font-weight:500}.qs-theme .form-label{margin-bottom:7px}
.qs-theme .btn{font-size:.94rem;font-weight:600;border-radius:9px;line-height:1.5;padding:.55rem .9rem;box-shadow:none;transition:background .15s,box-shadow .15s,transform .15s}
.qs-theme .btn-sm{padding:.35rem .65rem;font-size:.86rem}.qs-theme .btn-primary{background:var(--qs-accent);border-color:var(--qs-accent);color:var(--qs-on-accent)}
.qs-theme .btn-primary:hover{filter:brightness(.93);box-shadow:0 4px 12px color-mix(in srgb,var(--qs-accent) 22%,transparent)}
.qs-theme .btn-outline-primary{color:var(--qs-accent);border-color:var(--qs-accent);background:transparent}.qs-theme .btn-outline-primary:hover{background:var(--qs-accent);color:var(--qs-on-accent)}
.qs-theme .btn-light{background:var(--qs-soft);border-color:var(--qs-line);color:var(--qs-ink)}
.qs-theme :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--qs-accent);outline-offset:3px}
.qs-theme input[type=checkbox],.qs-theme input[type=radio]{accent-color:var(--qs-accent);width:18px;height:18px;flex-shrink:0;cursor:pointer}
.qs-theme .table{--bs-table-bg:var(--qs-surface);--bs-table-color:var(--qs-ink);--bs-table-border-color:var(--qs-line);--bs-table-striped-bg:var(--qs-soft);--bs-table-striped-color:var(--qs-ink);--bs-table-hover-bg:var(--qs-soft);--bs-table-hover-color:var(--qs-ink);color:var(--qs-ink);border-color:var(--qs-line)}
.qs-theme .table>:not(caption)>*>*{padding:.85rem .8rem;border-bottom-color:var(--qs-line)}
.qs-theme .table thead th{background:var(--qs-soft);color:var(--qs-muted);font-size:.82rem;font-weight:700;letter-spacing:.025em;vertical-align:middle;white-space:nowrap}
.qs-theme .table tbody tr:hover{background:var(--qs-soft)}.qs-theme .table-responsive{border-radius:10px}.qs-theme .table td .form-control{min-width:72px}
.qs-theme .page-item.active .page-link{background:var(--qs-accent);border-color:var(--qs-accent);color:var(--qs-on-accent)}.qs-theme .page-link{border-color:var(--qs-line);color:var(--qs-accent);background:var(--qs-surface)}
.qs-theme .modal-content,.qs-theme .dropdown-menu,.qs-theme .select2-dropdown{background:var(--qs-surface);color:var(--qs-ink);border:1px solid var(--qs-line);border-radius:14px;box-shadow:0 16px 50px #102a4320}
.qs-theme .dropdown-item{color:var(--qs-ink);padding:9px 16px}.qs-theme .dropdown-item:hover{background:var(--qs-soft)}.qs-theme .modal-header{border-bottom-color:var(--qs-line)}
.qs-theme .list-group-item{background:var(--qs-surface);color:var(--qs-ink);border-color:var(--qs-line)}.qs-theme .list-group-item.active{background:var(--qs-accent);color:var(--qs-on-accent)}
.qs-theme .nav-tabs{border-bottom-color:var(--qs-line);gap:4px}.qs-theme .nav-tabs .nav-link{border-radius:9px 9px 0 0;color:var(--qs-muted);font-weight:600}.qs-theme .nav-tabs .nav-link.active{background:var(--qs-surface);border-color:var(--qs-line);color:var(--qs-accent)}
.qs-theme .sidebar-wrapper{z-index:1101;background:var(--qs-nav)!important;color:var(--qs-nav-ink);border:0;box-shadow:none}.qs-theme .sidebar-header{background:var(--qs-nav)!important;border-bottom:1px solid color-mix(in srgb,var(--qs-nav-ink) 14%,transparent);gap:10px}
.qs-theme .sidebar-header :is(.logo-text,.toggle-icon){color:var(--qs-nav-ink)}.qs-theme .sidebar-header .logo-text{font-size:1.08rem;white-space:nowrap;max-width:155px;overflow:hidden;text-overflow:ellipsis}
.qs-theme .sidebar-header .logo-icon{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:8px}.qs-theme .sidebar-wrapper .metismenu{padding:14px 12px;gap:4px}
.qs-theme .sidebar-wrapper .metismenu a{border-radius:9px;color:color-mix(in srgb,var(--qs-nav-ink) 83%,var(--qs-nav))!important;font-size:.91rem;padding:10px 13px;line-height:1.45;letter-spacing:0}
.qs-theme .sidebar-wrapper .metismenu .parent-icon{font-size:21px}.qs-theme .sidebar-wrapper .metismenu a:hover,.qs-theme .sidebar-wrapper .metismenu .mm-active>a{color:var(--qs-nav-ink)!important;background:color-mix(in srgb,var(--qs-nav-ink) 12%,var(--qs-nav))!important}
.qs-theme .sidebar-wrapper .metismenu ul{border:0;background:transparent}.qs-theme .sidebar-wrapper .metismenu ul a{font-size:.87rem;white-space:normal}.qs-theme .sidebar-wrapper .metismenu ul a i{opacity:.6}
.qs-theme .sidebar-wrapper .metismenu li.bg-light{background:transparent!important}.qs-theme .sidebar-wrapper .metismenu a.bg-light{background:transparent!important;color:var(--qs-nav-ink)!important}.qs-theme .sidebar-wrapper .menu-label{font-size:.71rem;letter-spacing:.12em;color:var(--qs-nav-ink);opacity:.5;padding-inline:12px}.qs-theme .metismenu .has-arrow:after{border-color:currentColor}
.qs-theme .topbar{background:var(--qs-header)!important;color:var(--qs-header-ink);border-bottom:1px solid var(--qs-line);box-shadow:none;min-height:64px;z-index:1100}.qs-theme .topbar :is(.nav-link,.user-name,.mobile-toggle-menu){color:var(--qs-header-ink)!important}
.qs-theme .topbar .navbar{min-width:0}.qs-theme .user-box{border-inline-start:1px solid var(--qs-line)}.qs-theme .user-name{font-size:.87rem;font-weight:700}.qs-theme .designattion{font-size:.72rem}.qs-theme .user-img{width:34px;height:34px}
.qs-menu-button{border:0;background:transparent;padding:4px;line-height:1;cursor:pointer;font-size:27px}.qs-header-brand{display:none;align-items:center;gap:9px;white-space:nowrap;color:var(--qs-header-ink)!important;font-weight:750}.qs-header-brand img{height:36px;width:36px;object-fit:cover;border-radius:8px;background:#fff}
.qs-theme .wrapper.toggled .page-footer{margin-inline-start:70px}.qs-theme .page-footer{position:static;margin-inline-start:250px;background:var(--qs-surface);color:var(--qs-muted);border-top:1px solid var(--qs-line);font-size:.8rem;padding:12px}
.qs-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px;color:var(--qs-page-ink,var(--qs-ink))}.qs-page-heading h1{margin:3px 0 5px}.qs-page-heading p{margin:0;opacity:.7;font-size:.9rem}.qs-page-heading .qs-eyebrow{font-size:.67rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.qs-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qs-view-switch{display:flex;padding:4px;background:var(--qs-surface);border:1px solid var(--qs-line);border-radius:12px;gap:3px}.qs-view-switch button{border:0;border-radius:8px;background:transparent;color:var(--qs-muted);font-size:.85rem;font-weight:600;padding:9px 12px;display:flex;gap:7px;align-items:center}.qs-view-switch button.is-active{background:var(--qs-accent);color:var(--qs-on-accent)}.qs-view-switch i{font-size:18px}
.qs-dashboard-tools{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin:0 0 20px}.qs-search{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--qs-line);background:var(--qs-surface);border-radius:10px;min-height:44px;min-width:260px;max-width:100%;color:var(--qs-muted)}.qs-search input{border:0;background:none;outline:0;color:var(--qs-ink);width:100%;padding:9px 0;font-size:.9rem}.qs-search:focus-within{outline:2px solid var(--qs-accent);outline-offset:1px}.qs-search i{font-size:20px}.qs-count{font-size:.8rem;opacity:.75;color:var(--qs-page-ink,var(--qs-ink));white-space:nowrap}
.qs-shortcut-section{background:var(--qs-surface);border:1px solid var(--qs-line);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 6px 22px #102a4304}.qs-section-heading{display:flex;align-items:center;gap:11px;margin-bottom:19px}.qs-section-heading h2{margin:0;font-size:1rem}.qs-section-heading>span:last-child{margin-inline-start:auto;padding:2px 9px;border:1px solid var(--qs-line);border-radius:8px;color:var(--qs-muted);font-size:.76rem}.qs-group-mark{color:var(--qs-accent);font-size:23px;line-height:1}
.qs-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(134px,1fr));gap:12px}.qs-shortcut{--qs-tile-color:var(--qs-icon);--qs-tile-ink:#fff;position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:18px 12px;border:1px solid var(--qs-line);border-radius:13px;background:var(--qs-surface);color:var(--qs-ink)!important;text-decoration:none!important;transition:transform .15s,border-color .15s,box-shadow .15s;overflow-wrap:anywhere}
.qs-shortcut:hover{transform:translateY(-3px);border-color:var(--qs-tile-color);box-shadow:0 8px 18px #102a4310}.qs-shortcut-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--qs-tile-color) 11%,var(--qs-surface));color:var(--qs-tile-color);font-size:26px}.qs-shortcut-label{font-size:.87rem;font-weight:650;line-height:1.5}.qs-shortcut-arrow{position:absolute;inset-inline-end:10px;top:7px;color:var(--qs-tile-color);opacity:0;font-size:14px}.qs-shortcut:hover .qs-shortcut-arrow{opacity:1}
.qs-theme[data-tile-style=solid] .qs-shortcut{background:var(--qs-tile-color);color:var(--qs-tile-ink)!important;border-color:transparent}.qs-theme[data-tile-style=solid] .qs-shortcut-icon{background:color-mix(in srgb,var(--qs-tile-ink) 15%,transparent);color:var(--qs-tile-ink)}.qs-theme[data-tile-style=solid] .qs-shortcut-arrow{color:var(--qs-tile-ink)}
.qs-empty{text-align:center;padding:50px 20px;color:var(--qs-page-ink,var(--qs-ink))}.qs-empty>i{font-size:42px;color:var(--qs-accent);margin-bottom:15px}.qs-empty p{opacity:.7}.qs-theme [hidden]{display:none!important}
.qs-analytics .widgets-icons-2{background:color-mix(in srgb,var(--qs-tile-color,var(--qs-icon)) 12%,var(--qs-surface))!important;color:var(--qs-tile-color,var(--qs-icon))!important;border-radius:14px!important;width:48px;height:48px;font-size:25px}.qs-analytics h4{color:var(--qs-ink)!important}.qs-analytics .card.border-4{border-inline-start-color:var(--qs-tile-color)!important;border-width:1px!important;border-inline-start-width:3px!important}.qs-analytics .card h4{font-size:1.65rem;margin-top:9px!important}.qs-analytics .card .text-secondary{font-size:.81rem}
.qs-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.qs-settings-fields{min-width:0}.qs-preview-panel{position:sticky;top:90px}.qs-card-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:24px}.qs-card-title>span{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:var(--qs-soft);color:var(--qs-accent);border-radius:10px;font-size:.8rem;font-weight:750}.qs-card-title h2{margin:0 0 6px}.qs-card-title p,.qs-section-colors>p{font-size:.84rem;color:var(--qs-muted);margin:0}
.qs-font-row{display:grid;grid-template-columns:140px minmax(0,1fr) 110px;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--qs-line)}.qs-font-row:last-child{border-bottom:0;padding-bottom:0}.qs-font-row label,.qs-settings-fields select+label{font-size:.79rem;display:block;margin-bottom:5px;color:var(--qs-muted)}
.qs-palette-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.qs-palette{display:flex;align-items:center;gap:5px;border:1px solid var(--qs-line);background:var(--qs-surface);color:var(--qs-ink);padding:9px 12px;border-radius:9px;font-size:.82rem}.qs-palette span{width:17px;height:17px;border-radius:50%;border:1px solid #0001}.qs-palette span+span{margin-inline-end:5px}.qs-palette:hover{border-color:var(--qs-accent)}
.qs-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.qs-color-field{display:flex;align-items:center;gap:12px;cursor:pointer}.qs-color-field input{width:40px;height:40px;padding:3px;border:1px solid var(--qs-line);background:var(--qs-surface);border-radius:9px;flex-shrink:0}.qs-color-field span{font-size:.82rem}.qs-color-field output{display:block;font-family:monospace;font-size:.75rem;color:var(--qs-muted);direction:ltr}
.qs-section-colors{margin-top:30px}.qs-section-colors h3{margin-bottom:7px}.qs-section-colors>.table-responsive{margin-top:18px}.qs-section-colors .table th{font-size:.84rem}.qs-section-colors .qs-color-field input{width:34px;height:34px}
.qs-save-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:sticky;bottom:10px;z-index:30;background:var(--qs-surface);border:1px solid var(--qs-line);border-radius:13px;padding:14px;box-shadow:0 7px 25px #102a4310}.qs-save-bar>span{font-size:.76rem;color:var(--qs-muted)}
.qs-preview-panel .qs-eyebrow{font-weight:750;font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:var(--qs-muted)}.qs-theme-preview{display:flex;height:185px;border:1px solid var(--qs-line);border-radius:12px;overflow:hidden;--preview-page:#f2f6fc;--preview-surface:#fff;--preview-accent:#2388d1;--preview-ink:#102a43;--preview-nav:#102a43;--preview-nav-ink:#fff;--preview-header:#fff;--preview-header-ink:#102a43;background:var(--preview-page);color:var(--preview-ink)}.qs-preview-nav{width:34px;background:var(--preview-nav);color:var(--preview-nav-ink);display:flex;flex-direction:column;align-items:center;gap:18px;padding:14px 0;font-size:15px}.qs-preview-main{flex:1;min-width:0}.qs-preview-header{background:var(--preview-header);color:var(--preview-header-ink);padding:10px;font-size:10px;font-weight:700}.qs-preview-content{padding:13px;display:flex;gap:8px;flex-wrap:wrap}.qs-preview-tile{background:var(--preview-surface);border-radius:7px;flex:1;min-width:60px;padding:12px 5px;text-align:center;font-size:10px;display:flex;flex-direction:column;gap:8px}.qs-preview-tile i{font-size:23px;color:var(--preview-icon,var(--preview-accent))}.qs-preview-line{width:100%;height:10px;background:var(--preview-surface);border-radius:4px}.qs-preview-line.short{width:65%}.qs-theme-preview[data-nav=topbar]{flex-direction:column}.qs-theme-preview[data-nav=topbar] .qs-preview-nav{width:100%;height:26px;flex-direction:row;padding:5px 10px;font-size:12px}.qs-theme-preview[data-style=solid] .qs-preview-tile{background:var(--preview-icon);color:var(--preview-icon-ink)}.qs-theme-preview[data-style=solid] .qs-preview-tile i{color:var(--preview-icon-ink)}
.qs-font-samples{padding:18px 0 4px}.qs-font-samples p{margin-bottom:15px}.qs-preview-panel .qs-muted{font-size:.76rem;margin:0}
.qs-layout-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.qs-layout-choice{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid var(--qs-line);border-radius:12px;cursor:pointer}.qs-layout-choice:has(input:checked){border-color:var(--qs-accent);background:var(--qs-soft)}.qs-layout-choice>i{font-size:32px;color:var(--qs-accent)}.qs-layout-choice small{display:block;color:var(--qs-muted);margin-top:5px;line-height:1.6;font-size:.8rem}
.qs-selection-mode{display:flex;gap:25px;margin-bottom:25px;flex-wrap:wrap}.qs-selection-mode label{display:flex;align-items:center;gap:7px;font-size:.9rem}.qs-picker-actions{display:flex;gap:6px;flex-wrap:wrap}.qs-picker-group h3{padding:16px 0 12px;border-top:1px solid var(--qs-line);margin-top:14px}.qs-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px}.qs-pick-item{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--qs-line);border-radius:10px;font-size:.84rem;cursor:pointer;line-height:1.5}.qs-pick-item:has(input:checked){background:var(--qs-soft);border-color:color-mix(in srgb,var(--qs-accent) 35%,var(--qs-line))}.qs-picker-icon{font-size:22px;color:var(--qs-tile-color,var(--qs-accent));line-height:1}.qs-picker-grid.is-all .qs-pick-item{opacity:.8}
.qs-theme.qs-pos .card{margin-bottom:12px;border-radius:12px}.qs-theme.qs-pos .card-body{padding:16px}.qs-theme.qs-pos .form-control{min-height:40px}.qs-theme.qs-pos :is(.bg-white,.bg-light){background-color:var(--qs-surface)!important;color:var(--qs-ink)}
.qs-theme.qs-guest{background:var(--qs-page)!important}.qs-theme.qs-guest .card{max-width:100%}
/* The same permission-aware menu is presented horizontally on desktop. */
.qs-theme[data-navigation=topbar]:not(.qs-pos) .topbar{left:0!important;right:0!important}.qs-theme[data-navigation=topbar] .qs-header-brand{display:flex}.qs-theme[data-navigation=topbar] .page-wrapper{margin-left:0!important;margin-right:0!important;margin-top:calc(64px + var(--qs-nav-height))!important}.qs-theme[data-navigation=topbar] .page-footer{margin-inline-start:0;left:0!important;right:0!important}.qs-theme[data-navigation=topbar] .sidebar-header{display:none}
.qs-theme[data-navigation=topbar] .sidebar-wrapper{position:fixed;top:64px;left:0!important;right:0!important;width:100%!important;height:auto;bottom:auto;z-index:1050;overflow:visible;border-bottom:1px solid #ffffff12}
.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;padding:7px 20px;margin:0}.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu>li{position:relative;list-style:none}.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu>li>a{gap:7px;font-size:.82rem;white-space:nowrap;padding:10px 12px}.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu>li>a.has-arrow{padding-inline-end:30px}.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu .parent-icon{font-size:19px}.qs-theme[data-navigation=topbar] .sidebar-wrapper .menu-label{display:none}
.qs-theme[data-navigation=topbar] #menu ul{display:none!important}.qs-theme[data-navigation=topbar] #menu li.qs-open>ul{display:block!important}.qs-theme[data-navigation=topbar] #menu>li>ul{position:fixed;min-width:255px;width:285px;max-width:calc(100vw - 24px);max-height:calc(100vh - 180px);overflow-y:auto;background:var(--qs-nav)!important;padding:10px;border:1px solid color-mix(in srgb,var(--qs-nav-ink) 20%,var(--qs-nav));border-radius:12px;box-shadow:0 18px 40px #0003;z-index:1500}.qs-theme[data-navigation=topbar] #menu>li>ul ul{padding-inline-start:16px}.qs-theme[data-navigation=topbar] #menu ul a{white-space:normal;min-width:0}.qs-theme[data-navigation=topbar] #menu .has-arrow:after{transform:rotate(-45deg)}.qs-theme[data-navigation=topbar] #menu .qs-open>a.has-arrow:after{transform:rotate(-135deg)}
.qs-theme[data-navigation=topbar] .mobile-toggle-menu{display:none}.qs-theme[data-navigation=topbar] .qs-preview-panel{top:calc(88px + var(--qs-nav-height))}
@media(min-width:1500px){.qs-shortcut-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.qs-shortcut{min-height:140px}}
@media(max-width:1250px){.qs-settings-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.qs-font-row{grid-template-columns:110px minmax(0,1fr) 90px;gap:12px}.qs-page-heading{align-items:flex-start;flex-direction:column}.qs-header-brand span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.qs-theme .topbar .btn{padding:.4rem .6rem;font-size:.8rem}}
@media(max-width:1024px){.qs-theme .page-footer,.qs-theme .wrapper.toggled .page-footer{margin-inline-start:0}.qs-settings-layout{display:block}.qs-preview-panel{position:static;max-width:500px;margin-top:22px}.qs-theme[data-navigation=topbar] .mobile-toggle-menu{display:block}.qs-theme[data-navigation=topbar] .sidebar-wrapper{display:none;max-height:calc(100dvh - 64px);overflow:auto}.qs-theme[data-navigation=topbar] .sidebar-wrapper.qs-mobile-open{display:block}.qs-theme[data-navigation=topbar] .sidebar-wrapper .metismenu{display:block;padding:10px}.qs-theme[data-navigation=topbar] #menu>li>ul{position:static!important;width:auto!important;max-width:100%;max-height:none;border:0;box-shadow:none;padding-inline-start:25px}.qs-theme[data-navigation=topbar] .page-wrapper{margin-top:64px!important}.qs-theme[data-navigation=topbar] .topbar .user-info{display:none}.qs-theme[data-navigation=topbar] .qs-header-brand{margin-inline-end:auto}}
@media(max-width:767px){.qs-theme .page-content{padding:18px 12px}.qs-theme .card-body{padding:18px}.qs-theme .card-header{padding:16px 18px}.qs-theme h1{font-size:1.55rem}.qs-shortcut-section{padding:17px 13px}.qs-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qs-shortcut{padding:13px 7px;min-height:116px;gap:10px}.qs-shortcut-label{font-size:.79rem}.qs-shortcut-icon{width:39px;height:39px;font-size:23px}.qs-toolbar{width:100%}.qs-toolbar>.btn{font-size:.8rem}.qs-view-switch button{padding:8px;font-size:.79rem}.qs-theme .topbar .navbar{gap:8px!important;padding-inline:10px}.qs-theme .topbar .top-menu .d-flex:has(.btn){display:none!important}.qs-theme .topbar .user-box{padding-inline:6px!important}.qs-header-brand span{display:none}.qs-font-row{grid-template-columns:minmax(0,1fr) 95px}.qs-font-row>strong{grid-column:1/-1}.qs-color-grid{grid-template-columns:1fr}.qs-layout-choices{grid-template-columns:1fr}.qs-layout-choice{padding:15px}.qs-picker-grid{grid-template-columns:1fr}.qs-search{min-width:0;width:100%}.qs-save-bar{bottom:5px}.qs-theme .table>:not(caption)>*>*{padding:.7rem .6rem}}
@media(prefers-reduced-motion:reduce){.qs-theme *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
}