
/* ITILTEC V3.1.4 · Dashboard + Login */
.erp-dashboard{max-width:1500px;margin:0 auto}
.erp-hero{background:linear-gradient(120deg,#0b2545,#123b68 62%,#195b8f);border-radius:24px;padding:34px 38px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 18px 50px rgba(9,37,67,.14);margin-bottom:24px}
.erp-eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.erp-hero h1{font-size:36px;line-height:1;margin:7px 0 10px;letter-spacing:-.035em}
.erp-hero p{margin:0;color:rgba(255,255,255,.76);font-size:15px}
.erp-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.erp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:11px 16px;border-radius:11px;font-weight:800;font-size:13px}
.erp-btn-light{background:rgba(255,255,255,.11);color:#fff!important;border:1px solid rgba(255,255,255,.22)}
.erp-btn-primary{background:#fff;color:#12355b!important}
.erp-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.erp-metric-card{display:block;text-decoration:none!important;background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:21px;box-shadow:0 8px 30px rgba(15,39,66,.05);transition:.18s ease;min-height:148px}
.erp-metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,39,66,.09)}
.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.metric-icon{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:11px;font-weight:900;font-size:11px}
.metric-arrow{color:#9aa8b6}
.metric-label{display:block;color:#536272;font-size:12px;font-weight:750;margin-bottom:6px}
.erp-metric-card strong{display:block;font-size:26px;letter-spacing:-.035em;color:#15283d;margin-bottom:5px}
.erp-metric-card small{color:#8a98a6;font-size:11px}
.metric-blue .metric-icon{background:#eaf3ff;color:#1765ad}
.metric-amber .metric-icon{background:#fff6df;color:#9b6a00}
.metric-red .metric-icon{background:#fff0f1;color:#bd2d3a}
.metric-green .metric-icon{background:#eaf8ef;color:#17733b}
.erp-main-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);gap:18px}
.erp-panel{background:#fff;border:1px solid #e4e9ef;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(15,39,66,.04)}
.erp-panel-heading h2{margin:5px 0 17px;font-size:20px;color:#15283d;letter-spacing:-.02em}
.erp-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.erp-shortcut{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e8edf2;border-radius:13px;text-decoration:none!important;color:#1d3045!important;background:#fbfcfd;transition:.15s}
.erp-shortcut:hover{background:#f4f8fb;border-color:#cdd9e5}
.shortcut-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#12355b;color:#fff;font-size:11px;font-weight:900;flex:none}
.erp-shortcut strong,.erp-shortcut small{display:block}.erp-shortcut strong{font-size:13px;margin-bottom:3px}.erp-shortcut small{font-size:10.5px;color:#7a8997}
.status-list{display:flex;flex-direction:column}
.status-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f4;color:#607080;font-size:12px}
.status-row strong{font-size:16px;color:#18334f}
.status-separator{height:12px}
.status-link{display:flex;justify-content:space-between;text-decoration:none!important;color:#183f67!important;font-weight:750;font-size:12px;padding:10px 0}
.status-link:hover{color:#0c6fb4!important}

/* Login */
.itiltec-login-page{margin:0;min-height:100vh;background:#071827;font-family:Inter,Arial,sans-serif}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}
.login-visual{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 15%,#1b537f 0,#0c2d4d 34%,#071827 72%);color:#fff}
.login-brand-mark{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#2d9bd7,#3757b9);display:grid;place-items:center;font-weight:950;font-size:19px;margin-bottom:28px;box-shadow:0 18px 45px rgba(38,132,193,.2)}
.login-kicker{font-size:11px;font-weight:850;letter-spacing:.15em;color:#87b6d7}.login-kicker.dark{color:#52708c}
.login-visual h1{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:10px 0 18px}
.login-visual p{max-width:620px;color:#9db2c4;line-height:1.7;font-size:15px}
.login-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.login-chips span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:11px;color:#c9d7e1}
.login-box-wrap{display:grid;place-items:center;padding:36px;background:#f3f6f9}
.login-box{width:min(420px,100%);background:#fff;border:1px solid #e2e8ee;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(7,24,39,.12)}
.login-box h2{font-size:29px;color:#132b43;margin:7px 0 5px;letter-spacing:-.035em}.login-intro{color:#71808d;font-size:13px;margin-bottom:24px}
.login-field{margin-bottom:15px}.login-field label{display:block;font-size:11px;font-weight:800;color:#3d5368;margin-bottom:6px}
.login-field input{width:100%;box-sizing:border-box;border:1px solid #d5dde5;border-radius:11px;padding:12px 13px;font-size:14px;outline:none}.login-field input:focus{border-color:#2c77a9;box-shadow:0 0 0 3px rgba(44,119,169,.08)}
.login-button{width:100%;border:0;border-radius:11px;background:#12355b;color:#fff;padding:13px 15px;font-weight:850;font-size:13px;cursor:pointer;margin-top:3px}.login-button:hover{background:#0e2c4b}
.login-error{padding:10px 12px;border-radius:9px;background:#fff0f1;color:#a82432;font-size:12px;margin-bottom:16px}
.login-footer{text-align:center;color:#9aa7b2;font-size:10px;margin-top:20px}
@media(max-width:1100px){.erp-metrics-grid{grid-template-columns:repeat(2,1fr)}.erp-main-grid{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:680px){.erp-hero{padding:25px;display:block}.erp-hero-actions{margin-top:18px}.erp-metrics-grid{grid-template-columns:1fr}.erp-shortcuts{grid-template-columns:1fr}}
