/* Smart Quality System — modern enterprise dashboard */
.app-shell{--sidebar-width:248px;--dash-navy:#08223f;--dash-blue:#1769c2;--dash-bg:#f6f8fc;--dash-text:#132d4b;--dash-muted:#718096;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;background:var(--dash-bg);color:var(--dash-text);letter-spacing:0}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#071d37 0%,#092744 100%);border-right:1px solid #143653;box-shadow:8px 0 30px rgba(8,34,63,.06)}.app-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}.side-brand{height:74px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,17,33,.14)}.mini-logo{width:34px;filter:drop-shadow(0 4px 8px rgba(67,163,255,.18))}.side-brand strong{font-size:15px;font-weight:700;letter-spacing:-.15px}.side-brand small{margin-top:2px;font-size:9px;font-weight:600;letter-spacing:3px}.side-nav{padding:17px 12px 10px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-caption{margin:14px 12px 7px;color:#617c98;font-size:9px;font-weight:700;letter-spacing:1.6px}.side-nav a{position:relative;height:40px;margin:3px 0;padding:0 12px;border-radius:8px;color:#a5b8cb;gap:11px;font-size:12.5px;font-weight:600;transition:background .16s,color .16s,transform .16s}.side-nav a:hover{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}.side-nav a.active{color:#fff;background:linear-gradient(90deg,#1763a8,#1c6db6);box-shadow:0 8px 18px rgba(0,71,132,.24),inset 0 1px rgba(255,255,255,.12)}.side-nav a.active:before{content:"";position:absolute;left:-12px;width:3px;height:23px;border-radius:0 4px 4px 0;background:#6ec2ff}.side-nav svg{width:18px;height:18px;stroke-width:1.7}.side-nav b{min-width:22px;padding:3px 6px;color:#d9eeff;background:rgba(83,174,248,.24);font-size:10px;font-weight:700}.system-health{flex:0 0 auto;margin:8px 12px 14px;padding:12px 13px;border-color:rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.045)}.system-health span{color:#d0deeb;font-size:10.5px}.system-health small{font-size:9px}.topbar{height:74px;padding:0 30px;gap:18px;border-bottom:1px solid #e7ebf1;box-shadow:0 1px 8px rgba(25,49,77,.035)}.company{min-width:235px}.company strong{font-size:13px;font-weight:700;letter-spacing:-.1px}.company span{font-size:9px;font-weight:600;letter-spacing:.7px}.global-search{height:40px;max-width:500px;border-color:#e2e7ee;border-radius:8px;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.global-search:focus-within{border-color:#7caee0;background:#fff;box-shadow:0 0 0 3px rgba(23,105,194,.08)}.global-search input{font-size:12px}.plant-select{height:38px;padding:0 12px;border-color:#e0e6ed;border-radius:7px;font-size:11px}.header-icon{width:38px;height:38px}.user-chip{gap:10px}.user-chip>span{width:36px;height:36px;background:linear-gradient(145deg,#dfeeff,#cfe4ff);font-size:10px}.user-chip strong{font-size:11px;font-weight:700}.user-chip small{margin-top:2px;font-size:9px}.dashboard-content{max-width:1540px;padding:30px 34px 52px}.welcome-row{align-items:center;margin-bottom:24px}.welcome-row p{margin-bottom:6px;color:#7f8da0;font-size:9.5px;font-weight:700;letter-spacing:.65px}.welcome-row h1{margin-bottom:5px;color:#102d4e;font-size:26px;font-weight:730;letter-spacing:-.75px}.welcome-row div>span{color:#738196;font-size:12px}.primary-action{height:38px;padding:0 16px;border-radius:7px;background:linear-gradient(100deg,#0d3c70,#1764aa);box-shadow:0 7px 16px rgba(13,60,112,.17);font-size:11px;transition:transform .15s,box-shadow .15s}.primary-action:hover{transform:translateY(-1px);box-shadow:0 10px 21px rgba(13,60,112,.22)}.kpi-grid{gap:16px}.kpi-grid article{min-height:122px;padding:18px 19px;border:1px solid #e5eaf0;border-radius:11px;background:linear-gradient(145deg,#fff,#fcfdff);box-shadow:0 5px 16px rgba(19,45,75,.045);overflow:hidden;transition:transform .15s,box-shadow .15s}.kpi-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#4c94dc}.kpi-grid article:nth-child(2):before{background:#8b6cc6}.kpi-grid article:nth-child(3):before{background:#e06a6a}.kpi-grid article:nth-child(4):before{background:#e4a83f}.kpi-grid article:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(19,45,75,.075)}.kpi-icon{right:17px;top:17px;width:34px;height:34px;border-radius:9px}.kpi-grid p{font-size:9.5px;font-weight:750;letter-spacing:.45px}.kpi-grid article>strong{margin-top:14px;font-size:28px;font-weight:720;letter-spacing:-.8px}.kpi-grid small{font-size:10px}.section-heading{margin:28px 0 13px;align-items:center}.section-heading h2{margin-bottom:3px;font-size:16px;font-weight:720;letter-spacing:-.25px}.section-heading p,.section-heading a{font-size:10px}.section-heading a{padding:6px 0;color:#1769c2;font-weight:650}.application-grid{gap:16px}.app-card{border:1px solid #e4e9ef;border-radius:11px;box-shadow:0 4px 14px rgba(19,45,75,.035);transition:transform .16s,box-shadow .16s,border-color .16s}.app-card:hover{transform:translateY(-3px);border-color:#d4e1ee;box-shadow:0 12px 27px rgba(19,45,75,.085)}.app-title{padding:17px 18px;gap:12px}.app-symbol{width:40px;height:40px;border-radius:10px;font-size:14px}.app-title strong{font-size:12.5px;font-weight:720;letter-spacing:-.1px}.app-title small{margin-top:2px;font-size:9px}.app-title i{font-size:9px;letter-spacing:1px}.app-metrics{padding:12px 18px;background:#f9fbfd}.app-metrics p{padding-left:13px}.app-metrics strong{font-size:17px;font-weight:700}.app-metrics span{margin-top:2px;font-size:8.5px}.app-card>a{height:38px;padding:0 18px;font-size:9.5px;font-weight:700}.app-card>a span{font-size:14px}.work-preview{margin-top:28px}.work-table{border-color:#e4e9ef;border-radius:11px;box-shadow:0 4px 14px rgba(19,45,75,.035)}.work-head{height:38px;background:#f8fafc;font-size:8.5px;letter-spacing:.55px}.work-row{min-height:55px;font-size:10.5px}.work-row b{font-size:10.5px;font-weight:700}.work-row small,.priority,.status{font-size:8.5px}
@media(max-width:1280px){.company{display:none}.application-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-main{width:100%;margin-left:0}.topbar{height:66px;padding-inline:16px}.dashboard-content{padding:23px 18px 40px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.dashboard-content{padding:19px 13px 34px}.welcome-row h1{font-size:22px}.kpi-grid,.application-grid{grid-template-columns:1fr}.kpi-grid article{min-height:110px}}

/* Reference-aligned compact navigation */
.app-shell{--sidebar-width:220px}.sidebar{background:linear-gradient(155deg,#061c45 0%,#003a88 100%);border-right:0;box-shadow:5px 0 20px rgba(2,26,68,.16)}.side-brand{height:64px;padding:8px 15px;gap:9px;background:transparent;border-bottom:1px solid rgba(255,255,255,.08)}.mini-logo{width:34px;flex:0 0 34px;color:#d9eeff}.side-brand strong{font-size:12px;white-space:nowrap}.side-brand small{margin-top:2px;color:#b8cae4;font-size:7.5px;line-height:1.35;letter-spacing:0;text-transform:none}.side-nav{padding:8px 10px 18px}.nav-caption{display:none}.side-nav>a{height:33px;margin:1px 0;padding:0 10px;border-radius:7px;color:#d9e5f4;font-size:10.5px;font-weight:500}.side-nav>a:hover{transform:none;background:rgba(255,255,255,.09)}.side-nav>a.active{background:linear-gradient(90deg,#0877f9,#0964e5);box-shadow:0 5px 12px rgba(0,28,82,.22)}.side-nav>a.active:before{display:none}.side-nav>a svg{width:15px;height:15px}.side-nav>a b{min-width:16px;padding:2px 4px;background:#0090ff;color:#fff;font-size:8px}.nav-group{margin:3px 0;border-radius:8px;background:rgba(1,19,57,.2);overflow:hidden}.nav-group summary{height:34px;padding:0 10px;color:#fff;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-size:10.5px;font-weight:550}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.nav-group summary i{margin-left:auto;font-style:normal;font-size:11px;transition:transform .15s}.nav-group:not([open]) summary i{transform:rotate(180deg)}.nav-submenu{padding:0 0 6px 37px}.nav-submenu a{position:relative;height:18px;margin:0;padding:0 5px;color:#cbd9eb;background:transparent!important;display:flex;align-items:center;text-decoration:none;font-size:8.5px;font-weight:400}.nav-submenu a:before{content:"•";position:absolute;left:-7px;color:#8db9ea}.nav-submenu a:hover{color:#fff;transform:none}.app-main{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}
@media(max-width:900px){.app-main{width:100%;margin-left:0}.side-brand{height:64px}}

/* Deep navy visual finish */
.sidebar{isolation:isolate;background:linear-gradient(165deg,#031329 0%,#061f42 48%,#082e5d 100%);box-shadow:7px 0 28px rgba(2,20,45,.2)}.sidebar:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 4%,rgba(34,130,230,.22),transparent 28%),radial-gradient(circle at 110% 72%,rgba(20,104,194,.15),transparent 34%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,100% 44px}.sidebar:after{content:"";position:absolute;inset:64px 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(99,177,255,.32),transparent)}.side-brand{background:linear-gradient(90deg,rgba(0,0,0,.14),transparent)}.mini-logo{color:#64b9ff;filter:drop-shadow(0 0 9px rgba(65,164,255,.3))}.side-nav>a{border:1px solid transparent}.side-nav>a:hover{border-color:rgba(130,192,255,.09);background:rgba(75,145,216,.1)}.side-nav>a.active{border-color:rgba(116,190,255,.25);background:linear-gradient(100deg,#0757ad,#0879df);box-shadow:0 7px 18px rgba(0,45,105,.32),inset 0 1px rgba(255,255,255,.16)}.nav-group{border:1px solid rgba(108,171,231,.07);background:rgba(0,10,31,.24);box-shadow:inset 0 1px rgba(255,255,255,.025)}.nav-group[open]{border-color:rgba(90,163,231,.12);background:rgba(0,12,37,.32)}.nav-group summary{color:#e2edf9}.nav-group summary:hover{background:rgba(72,144,216,.08)}.nav-group summary i{color:#70b8f7}.nav-submenu{position:relative}.nav-submenu:before{content:"";position:absolute;left:28px;top:1px;bottom:9px;width:1px;background:linear-gradient(#2876bd,rgba(40,118,189,.08))}.nav-submenu a{color:#b7cce2}.nav-submenu a:before{left:-9px;color:#58a9ed}.nav-submenu a:hover{color:#fff;text-shadow:0 0 10px rgba(100,181,255,.35)}