:root{--bg:#fafafa;--ink:#1d1d1f;--muted:#62666d;--line:#e4e4e6;--green:#c8203a;--green-dark:#a3162d;--mint:#fcf0f2;--brand:#c8203a;--brand-deep:#a3162d;--radius:22px;--site-shadow:0 16px 44px #1c1c2812,0 2px 8px #1c1c280a,inset 0 1px 0 #fff}
body{background:#fafafa;color:#1d1d1f}
::selection{background:#c8203a;color:#fff}
.sidebar{top:14px;right:14px;bottom:14px;height:calc(100dvh - 28px);border:1px solid #e8e8eb;border-radius:24px;box-shadow:0 8px 32px #1c1c2806;background:#fff;padding:25px 15px 17px}
.brand{margin-bottom:23px}.brand-logo{width:188px}
.workspace{border-radius:15px;background:#f6f6f7;border-color:#ececee}.workspace strong{color:#33363b}.workspace small{color:#696d73}
.workspace .avatar,.avatar{background:#f8e9ec;color:#a3162d}
.nav-title{color:#73777d;letter-spacing:.2px;font-weight:600}
.nav-item{border-radius:99px;color:#55595f;min-height:43px;padding:11px 14px}
.nav-item:hover{background:#f4f4f6;color:#a3162d;transform:translateX(-2px)}
.nav-item.active{background:linear-gradient(110deg,#d22540,#b51a34);color:#fff;box-shadow:0 5px 16px #c8203a24}
.nav-item.active:before{display:none}.nav-item.active .counter{background:#ffffff29;color:#fff;box-shadow:none}
.help-box{background:#f7f7f8;border-color:#ededee;color:#62666d;border-radius:15px}.help-box strong{color:#a3162d}
.sidebar-user{border-color:#ececee}.user-copy strong{color:#33363b}.user-copy small{color:#73777d}
.main-wrap{margin-right:264px;width:calc(100% - 264px)}
.factory-strip{min-height:32px;padding:6px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(100deg,#a3162d,#c8203a 65%);color:#fff;font-size:9px;line-height:1.8}
.factory-strip span{display:inline-flex;align-items:center;gap:8px}.factory-strip i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff1c}
.topbar{top:12px;margin:12px 24px 0;width:calc(100% - 48px);height:72px;padding:0 25px;border:1px solid #fff;border-radius:22px;background:#ffffffed;backdrop-filter:blur(18px);box-shadow:var(--site-shadow)}
.breadcrumb{color:#73777d}.breadcrumb strong{color:#33363b}.top-actions{gap:12px}
.icon-button{color:#55595f;border-radius:50%}.icon-button:hover{background:#f5f5f6;color:#c8203a}
.searchbox{border-color:#ececef;background:#f7f7f8;border-radius:99px}.searchbox input{color:#33363b}.searchbox kbd{color:#73777d}
.topbar-live{border-color:#e9e9eb;background:#f7f7f8;color:#55595f}
.content{padding:30px 26px;max-width:1660px}
.page-heading{margin-bottom:25px}.page-heading h1{color:#1d1d1f;font-size:29px;font-weight:700;letter-spacing:-.7px}
.eyebrow{color:#73777d;font-size:10px}.page-subtitle{color:#62666d;font-size:12px;line-height:2}
.btn{border-radius:99px;border-color:#e4e4e6;color:#33363b;padding:11px 19px;font-weight:600;min-height:43px}
.btn:hover{background:#f4f4f5;border-color:#d8d8dc;box-shadow:0 6px 18px #1c1c2808}
.btn.primary{background:linear-gradient(110deg,#d9213b,#bb1732);box-shadow:0 7px 20px #c8203a24;color:#fff}
.btn.primary:hover{background:linear-gradient(110deg,#e32b44,#a3162d);box-shadow:0 10px 26px #c8203a35}
.btn:disabled{box-shadow:none;transform:none}.btn.danger{color:#a3162d;background:#fff0f2}
.tabs{border-radius:99px;background:#f0f0f2;border-color:#e8e8eb;padding:4px}.tab{border-radius:99px;color:#62666d}.tab.active{color:#a3162d;box-shadow:0 3px 10px #1c1c2808}
.filters select,.date-pill{border-radius:99px;border-color:#e4e4e6;color:#55595f;background:#fff}
.data-note{border-radius:14px;border-color:#e8e8eb;background:#f4f4f5;color:#62666d;line-height:1.9;font-size:10px}
.data-note button{color:#a3162d;font-weight:600}.data-note svg{color:#c8203a;flex-shrink:0}
.card,.insight-panel,.insight-metric,.brand-dept-card,.insight-brief{border-color:#e8e8eb;border-radius:22px;background:#fff;box-shadow:0 4px 18px #1c1c2803}
.insight-metric{padding:24px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s}
.insight-metric:before{content:'';position:absolute;inset:0 auto auto 0;width:70px;height:70px;background:radial-gradient(circle at top left,#c8203a0c,transparent 75%);pointer-events:none}
.insight-metric:hover,.brand-dept-card:hover{transform:translateY(-4px);box-shadow:var(--site-shadow);border-color:#dedee2}
.metric-label{color:#55595f;font-size:11px;font-weight:600}.metric-symbol{background:#f6f6f7;color:#c8203a;border-radius:50%}
.metric-big,.metric-big>.animated-value{color:#1d1d1f;font-weight:700}.metric-big small{color:#55595f}.metric-index{color:#dedee2}
.metric-note,.comparison-label,.metric-comparison .delta.neutral{color:#73777d}
.command-hero{min-height:320px;border-radius:26px;padding:36px 40px;margin-bottom:24px;background:linear-gradient(90deg,#17191c75,#17191ce8 78%),url('/assets/elsewedy-factory.webp') center 48%/cover;color:#fff;border-bottom:4px solid #c8203a;box-shadow:0 15px 36px #1c1c2810}
.command-hero:before{display:none}.command-hero:after{width:110px;height:110px;left:30%;top:auto;bottom:-62px;border:20px solid #c8203a65;transform:rotate(30deg);border-radius:16px;background:none}
.hero-grain{opacity:.15;background-size:48px 48px;mask-image:none}
.hero-eyebrow{color:#fff;font-size:9px;letter-spacing:1.8px}.hero-eyebrow i{background:#e32443;box-shadow:0 0 0 4px #c8203a30}.hero-eyebrow b{color:#dc324d}
.hero-copy h2{font-size:34px;line-height:1.6;color:#fff;margin:14px 0 12px;letter-spacing:-.6px}.hero-copy h2 span{color:#fff}.hero-copy h2 span:after{content:'';display:block;width:57px;height:3px;background:#dd2542;border-radius:3px;margin-top:14px}
.hero-copy>p{color:#e0e0e2;font-size:11px;max-width:430px}.hero-facts{margin-top:24px;color:#dddfe2;gap:26px}.hero-facts b{color:#fff;font-size:20px}.hero-facts button{background:#c8203a;color:#fff;border:1px solid #ffffff1c;border-radius:99px;padding:10px 16px;font-weight:600;transition:background .2s,transform .2s}.hero-facts button:hover{background:#a3162d;transform:translateX(-2px)}
.hero-orbit{width:180px;height:180px;background:#181a1d55;border:1px solid #ffffff20;border-radius:50%;backdrop-filter:blur(7px);flex-shrink:0;margin-inline-start:25px}
.orbit-track{stroke:#ffffff1c}.orbit-label>.animated-value{color:#fff}.orbit-label span{color:#fff}.orbit-label small{color:#d5d5d9}.hero-ribbon{display:none}
.chart-kicker{color:#c8203a;font-weight:700;font-size:9px;letter-spacing:1.6px}.insight-head h2,.intelligence-section h2,.table-head h2,.card-title,.section-heading h2{color:#1d1d1f;font-size:16px;font-weight:700}
.insight-head p,.card-subtitle,.mini-label,.form-hint,.field-help,.entry-section-head p{color:#73777d}
.insight-head{border-color:#ededee}.insight-head .panel-chip{background:#f5f5f6;color:#62666d;border-color:#e8e8eb;border-radius:99px}
.intelligence-section{margin-top:31px}.intelligence-section h2{font-size:22px}.text-action,.card-link,.panel-more{color:#a3162d}
.brand-dept-card{padding:24px;transition:transform .3s cubic-bezier(.32,.72,0,1),box-shadow .3s}.dept-card-title h3{color:#1d1d1f;font-size:18px}.dept-card-title>span{color:#73777d;font-size:8px;letter-spacing:1.5px}.dept-card-top{color:#73777d}.dept-number{color:#c8203a;border-color:#e8e8eb;background:#fafafa;border-radius:50%}.dept-running{color:#62666d}.dept-card-metrics strong,.dept-card-metrics>div:nth-child(n+2) strong{color:#33363b}.dept-card-metrics small{color:#73777d}.department-track{background:#ededf0}
.factor-line span,.rank-name strong,.quality-column h3{color:#33363b}.factor-line strong,.loss-donut strong,.pareto-item strong{color:#1d1d1f}.factor-line small{color:#73777d}.factor-equation{background:#f6f6f7;border-color:#e8e8eb;color:#62666d}.factor-equation strong{color:#c8203a}.plot-foot,.plot-foot strong,.production-plot text,.trend-legend{color:#73777d;fill:#73777d}.pareto-item>div:first-child,.loss-legend>div,.loss-legend strong,.loss-legend b,.shift-comparison span,.rank-name small{color:#62666d}.ranking-row>b,.quality-ring>span{color:#a3162d}.ranking-row{border-color:#eeeef0}.brief-item strong{color:#a3162d}.brief-item p,.quality-column>div:not(.quality-ring),.quality-column b,.heatmap-name,.heatmap-day{color:#62666d}
thead{background:#f6f6f7}th{color:#62666d;font-weight:600;border-color:#e8e8eb}td{color:#55595f;border-color:#eeeef0}td strong{color:#33363b}tbody tr:hover{background:#fafafa}.machine-name small{color:#73777d}.table-head .badge-count{background:#f7ecef;color:#a3162d}.table-footer{color:#73777d;border-color:#ececee}
.form-grid label,.entry-section .form-grid label{color:#55595f}input,select,textarea{color:#33363b;border-radius:12px;border-color:#e4e4e6;background:#fff}.form-preview{background:#f8f8f9;border-color:#e4e4e6;border-radius:20px}.form-preview small{color:#62666d}.form-preview strong{color:#a3162d}.entry-section-head h2{color:#33363b}.entry-helper{background:#242527;border-bottom:3px solid #c8203a;border-radius:22px}.entry-helper h3{color:#fff}.entry-helper ol,.entry-tip{color:#d5d5d8}
.status-pill{border-radius:99px}.status-pill.gray{background:#f0f0f2;color:#62666d}.status-pill.blue{background:#eaf1fc;color:#3f6594}.end-footer,.sync-status{color:#73777d}.modal-header h2{color:#1d1d1f}dialog{border-radius:24px;border-color:#e4e4e6;box-shadow:0 25px 100px #1c1c2835}dialog::backdrop{background:#15171b70;backdrop-filter:blur(7px)}
.management .manage-banner{background:#fcf1f3;color:#55595f;border-color:#c8203a;border-radius:0 14px 14px 0}.management .manage-summary span{background:#f6f6f7;border-color:#e8e8eb;border-radius:18px}.management .manage-summary strong{color:#a3162d}.management .manage-note{color:#62666d}.management .manage-card{border-radius:22px}.management .tabs{border-radius:99px}.management .manage-empty{color:#73777d}
.login-page{background:#fafafa}.login-art{position:relative;isolation:isolate;background:linear-gradient(0deg,#141619e8,#14161988),url('/assets/elsewedy-factory.webp') center/cover;border-radius:0 26px 26px 0;border-bottom:5px solid #c8203a}.login-art h1{color:#fff;font-size:44px;line-height:1.65;letter-spacing:-.5px}.login-art h1 span{color:#fff}.login-art p{color:#e0e0e2}.login-art .abstract-grid{display:none}.login-panel{background:#fafafa}.login-box h2{color:#1d1d1f}.login-box p,.login-box label{color:#62666d}.login-box .btn{border-radius:99px;background:#c8203a;color:#fff;box-shadow:0 8px 24px #c8203a26}.login-box .guest-btn{color:#a3162d}.login-foot{color:#73777d}
@media(min-width:1500px){.hero-copy h2{font-size:40px}.command-hero{min-height:340px}}
@media(max-width:1200px){.topbar{padding:0 18px}.searchbox input{width:125px}.top-actions{gap:8px}.hero-copy h2{font-size:29px}.hero-facts{gap:17px}.hero-orbit{width:160px;height:160px}.insight-metric{padding:20px}}
@media(max-width:1050px){.sidebar{right:14px;transform:translateX(112%)}.sidebar.open{transform:translateX(0)}.main-wrap{margin:0;width:100%}.factory-strip{padding-inline:22px}.topbar{margin:12px 20px 0;width:calc(100% - 40px)}.content{padding:26px 22px}.compact-logo{width:120px;height:43px}}
@media(max-width:780px){.factory-strip{font-size:8px}.factory-strip span:last-child{display:none}.command-hero{min-height:290px;padding:30px 26px}.hero-copy h2{font-size:30px}.hero-orbit{width:145px;height:145px}.hero-facts{gap:16px;flex-wrap:wrap}.page-heading h1{font-size:27px}.insight-metric{padding:22px}.topbar-live{display:none}.login-art h1{font-size:32px}}
@media(max-width:650px){.factory-strip{min-height:28px;padding:5px 17px}.topbar{height:64px;top:8px;margin:10px 12px 0;width:calc(100% - 24px);padding:0 13px;border-radius:19px}.content{padding:24px 15px}.compact-logo{width:101px;height:36px}.breadcrumb strong{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:5px}.command-hero{padding:28px 22px;min-height:330px;display:block;background-position:38% center;border-radius:23px}.hero-copy h2{font-size:29px}.hero-copy>p{max-width:88%;font-size:11px}.hero-eyebrow{font-size:7px;letter-spacing:1.1px;justify-content:flex-end}.hero-facts{margin-top:22px;max-width:100%;gap:16px}.hero-facts b{font-size:17px}.hero-facts button{font-size:10px}.hero-orbit{display:none}.insight-metric{padding:19px 15px;border-radius:19px}.metric-label{font-size:10px}.metric-note{font-size:9px}.card,.insight-panel,.brand-dept-card{border-radius:20px}.page-heading h1{font-size:25px}.page-subtitle{font-size:11px}.btn{font-size:11px;padding:10px 16px}.brand-dept-card{padding:21px}.dept-card-title h3{font-size:16px}.insight-head h2{font-size:15px}.management .tabs{border-radius:20px}.management .tab{border-radius:99px}.management .manage-checks{gap:15px}.login-art{border-radius:0}.login-box h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.insight-metric,.brand-dept-card,.hero-facts button,.nav-item{transition:none}}
.reduce-motion .insight-metric,.reduce-motion .brand-dept-card,.reduce-motion .hero-facts button{transition:none}
@media print{.factory-strip{display:none}.main-wrap{margin:0;width:100%}.content{padding:0}.command-hero{background:#242527!important;min-height:230px;border-bottom:3px solid #c8203a}.card,.insight-panel,.insight-metric,.brand-dept-card{box-shadow:none}.hero-orbit{backdrop-filter:none}.hero-copy h2{font-size:24px}}