/* Creative Engineering — Migration 2D-3L
   Dashboard enhancement layer only. */
:root{
  --ce-navy:#0b2a5b;
  --ce-blue:#1265d8;
  --ce-sky:#25b7e8;
  --ce-orange:#ff7a12;
  --ce-green:#17a566;
  --ce-red:#e5484d;
  --ce-yellow:#f4c95d;
  --ce-purple:#7b48df;
  --ce-ink:#10213a;
  --ce-muted:#6f7a8c;
  --ce-bg:#f4f7fb;
  --ce-border:#e3e8ef;
}
.ce3l-shell{margin:0 0 18px}
.ce3l-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.ce3l-welcome h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.15;margin:0;color:var(--ce-ink);font-weight:800}
.ce3l-welcome p{margin:.45rem 0 0;color:var(--ce-muted)}
.ce3l-datebox{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--ce-border);padding:12px 14px;border-radius:14px;box-shadow:0 7px 20px rgba(20,45,80,.07);min-width:180px}
.ce3l-datebox .ce3l-dateicon{width:38px;height:38px;border-radius:11px;background:#edf5ff;display:grid;place-items:center;color:var(--ce-blue);font-weight:800}
.ce3l-datebox strong{display:block;color:var(--ce-ink);font-size:.92rem}
.ce3l-datebox span{display:block;color:var(--ce-muted);font-size:.78rem;margin-top:2px}

.ce3l-midgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.ce3l-box{background:#fff;border:1px solid var(--ce-border);border-radius:16px;box-shadow:0 8px 24px rgba(20,45,80,.07);overflow:hidden}
.ce3l-boxhead{padding:16px 18px 10px}
.ce3l-boxhead h3{margin:0;color:var(--ce-ink);font-size:1rem;font-weight:800}
.ce3l-boxhead p{margin:5px 0 0;color:var(--ce-muted);font-size:.84rem}
.ce3l-alerts{padding:4px 18px 16px;display:grid;gap:8px}
.ce3l-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border-radius:11px;font-size:.84rem}
.ce3l-alert strong{font-weight:800}
.ce3l-alert-warning{background:#fff8dd;border:1px solid #f1dfa0;color:#806100}
.ce3l-alert-danger{background:#fff0f2;border:1px solid #f4c1c6;color:#ac2631}
.ce3l-alert-info{background:#edf7ff;border:1px solid #c6e8f8;color:#135d7a}

.ce3l-quickgrid{padding:6px 18px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ce3l-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;text-decoration:none!important;border-radius:12px;border:1px solid var(--ce-border);font-size:.8rem;font-weight:750;background:#f9fbfe;color:var(--ce-ink)!important;transition:.18s ease}
.ce3l-quick:hover,.ce3l-quick:focus{transform:translateY(-1px);border-color:#ffb071;background:#fff5ec;color:#b24f00!important}
.ce3l-quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1rem}
.ce3l-q-blue .ce3l-quick-icon{background:#eaf3ff;color:var(--ce-blue)}
.ce3l-q-orange .ce3l-quick-icon{background:#fff1e4;color:var(--ce-orange)}
.ce3l-q-green .ce3l-quick-icon{background:#eaf8f1;color:var(--ce-green)}
.ce3l-q-purple .ce3l-quick-icon{background:#f1edff;color:var(--ce-purple)}
.ce3l-q-sky .ce3l-quick-icon{background:#eaf9fd;color:var(--ce-sky)}
.ce3l-q-red .ce3l-quick-icon{background:#fff0f1;color:var(--ce-red)}

.ce3l-footerbar{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#7c8694;font-size:.78rem;padding:8px 2px 0;border-top:1px solid var(--ce-border)}

@media(max-width:760px){
 .ce3l-welcome{flex-direction:column}
 .ce3l-datebox{width:100%}
 .ce3l-midgrid{grid-template-columns:1fr}
 .ce3l-quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}