:root{--qm-bg:#050914;--qm-panel:rgba(15,23,42,.78);--qm-line:rgba(148,163,184,.14);--qm-green:#34d399;--qm-cyan:#22d3ee;--qm-text:#f8fafc;--qm-muted:#94a3b8}
*{scrollbar-width:thin;scrollbar-color:#334155 transparent}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% -5%,rgba(16,185,129,.14),transparent 30%),radial-gradient(circle at 92% 5%,rgba(34,211,238,.09),transparent 25%),var(--qm-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.qm-nav{position:sticky;top:0;z-index:50;background:rgba(5,9,20,.82);border-bottom:1px solid var(--qm-line);backdrop-filter:blur(20px);box-shadow:0 10px 35px rgba(0,0,0,.18)}
.qm-nav-top{min-height:68px}.qm-nav-row{background:rgba(2,6,23,.28)}.qm-nav-scroll{scrollbar-width:none}.qm-nav-scroll::-webkit-scrollbar{display:none}.qm-user{transition:border-color .2s,background .2s,transform .2s}.qm-user:hover{border-color:rgba(52,211,153,.4);background:rgba(15,118,110,.16);transform:translateY(-1px)}
.qm-brand img{filter:drop-shadow(0 0 14px rgba(52,211,153,.18))}.qm-nav-link{position:relative;border:1px solid transparent;border-radius:10px;padding:.62rem .78rem;color:#cbd5e1;transition:.2s ease;white-space:nowrap}.qm-nav-link:hover{color:#fff;background:rgba(30,41,59,.7);transform:translateY(-1px)}.qm-nav-link.active{color:#d1fae5;background:rgba(6,78,59,.5);border-color:rgba(52,211,153,.22);box-shadow:inset 0 0 20px rgba(16,185,129,.05)}
.app-main{position:relative}.app-main h1{letter-spacing:-.045em}.app-main .bg-slate-900{background:var(--qm-panel)!important;border:1px solid var(--qm-line);box-shadow:0 18px 45px rgba(0,0,0,.16);backdrop-filter:blur(12px)}.app-main .rounded-xl,.app-main .rounded-2xl{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.app-main .rounded-xl:hover,.app-main .rounded-2xl:hover{border-color:rgba(52,211,153,.25);box-shadow:0 22px 55px rgba(0,0,0,.22)}
.app-main input,.app-main select,.app-main textarea{border:1px solid rgba(148,163,184,.18)!important;background:rgba(2,6,23,.78)!important;transition:border-color .2s,box-shadow .2s,transform .2s}.app-main input:focus,.app-main select:focus,.app-main textarea:focus{outline:none;border-color:rgba(52,211,153,.7)!important;box-shadow:0 0 0 3px rgba(16,185,129,.12);transform:translateY(-1px)}
.app-main button,.app-main a[class*="bg-emerald"],.app-main a[class*="bg-amber"]{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.app-main button:hover,.app-main a[class*="bg-emerald"]:hover,.app-main a[class*="bg-amber"]:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 25px rgba(0,0,0,.2)}
.app-main table thead{background:rgba(2,6,23,.38)}.app-main table tbody tr{transition:background .18s ease}.app-main table tbody tr:hover{background:rgba(30,41,59,.42)}
.qm-hero{overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(6,78,59,.72),rgba(8,47,73,.48));border:1px solid rgba(52,211,153,.28);box-shadow:0 28px 80px rgba(0,0,0,.3)}.qm-hero:after{content:"";position:absolute;width:260px;height:260px;right:-70px;top:-110px;border-radius:50%;background:rgba(34,211,238,.13);filter:blur(4px)}.qm-metric{position:relative;overflow:hidden}.qm-metric:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:5px;background:linear-gradient(var(--qm-green),var(--qm-cyan));opacity:.72}.qm-action{position:relative;overflow:hidden}.qm-action:after{content:"→";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--qm-green);transition:transform .2s}.qm-action:hover:after{transform:translate(5px,-50%)}
.qm-alert{animation:slideDown .45s cubic-bezier(.2,.8,.2,1)}.qm-reveal{opacity:0;transform:translateY(14px)}.qm-reveal.is-visible{animation:reveal .55s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay,0ms)}
@keyframes reveal{to{opacity:1;transform:none}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qm-reveal{opacity:1;transform:none}}
@media(max-width:1023px){.qm-menu{display:none;width:100%}.qm-menu.open{display:block}.qm-nav-scroll{align-items:stretch;flex-direction:column;padding-top:.75rem;padding-bottom:.75rem}.qm-nav-link{width:100%}.app-main{padding-left:1rem!important;padding-right:1rem!important}.qm-hero{padding:1.4rem!important}}