.kaderPortal{background:#f3f8fd}.kaderMain{padding:30px 0 80px}.kaderHero{background:linear-gradient(120deg,#073669,#0b4f9c);color:#fff;padding:36px;border-radius:23px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;box-shadow:0 18px 50px #073b792c}.kaderKicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#bfe0ff}.kaderHero h1{font-size:clamp(31px,5vw,53px);margin:12px 0 10px}.kaderHero p{margin:0;color:#dceaff}.kaderNotification{background:#ffffff20;border:1px solid #ffffff50;padding:9px 13px;border-radius:14px;white-space:nowrap}.kaderNotification b{color:#f5c928}.kaderAlert{display:inline-block;margin-top:18px;color:#fff;background:#f5c92833;border:1px solid #f5c92890;padding:7px 11px;border-radius:9px;font-size:13px}.kaderMain section{padding:22px}.kaderPriority,.kaderGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:17px}.kaderPanel{background:#fff;border:1px solid #dce8f5;border-radius:18px;padding:22px;box-shadow:0 6px 22px #0a3e6c0a;min-width:0}.kaderPanel h2{font-size:21px;margin:0;letter-spacing:-.025em}.kaderPanel p{color:#607187;font-size:14px}.kaderPanel a{color:#0b4f9c;font-size:13px;font-weight:800}.kaderToday{background:linear-gradient(145deg,#0b376a,#0b4f9c);color:#fff}.kaderToday a{color:#f5c928}.kaderToday .kaderKicker{color:#f5c928}.kaderNumbers{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.kaderNumbers>div{flex:1;min-width:80px;padding:10px 13px;background:#eaf4ff;border-radius:12px}.kaderNumbers b{display:block;font-size:27px;line-height:1.1;color:#0b4f9c}.kaderNumbers span{font-size:11px;color:#5e7084}.kaderToday .kaderNumbers>div{background:#ffffff18}.kaderToday .kaderNumbers b,.kaderToday .kaderNumbers span{color:#fff}.kaderHeading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.kaderRow{display:block;padding:11px 0;border-bottom:1px solid #e2ebf5}.kaderRow:last-child{border:0}.kaderRow b{display:block;font-size:14px;color:#173757}.kaderRow small{display:block;color:#6a7b8c;margin-top:4px}.kaderQuick{padding:24px 0!important}.kaderQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kaderQuickGrid>*{background:#fff;border:1px solid #d9e7f6;border-radius:15px;padding:17px;font-size:26px;min-height:110px}.kaderQuickGrid b,.kaderQuickGrid span{display:block;font-size:14px;color:#083e78}.kaderQuickGrid span{font-size:11px;color:#667d94}.kaderGames{margin-top:17px}.kaderGameGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kaderGameGrid>div{background:#f3f8fd;border-radius:12px;padding:16px}.kaderGameGrid h3{color:#073d7a;margin:0}.kaderGameGrid button{background:#0b4f9c;color:#fff;border:0;padding:8px 11px;border-radius:8px;cursor:pointer}.kaderGameGrid input{width:100%;padding:8px;margin:8px 0;border:1px solid #b7cde3;border-radius:8px}.kaderGameGrid small{display:block;margin-top:8px}.kaderTimeline{list-style:none;padding:0;margin:0}.kaderTimeline li{border-left:3px solid #f5c928;padding:8px 0 8px 16px}.kaderTimeline b{display:block;color:#0b4f9c}.kaderPhotos{display:flex;gap:7px;overflow-x:auto}.kaderPhotos img{width:120px;height:105px;object-fit:cover;border-radius:10px}.kaderProfile{display:flex;gap:18px;align-items:center;margin-top:17px!important}.kaderProfile img,.kaderProfile>div:first-child span{width:70px;height:70px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e7f1fb;font-size:30px}.kaderProfile p{margin:3px 0}.kaderProfile a{margin-right:15px}
@media(max-width:850px){.kaderQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.kaderGameGrid{grid-template-columns:1fr}}@media(max-width:650px){.kaderMain{padding-top:16px}.kaderHero{padding:24px}.kaderPriority,.kaderGrid{grid-template-columns:1fr}.kaderPanel{padding:17px}.kaderMain section{padding:17px}.kaderQuickGrid>*{min-height:96px}.kaderHero h1{font-size:32px}}
/* Dashboard Pengurus shares the public navigation and responsive panel system. */
.pengurusPortal{background:#f3f8fd}.pengurusHero{background:linear-gradient(115deg,#072e5d 0%,#0b4f9c 73%,#1266ab 100%);color:#fff;padding:40px;border-radius:23px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 18px 50px #073b792c;overflow:hidden}.pengurusHero .kaderKicker{color:#f5c928}.pengurusHero h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:11px 0}.pengurusHero p{color:#e2edfa;margin:0;font-size:15px}.pengurusHeroMark{font-size:clamp(55px,10vw,125px);font-weight:950;color:#ffffff18;letter-spacing:-.07em;line-height:1}.pengurusHeroLinks{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.pengurusHeroLinks a{display:inline-block;padding:9px 13px;border-radius:9px;color:#fff;border:1px solid #ffffff70;background:#ffffff19;font-size:12px;font-weight:800}.pengurusHeroLinks a:hover{background:#f5c928;color:#082f58}.pengurusSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0}.pengurusSummary>div{padding:17px;background:#fff;border:1px solid #dce8f5;border-radius:15px}.pengurusSummary span{display:block;color:#667d94;font-size:12px;font-weight:750}.pengurusSummary strong{display:block;color:#0b4f9c;font-size:30px;margin-top:7px}.pengurusQuick .kaderQuickGrid>*{text-decoration:none}.pengurusGrid{align-items:stretch}.pengurusGrid .kaderPanel{height:100%}
@media(max-width:850px){.pengurusSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pengurusHero{padding:26px}.pengurusHeroMark{display:none}.pengurusHeroLinks a{font-size:11px}.pengurusSummary strong{font-size:25px}}
.pengurusGateway{min-height:65vh}.pengurusGatewayContent{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin:18px 0}.pengurusGatewayContent .kaderPanel{padding:25px}.pengurusGatewayContent .kaderKicker{color:#0b4f9c}.pengurusGatewayContent h2{color:#173757}.pengurusGatewayCta{display:inline-flex;margin-top:8px;padding:10px 14px;border-radius:9px;background:#f5c928;color:#173757!important;font-weight:900;text-decoration:none}@media(max-width:650px){.pengurusGatewayContent{grid-template-columns:1fr}}