.smk-dashboard{min-height:100vh;background:linear-gradient(180deg,#dbeafe 0%,#f8fafc 100%);padding:18px 24px 34px;color:#fff}
.smk-hero{position:relative;min-height:680px;border-radius:32px;overflow:hidden;background-image:linear-gradient(90deg,rgba(6,18,68,.88) 0%,rgba(15,42,120,.58) 42%,rgba(15,23,42,.32) 100%),url('/images/bg-gerbang-smkn1-waybungur.jpg');background-size:cover;background-position:center;box-shadow:0 28px 70px rgba(15,23,42,.25);display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:center;padding:70px 72px 170px}.smk-hero:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(0deg,rgba(219,234,254,.95),transparent);pointer-events:none}.hero-left{position:relative;z-index:2;max-width:720px}.welcome{font-size:22px;margin-bottom:12px}.hero-left h1{font-size:56px;line-height:1.05;margin:0 0 22px;font-weight:950;color:#fff;text-shadow:0 8px 26px rgba(0,0,0,.35)}.user-pill{display:inline-flex;gap:14px;align-items:center;background:rgba(67,56,202,.82);padding:14px 20px;border-radius:999px;font-weight:900;backdrop-filter:blur(10px)}.clock-card,.weather-card{margin-top:24px;width:430px;display:flex;align-items:center;gap:22px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);border-radius:24px;padding:22px 26px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.clock-icon,.weather-icon{width:72px;height:72px;border-radius:22px;background:white;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:38px}.clock-time{font-size:52px;font-weight:950;letter-spacing:1px}.clock-date{font-size:20px;font-weight:850;color:#facc15}.weather-card strong{display:block;font-size:20px}.weather-card span{display:block;margin-top:5px;color:#e0f2fe}.weather-card .temp{margin-left:auto;font-size:34px;font-weight:950}.quick-card{position:relative;z-index:2;align-self:center;background:linear-gradient(180deg,rgba(79,70,229,.92),rgba(49,46,129,.92));border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px;box-shadow:0 24px 55px rgba(15,23,42,.25);backdrop-filter:blur(12px)}.quick-card h3{font-size:23px;margin:0 0 16px;color:#fff}.quick-card a{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;background:rgba(255,255,255,.10);border-radius:18px;padding:15px 16px;margin-top:12px;font-size:28px}.quick-card span{display:flex;flex-direction:column;flex:1}.quick-card b{font-size:16px}.quick-card small{font-size:13px;color:#dbeafe}.stat-grid-modern{position:relative;margin:-112px auto 0;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1480px}.stat-modern{background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.9);border-radius:28px;padding:26px;display:flex;align-items:center;gap:20px;color:#0f172a;box-shadow:0 22px 45px rgba(15,23,42,.12)}.stat-modern .stat-icon{width:74px;height:74px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff}.stat-modern span{font-size:17px;font-weight:850;color:#334155}.stat-modern strong{display:block;font-size:38px;margin:5px 0;font-weight:950}.stat-modern small{font-size:14px;color:#64748b}.stat-modern.purple .stat-icon{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.stat-modern.blue .stat-icon{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.stat-modern.orange .stat-icon{background:linear-gradient(135deg,#f59e0b,#facc15)}.stat-modern.green .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}@media(max-width:1024px){.smk-hero{grid-template-columns:1fr;min-height:auto;padding:44px 28px 145px}.quick-card{max-width:520px}.stat-grid-modern{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.smk-dashboard{padding:12px 10px 24px}.smk-hero{border-radius:26px;padding:34px 20px 125px;background-position:center}.hero-left h1{font-size:34px}.welcome{font-size:17px}.user-pill{font-size:13px;padding:11px 14px}.clock-card,.weather-card{width:100%;padding:16px;border-radius:20px;gap:14px}.clock-icon,.weather-icon{width:54px;height:54px;font-size:28px}.clock-time{font-size:34px}.clock-date{font-size:15px}.weather-card .temp{font-size:26px}.quick-card{padding:18px;border-radius:24px}.stat-grid-modern{margin-top:-85px;grid-template-columns:1fr;gap:12px}.stat-modern{border-radius:22px;padding:18px}.stat-modern .stat-icon{width:58px;height:58px;font-size:28px}.stat-modern strong{font-size:30px}}