:root{--qc-navy:#081321;--qc-ink:#172033;--qc-muted:#68778c;--qc-blue:#2563eb;--qc-cyan:#0891b2;--qc-line:#dfe6ee;--qc-bg:#f5f7fa;--qc-card:#fff;--qc-radius:12px;--qc-shadow:0 8px 28px rgba(15,23,42,.06)}html{scroll-behavior:smooth}body{background:var(--qc-bg)!important;color:var(--qc-ink)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.card,.cardx{border:1px solid var(--qc-line)!important;border-radius:var(--qc-radius)!important;box-shadow:var(--qc-shadow)!important;background:var(--qc-card)!important}.sidebar{background:var(--qc-navy)!important;border-right:1px solid rgba(255,255,255,.06)}.nav{border-radius:9px!important;margin:2px 0!important}.nav:hover,.nav.active{background:#17283f!important;color:#fff!important}header,.top{border-bottom:1px solid var(--qc-line)!important;box-shadow:0 2px 12px #0f172a06!important}button,.btn{border-radius:9px!important;font-weight:600!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover,.btn:hover{transform:translateY(-1px)}input,select,textarea{border-radius:9px!important;border-color:#d7e0ea!important;background:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--qc-blue)!important;box-shadow:0 0 0 3px #2563eb1a!important}table{font-size:13px}thead th{font-size:10px!important;text-transform:uppercase;letter-spacing:.07em;color:#708095!important;background:#f8fafc!important}tbody tr{transition:background .14s ease}tbody tr:hover{background:#f8fafc}h1,h2,h3,h4,h5,.font-black{letter-spacing:-.025em}.text-slate-500,.text-slate-600{color:var(--qc-muted)!important}.badge,[class*=rounded-full]{letter-spacing:.01em}.modal-bg>.card{box-shadow:0 28px 80px #02061738!important}#screen{max-width:1600px;margin-inline:auto}.overflow-auto{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.qc-product-mark{font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:#64748b}@media(max-width:767px){.card,.cardx{border-radius:12px!important;box-shadow:0 4px 16px #0f172a0d!important}#screen{padding:16px!important}button,.btn,a.nav{min-height:44px}.sidebar{width:min(88vw,310px)!important}table{font-size:13px}}@media(min-width:1280px){#screen{padding:30px 34px!important}.sidebar{width:264px!important}main.ml-64{margin-left:264px!important}}
