/* Insan Agraria: blue identity, career workspace and consistent actions. */
.splash{background:radial-gradient(ellipse at 50% 40%,#173e6d 0%,#0d2d5b 65%);color:#fff;isolation:isolate;overflow:hidden}
/* The same woven cloth as login, curving around the welcome without covering it. */
.splash::before,.splash::after{content:'';position:absolute;top:-12%;bottom:-12%;width:clamp(115px,19vw,300px);background:url('assets/tenun-cloth.svg') no-repeat center/100% 100%;pointer-events:none;z-index:-1}
.splash::before{left:-3%;transform:rotate(-13deg) scaleX(-1);opacity:.43}
.splash::after{right:-2%;transform:rotate(12deg);opacity:.72}
.splash>.boot-logo,.splash>.welcome-copy,.splash>.boot-message,.splash>#skip-splash{position:relative}
@media(max-width:600px){.splash::before,.splash::after{width:105px;top:-7%;bottom:-7%}.splash::before{left:-53px;opacity:.32;transform:rotate(-8deg) scaleX(-1)}.splash::after{right:-38px;opacity:.5;transform:rotate(8deg)}}.splash .welcome-copy h1,.splash .welcome-copy p,.splash #boot-status{color:#fff}.splash .welcome-copy .welcome-eyebrow{color:#d4a853}.splash #skip-splash{color:#f0ce87}.splash .loading-spinner{border-color:#ffffff40;border-top-color:#d4a853}
.auth-form-panel .auth-login-logo{aspect-ratio:3540/1130;width:290px;max-width:100%;height:auto;border-radius:0;background:transparent}
#sidebar{background:#0d2d5b;border-right-color:#0d2d5b;color:#dbe6f6}#sidebar .sidebar-brand{color:#fff}#sidebar .sidebar-brand b{color:#fff}#sidebar .sidebar-brand small{color:#c1cde2}#sidebar .sidebar-brand .brand-icon{background:transparent;border-radius:0}#sidebar .sidebar-brand .brand-icon img{padding:0 3px}#sidebar .nav-item{color:#d4e0f2}#sidebar .nav-item:hover{background:#193e70;color:white}#sidebar .nav-item.active{background:#224b80;color:#fff;box-shadow:none}#sidebar .nav-item.active>.icon{color:#e0b85f}#sidebar .nav-count{background:#ffffff20;color:#fff}#sidebar .nav-separator{border-color:#ffffff24;background:#ffffff18}#sidebar .sidebar-note,#sidebar .sidebar-footer,#sidebar small{color:#bdcce2}#sidebar .sidebar-bottom{border-color:#ffffff20}#sidebar a:focus-visible{outline:2px solid #e4bd67;outline-offset:3px}
.career-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 24px}.career-stat{text-align:left;border:1px solid #dde4ee;border-radius:12px;background:white;padding:20px;color:#0d2d5b;cursor:pointer;font:inherit}.career-stat:hover{border-color:#819cbd;background:#f4f7fb}.career-stat>span{display:block;font-size:12px;color:#607491}.career-stat>b{display:block;font-size:29px;margin-top:12px}.career-stat small{font-size:11px;color:#75829a;font-weight:400}.career-year{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.career-year input{max-width:95px;height:42px;border:1px solid #d4dce8;border-radius:8px;padding:9px;font:inherit}.career-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px;font-size:12px;color:#5f718c}.career-pagination>span{margin-right:auto}.discipline-record{border:1px solid #dce4ef;border-radius:12px;padding:18px;margin:16px 0}.discipline-record legend{font-size:12px;font-weight:600;color:#2b4468;padding:0 7px}.discipline-record .reset-button{margin-top:12px}
.filters .button,.map-toolbar .button{min-height:42px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:20px;border-radius:8px;box-shadow:none}.filters select,.filters .search-field,.map-toolbar input{min-height:42px}.button.reset-button{background:#fff0ef;color:#a33a3a;border:1px solid #efcecb;box-shadow:none}.button.reset-button:hover{background:#fbe2df;border-color:#dcaaa5}.map-toolbar .button.primary{background:#0d2d5b;color:#fff;border:1px solid #0d2d5b}
.map-foot .map-legend{position:static;box-shadow:none;border:0;background:none;padding:0;z-index:auto}.map-location-button{position:absolute;right:16px;bottom:44px;z-index:600;width:44px;height:44px;padding:10px;display:grid;place-items:center;border-radius:50%;border:1px solid #d6deeb;background:#fff;color:#0d2d5b;cursor:pointer;box-shadow:0 2px 8px #132b4920}.map-location-button:hover{background:#edf3fc}.map-location-button:disabled{opacity:.5}.map-location-button:focus-visible{outline:3px solid #a9bfdf;outline-offset:2px}.map-location-button .icon{width:21px;height:21px}.map-canvas-wrap .leaflet-control-scale{margin-bottom:8px}.hko-map-pin{background:#0d2d5b}
@media(max-width:1000px){.career-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.career-stats{gap:10px}.career-stat{padding:16px 12px}.career-stat>b{font-size:25px}.career-pagination{flex-wrap:wrap}.career-pagination>span{flex-basis:100%}.discipline-record{padding:12px}.auth-form-panel .auth-login-logo{width:250px}}
#sidebar .workspace-label{background:#173b6b;border-color:#ffffff20;color:#dbe6f6}#sidebar .nav-section-label{color:#91aacc}#sidebar .sidebar-help{background:#153866;border-color:#ffffff20;color:#fff}#sidebar .sidebar-help p{color:#bdcde5}#sidebar .sidebar-help .text-button{color:#f0cb7f}#sidebar .help-orb{background:#ffffff12;border-color:#ffffff25;color:#fff}



.career-stat>.stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.career-stat>.stat-top .stat-icon{flex-shrink:0}.career-stat>small{display:block;margin-top:7px}.password-control{position:relative}.password-control input{width:100%;padding-right:48px}.password-eye{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#496383;cursor:pointer;border-radius:7px}.password-eye:focus-visible{outline:2px solid #0d2d5b;outline-offset:1px}

.career-status-history{padding:14px 16px;border:1px solid #dce4ef;border-radius:10px;margin:16px 0}.career-status-history summary{cursor:pointer;font-weight:600}.career-status-history li{padding:8px 0}.career-status-history p{margin:4px 0;font-size:12px;color:#607491}

.career-stat>.stat-top{min-height:32px}