:root{
  --ui-blue:#176fb0;--ui-blue-dark:#105d99;--ui-blue-soft:#eaf4ff;
  --ui-ink:#111827;--ui-muted:#7b8494;--ui-line:#e4e8ef;--ui-bg:#f7f8fb;
  --ui-green:#11b981;--ui-orange:#ff9417;--ui-purple:#8b3df1;--ui-red:#ff3347;
}
*{scrollbar-color:#9fc6e3 transparent;scrollbar-width:thin}
body{background:var(--ui-bg);color:var(--ui-ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}
.side{width:250px;padding:0 14px 18px;background:linear-gradient(180deg,#1b78b9 0%,#12639f 100%);box-shadow:5px 0 22px #123d6812}
.logo{height:78px;padding:0 4px;border-bottom:1px solid #ffffff25}
.logo .mark{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--ui-blue);box-shadow:0 5px 14px #0d47772b}
.logo b{font-size:17px}.logo small{color:#d9efff}
.nav{gap:5px;margin-top:12px;padding-bottom:120px}
.nav button{min-height:43px;padding:10px 12px;border-radius:9px;color:#e4f3ff;font-size:13px;font-weight:550}
.nav button:hover{background:#ffffff17}.nav button.active{background:#3488ff;color:#fff;font-weight:750;box-shadow:0 8px 18px #08487835}
.nav .sep{margin:14px 10px 4px;color:#add8f5;font-size:10px;font-weight:800;letter-spacing:.1em}
.nav-icon{width:18px!important;height:18px!important;stroke-width:1.8!important}
.cashbox{left:14px;bottom:14px;width:222px;border:1px solid #ffffff1f;background:#0c538b9e;box-shadow:0 10px 24px #063d662e;backdrop-filter:blur(8px)}
.cashbox small{color:#cfeaff}.cashbox b{color:#fff}
.main{margin-left:250px}.header{height:78px;padding:0 28px;background:#fff;border-bottom:1px solid var(--ui-line);box-shadow:0 3px 12px #21344d08;backdrop-filter:none}
.header h1{font-size:21px;color:#111827}.header small{color:#9299a7}.actions{gap:10px}
.user-chip{border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:12px!important;box-shadow:0 3px 10px #2039570a}
.user-chip>span{background:var(--ui-blue)!important;color:#fff!important}
.save-status{padding:7px 10px;border-radius:16px;background:#effaf6;color:#07865c!important}
.content{max-width:1650px;padding:22px 26px 40px}
.top{align-items:center;margin-bottom:18px}.top h2{font-size:24px;letter-spacing:-.025em}.top p{color:var(--ui-muted)}
.btn{border-radius:9px;background:var(--ui-blue);box-shadow:0 4px 11px #176fb026}
.btn.lime{background:var(--ui-blue);color:#fff}.btn.ghost{background:#f3f5f8;color:#243142;box-shadow:none;border:1px solid #e8ebf0}.btn.red{background:#fff0f2;color:#d6273d}
.card{border:1px solid var(--ui-line);border-radius:15px;background:#fff;box-shadow:0 4px 14px #16283e08;padding:18px}
.card:hover{border-color:#d5dce6}.grid4{gap:16px}.grid3{gap:16px}.grid2{gap:18px}
.stat{position:relative;min-height:170px;padding:20px}.stat .ico{width:44px;height:44px;border-radius:11px;background:var(--ui-blue-soft);color:var(--ui-blue)}
.stat:nth-child(2) .ico{background:#e8fbf5;color:var(--ui-green)}.stat:nth-child(3) .ico{background:#fff7e6;color:var(--ui-orange)}.stat:nth-child(4) .ico{background:#f4ebff;color:var(--ui-purple)}
.stat small{margin-top:19px;color:#727b8b}.stat strong{font-size:25px;color:#101828}
.bar{height:8px;background:#f0f2f6}.bar span{background:linear-gradient(90deg,#1771b2,#1a91dc)}
.badge{background:#eaf5ff;color:#146aa8}.badge.warn{background:#fff4df;color:#b26a00}.badge.red{background:#ffebee;color:#d4283d}.badge.gray{background:#f1f3f6;color:#667085}
.tablewrap{border-radius:15px}.tablewrap table{min-width:760px}th{padding:13px 12px;background:#f7f9fc;color:#667085;font-size:11px;border-bottom:1px solid #e3e7ee}td{padding:13px 12px;border-color:#edf0f4}
tbody tr:hover{background:#f8fbff}.toolbar,.professional-filters{padding:12px;border:1px solid var(--ui-line);border-radius:13px;background:#fff}
.field input,.field select,.field textarea,.toolbar input,.toolbar select,.line input,.line select{border-color:#dfe4eb;border-radius:9px;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:3px solid #d9edff;border-color:#4a9add}
.box{border-radius:18px;box-shadow:0 28px 80px #13293d40}.modal{background:#0f263a8a;backdrop-filter:blur(4px)}
.alert{border-left:0;border:1px solid #ffe1a9;background:#fff9ed}.alert.red{border-color:#ffc7cf;background:#fff2f4}.alert.green{border-color:#bdebdc;background:#effbf7}
.green{color:#05966a}.red-text{color:#e02c43}.total{background:#edf7ff}.total b{color:var(--ui-blue)}
.emg-period-bar{border-color:var(--ui-line)!important;background:#f2f4f7!important}.emg-period-bar button.active{background:#fff!important;color:var(--ui-blue)!important;box-shadow:0 2px 8px #12253b14!important}
.emg-result-card,.insight-card,.profit-project-panel,.workflow-panel{border-color:var(--ui-line)!important;box-shadow:0 4px 14px #16283e08!important}
.emg-share-panel,.management-hero{border-radius:16px!important}
.pro-icon{border-radius:11px!important}.compact-kpis .card{min-height:112px}
.login-screen{background:linear-gradient(135deg,#0d5d99,#1f8dcc)}.login-card{border:1px solid #ffffff4a;border-radius:20px;box-shadow:0 35px 80px #06365d55}
.platform-admin .side{background:linear-gradient(180deg,#1b78b9 0%,#12639f 100%)}
.platform-admin .mark{background:#fff;color:var(--ui-blue)}
.platform-admin .nav button{color:#e4f3ff}.platform-admin .nav button.active,.platform-admin .nav [data-page="platform"].active{background:#3488ff;color:#fff}
.platform-admin .content{background:var(--ui-bg)}.platform-admin .header{box-shadow:0 3px 12px #21344d08}
.platform-kpi,.platform-panel{border-color:var(--ui-line);border-radius:15px;box-shadow:0 4px 14px #16283e08}
.platform-primary{background:var(--ui-blue);box-shadow:0 5px 13px #176fb02a}
@media(max-width:1100px){.main{margin-left:0}.side{width:250px}.content{padding:18px}.header{padding:0 18px}}
@media(max-width:700px){.header{height:68px}.content{padding:14px 11px 92px}.card{border-radius:13px}.stat{min-height:130px}.emg-dashboard-hero{padding:22px!important}.emg-hero-stats{grid-template-columns:1fr 1fr!important}}

/* Reference-style dashboard */
.emg-dashboard-top{margin-bottom:16px}.emg-dashboard-top h2{font-size:24px}
.emg-dashboard-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:29px 30px 26px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#1777b9,#0f609d);box-shadow:0 16px 34px #1267a52b}
.emg-dashboard-hero:after{content:"";position:absolute;right:-80px;top:-130px;width:330px;height:330px;border-radius:50%;background:#ffffff0a}
.emg-dashboard-hero h2{position:relative;z-index:1;margin:0;font-size:30px;letter-spacing:-.03em}.emg-dashboard-hero p{position:relative;z-index:1;margin:5px 0 22px;color:#dcefff}
.emg-hero-date{display:inline-flex;margin-left:12px;padding:6px 12px;border-radius:18px;background:#ffffff1d;font-size:12px;vertical-align:middle}
.emg-hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.emg-hero-stat{padding:16px;border:1px solid #ffffff28;border-radius:14px;background:#ffffff12;backdrop-filter:blur(6px)}
.emg-hero-stat span{display:block;color:#dcefff;font-size:12px}.emg-hero-stat strong{display:block;margin-top:8px;font-size:24px;letter-spacing:-.02em}
.emg-dashboard-section{margin-top:20px}.emg-dashboard-section>h3{margin:0 0 14px;font-size:18px}
.emg-project-list{max-height:560px;overflow:auto;padding-right:5px}
.emg-attention{display:grid;gap:12px}.emg-attention .alert{margin:0;padding:16px}