/* V9.8.12 additive user-only presentation. No admin or financial logic changed. */
#dashboard.ek1212-app{max-width:1280px;padding:28px 22px 75px;color:#102b55}
#dashboard.ek1212-app>h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.8px;margin:0 0 17px}
#dashboard.ek1212-app>h1 .muted{font-size:12px;letter-spacing:0;background:#e9f2ff;padding:6px 9px;border-radius:20px;vertical-align:middle}
#dashboard.ek1212-app .ek-real-banner{background:linear-gradient(110deg,#e5f1ff,#e8fff5);border:1px solid #cde6f6;color:#315479;border-radius:15px;padding:14px 18px}
#dashboard.ek1212-app .ek-real-stats{gap:14px;margin:18px 0 23px}
#dashboard.ek1212-app .ek-real-stat{min-height:128px;border-radius:20px;padding:20px;border:1px solid #e0eaf7;box-shadow:0 8px 26px #102c5910;font-size:14px;font-weight:650;position:relative;overflow:hidden}
#dashboard.ek1212-app .ek-real-stat:before{content:'◉';display:block;font-size:20px;margin-bottom:8px;opacity:.65}
#dashboard.ek1212-app .ek-real-stat:nth-child(1){background:linear-gradient(135deg,#e9f3ff,#fff);color:#1453b4}
#dashboard.ek1212-app .ek-real-stat:nth-child(2){background:linear-gradient(135deg,#e1fff2,#fff);color:#047b51}
#dashboard.ek1212-app .ek-real-stat:nth-child(3){background:linear-gradient(135deg,#fff2e2,#fff);color:#9b5d15}
#dashboard.ek1212-app .ek-real-stat:nth-child(4){background:linear-gradient(135deg,#eae8ff,#fff);color:#5842ae}
#dashboard.ek1212-app .ek-real-stat strong{font-size:clamp(23px,2.4vw,31px);color:inherit;letter-spacing:-.6px}
#dashboard.ek1212-app .ek-real-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
#dashboard.ek1212-app .ek-real-tabs button{background:white;border:1px solid #e1e9f8;border-radius:12px;padding:13px 16px;color:#37547d;box-shadow:0 2px 8px #0c39700a}
#dashboard.ek1212-app .ek-real-tabs button.active{background:linear-gradient(110deg,#085fea,#079fbe);color:white;border-color:transparent}
#dashboard.ek1212-app #ekRealContent{border:1px solid #e0e9f6;border-radius:22px;box-shadow:0 10px 30px #102c5910;padding:26px;min-height:260px}
#dashboard.ek1212-app #ekRealContent h2{font-size:24px;color:#102f63}
#dashboard.ek1212-app .ek1212-tools{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0;padding:14px;background:#f4f8ff;border:1px solid #e0eafa;border-radius:15px}
#dashboard.ek1212-app .ek1212-tools input,#dashboard.ek1212-app .ek1212-tools select{min-width:0;flex:1 1 150px;padding:11px;border:1px solid #cbdcf0;border-radius:10px;background:#fff;color:#1a3a65;font:inherit}
#dashboard.ek1212-app .ek-real-table{border-radius:12px;border:1px solid #e2eaf5;overflow:auto}
#dashboard.ek1212-app .ek-real-table th{background:#eef5ff;color:#234d80;font-size:12px;white-space:nowrap}
#dashboard.ek1212-app .ek-real-table td{font-size:13px;white-space:nowrap}
#dashboard.ek1212-app .ek1212-empty{color:#697d98;padding:14px}
#dashboard.ek1212-app .ek1212-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
#dashboard.ek1212-app .ek1212-quick button{background:#f1f7ff;border:1px solid #d7e7fa;border-radius:16px;color:#14477e;text-align:left;min-height:88px;padding:16px}
#dashboard.ek1212-app .ek1212-quick strong{display:block;margin-top:5px}
.ek1212-bottom{display:none}
@media(max-width:680px){
 body:has(#dashboard.ek1212-app:not(.hidden)){background:#f4f8ff}
 body:has(#dashboard.ek1212-app:not(.hidden)) header{position:relative;box-shadow:none;border-bottom:1px solid #e8eef7;padding:12px 16px;gap:8px}
 body:has(#dashboard.ek1212-app:not(.hidden)) header .logo{font-size:24px}
 body:has(#dashboard.ek1212-app:not(.hidden)) header nav{width:100%;justify-content:space-between;gap:7px}
 body:has(#dashboard.ek1212-app:not(.hidden)) header nav>a{font-size:12px}
 body:has(#dashboard.ek1212-app:not(.hidden)) header .profile-button{padding:9px 12px;font-size:12px}
 #dashboard.ek1212-app{padding:18px 10px 100px!important}
 #dashboard.ek1212-app>h1{font-size:25px;margin:4px 5px 14px}
 #dashboard.ek1212-app>h1 .muted{font-size:10px}
 #dashboard.ek1212-app .ek-real-banner{font-size:12px;line-height:1.5;margin:0 2px}
 #dashboard.ek1212-app .ek-real-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
 #dashboard.ek1212-app .ek-real-stat{min-height:115px;padding:14px;border-radius:17px;font-size:12px}
 #dashboard.ek1212-app .ek-real-stat strong{font-size:21px;overflow-wrap:anywhere}
 #dashboard.ek1212-app .ek-real-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:7px;padding:2px 1px 12px}
 #dashboard.ek1212-app .ek-real-tabs button{white-space:nowrap;font-size:12px;padding:11px 13px;flex-shrink:0}
 #dashboard.ek1212-app #ekRealContent{padding:18px 12px;border-radius:18px}
 #dashboard.ek1212-app #ekRealContent h2{font-size:20px}
 #dashboard.ek1212-app .ek1212-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #dashboard.ek1212-app .ek1212-quick button{font-size:12px;min-height:76px;padding:12px}
 #dashboard.ek1212-app .ek1212-tools{padding:10px;gap:7px}
 #dashboard.ek1212-app .ek1212-tools input,#dashboard.ek1212-app .ek1212-tools select{flex:1 1 100%;font-size:13px}
 #dashboard.ek1212-app .ek9810-profile-card{padding:14px}
 .ek1212-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce7f5;box-shadow:0 -8px 25px #1d3c6a16;padding:7px 4px max(8px,env(safe-area-inset-bottom));z-index:7}
 .ek1212-bottom button{display:grid;gap:3px;place-items:center;background:transparent;color:#6d7d94;border:0;border-radius:12px;padding:5px 2px;font-size:10px;font-weight:700}
 .ek1212-bottom button span{font-size:19px}
 .ek1212-bottom button.active{background:#eaf3ff;color:#075cda}
 .ek1212-bottom.hidden{display:none}
}
