/* Staff Health Check Advanced R4 — genuinely interactive PHP admin theme */
:root{--r4red:#b80b2d;--r4dark:#790318;--r4deep:#52000e;--r4muted:#58667b;--r4border:#ede7eb;--r4paper:#f8f8fb;--r4rose:#fff0f3;--r4radius:18px}
.r4-admin{--red:#bf0d32;--ink:#1c2338;--muted:#697587;background:var(--r4paper);color:#1e293d}
.r4-admin .sidebar{position:fixed;inset:0 auto 0 0;width:262px;z-index:20;display:flex;flex-direction:column;overflow-y:auto;background:linear-gradient(171deg,#92051c 0%,#ae0829 35%,#75031a 70%,#660015 100%);box-shadow:none;color:white}
.r4-admin .sidebar-brand{display:flex;align-items:center;gap:12px;padding:23px 19px 21px;min-height:103px;margin-bottom:0}
.r4-admin .sidebar-brand strong{font-size:19px;color:white;white-space:nowrap;letter-spacing:-.4px}
.r4-admin .sidebar-brand small{font-size:9px;font-weight:500;letter-spacing:1px;line-height:1.5;color:#ffe4e8}
.r4-admin .sidebar .brandmark{background:white;color:#aa0828;width:60px;height:60px;font-size:28px;border-radius:13px;box-shadow:0 6px 24px #31021823}
.r4-admin .sidebar-nav{padding:4px 0;display:flex;flex-direction:column;gap:2px}
.r4-admin .sidebar-nav .nav-item{min-height:52px;color:#ffebef;border:1px solid transparent;margin:0 12px;border-radius:11px;display:flex;align-items:center;gap:12px;padding:9px 11px;font-weight:500}
.r4-admin .sidebar-nav .nav-item.active{background:linear-gradient(90deg,#e41b48,#c41235)!important;border-color:#ff789143;box-shadow:0 6px 18px #40000e28}
.r4-admin .sidebar-nav .nav-icon{flex:none;display:grid;place-items:center;width:29px;height:29px;font-size:21px;background:transparent;opacity:.95}
.r4-admin .nav-names{display:flex;flex-direction:column;gap:0;min-width:0}
.r4-admin .nav-names strong{font-size:12px;line-height:1.3;font-weight:650}
.r4-admin .nav-names small{font-size:10px;line-height:1.6;color:#ffe9edc7}
.r4-admin .sidebar-scene{margin-top:auto;min-height:182px;position:relative;overflow:hidden;border-top:1px solid #ffffff0a;background:radial-gradient(ellipse at 35% 120%,#ed47616e,transparent 70%);display:flex;flex-direction:column;justify-content:end;gap:3px;padding:18px 25px 15px;font-size:12px;line-height:1.5;color:#ffedf0}
.r4-admin .sidebar-scene .plane-icon{position:absolute;top:-19px;left:25px;font-size:108px;transform:rotate(-11deg);line-height:1;opacity:.58;color:#fff}
.r4-admin .sidebar-scene span:last-child{position:relative;z-index:1}
.r4-admin .sidebar-bottom{position:relative;bottom:auto;background:#6d0014;border-top:1px solid #ffffff1a;margin-top:0;padding:10px 13px 14px}
.r4-admin .sidebar-bottom .nav-item{font-size:11px;min-height:32px;padding:7px 10px;margin:0;border:0}
.r4-admin .sidebar-user{padding:7px 8px 11px;gap:10px}.r4-admin .sidebar-user strong{color:#fff}.r4-admin .sidebar-user small{color:#ffb5c0}
.r4-admin .admin-content{margin-left:262px;min-width:0;background:var(--r4paper)}
.r4-admin .admin-topbar{min-height:73px;display:flex;align-items:center;justify-content:space-between;padding:11px 26px;background:#fff;border-bottom:1px solid #f0e4ea;box-shadow:0 3px 15px #76051b07;gap:18px}
.r4-admin .top-left,.r4-admin .top-right{display:flex;align-items:center;gap:15px}
.r4-global-search{width:min(620px,49vw);min-height:43px;display:flex;align-items:center;gap:9px;background:#fff9fa;border:1px solid #f2dce2;border-radius:11px;padding:4px 13px;color:#b60e32}
.r4-global-search span{font-size:23px;line-height:1}.r4-global-search input{flex:1;min-width:0;background:transparent;border:0;box-shadow:none!important;font-size:12px;color:#223049}.r4-global-search input:focus{outline:none}
.r4-global-search kbd{font-size:10px;background:#f4edf0;color:#7c7280;border-radius:7px;padding:2px 6px;white-space:nowrap}
.r4-yearpick{display:flex;align-items:center;gap:9px;border:1px solid #eedbe1;border-radius:11px;padding:8px 10px;color:#ba0a2f;background:white}
.r4-yearpick select{background:none;border:0!important;box-shadow:none!important;font-size:12px;color:#252238;font-weight:700;max-width:146px}
.r4-bell{font-size:24px;color:#a80d31}.r4-userchip{display:flex;gap:9px;align-items:center}.r4-userchip .avatar{background:#f9dce6;color:#b40d2f;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.r4-userchip strong,.r4-userchip small{display:block;line-height:1.45}.r4-userchip strong{font-size:12px}.r4-userchip small{font-size:10px;color:#8490a2}
.r4-banner{min-height:158px;padding:23px 29px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;background:radial-gradient(ellipse at 74% 74%,#ffd9e399,transparent 54%),linear-gradient(120deg,#fff 0%,#fffafa 49%,#fff0f6 100%);position:relative;border-bottom:1px solid #f6e1e9}
.r4-banner::after{content:'';position:absolute;inset:0 0 0 auto;width:43%;background-image:url('/assets/airplane.svg');background-repeat:no-repeat;background-size:contain;background-position:center right;opacity:.82;pointer-events:none}
.r4-banner>div{z-index:1;position:relative}.r4-breadcrumb{font-size:9px;font-weight:700;letter-spacing:.9px;color:#a75166}.r4-banner h1{font-size:clamp(21px,2.2vw,35px);font-weight:800;color:#811129;line-height:1.32;margin:6px 0 0;letter-spacing:-.6px}.r4-banner-en{font-size:18px;color:#550b20;line-height:1.3;font-weight:600}.r4-banner p{color:#617087;margin:5px 0 0;font-size:11px}
.r4-banner-art{text-align:right;align-self:end;width:36%;min-width:190px;padding-right:3px}.r4-banner-art>span{font-size:60px;opacity:0}.r4-banner-art small{display:block;color:#be1640;font-size:12px;line-height:1.4;text-align:right;text-shadow:0 1px 3px white;max-width:174px;margin-left:auto}
.r4-admin .admin-main{padding:21px 27px 42px;max-width:1820px;margin:0 auto}.r4-admin .admin-card,.r4-admin .metric-card{border:1px solid #eee9ee;box-shadow:0 5px 22px #1f304608;border-radius:14px}.r4-admin .admin-card{padding:21px}.r4-admin .metric-card{padding:18px;min-height:126px;position:relative;padding-left:85px}.r4-admin .metric-card .metric-icon{position:absolute;top:19px;left:16px;width:55px;height:55px;font-size:26px;border-radius:13px;background:#fae3e9;color:#b60c33}
.r4-admin .metric-card small{color:#3d4860;font-size:11px}.r4-admin .metric-card strong{color:#1c253b;font-size:28px;margin:3px 0}.r4-admin .metric-card span{color:#7a8497;font-size:10px}.r4-admin .metric-card::after{content:none}
.r4-admin .metric-grid{margin-bottom:15px;gap:13px}.r4-admin .two-col{gap:15px}.r4-admin .card-top{margin-bottom:13px}.r4-admin .card-top h3{font-size:16px;color:#283045}.r4-admin .section-kicker{color:#bd1b3c;font-size:10px;letter-spacing:1px;margin-bottom:4px}.r4-admin .status-pill.green{background:#e2fae9;color:#07834d}.r4-admin .status-pill.gray{background:#f2f3f8;color:#7c8290}
.r4-admin .welcome{padding:17px 22px;margin-bottom:13px;background:linear-gradient(104deg,#9b072b,#c81b46);border-radius:15px}.r4-admin .welcome h2{font-size:19px}.r4-admin .welcome p{font-size:11px}.r4-admin .welcome .btn{border-radius:9px;padding:10px 16px}.r4-admin .quick-toolbar{margin:0 0 16px;padding:10px 14px;border-radius:11px}.r4-admin .quick-toolbar a{font-size:11px;border-radius:8px}.r4-admin .progress-score strong{font-size:35px}
.r4-admin .operations-grid{gap:15px;grid-template-columns:1.25fr 1fr}.r4-admin .operations-card{min-height:185px}.r4-admin .two-col .admin-card{margin-bottom:15px}
.r4-admin .data-table th{background:#fbf4f6;color:#596375;font-size:10px;letter-spacing:0;padding:11px 10px}.r4-admin .data-table td{padding:11px 10px;color:#35415a;font-size:11px}.r4-admin .data-table tbody tr:hover td{background:#fff5f8}.r4-admin .data-table td:first-child strong{color:#b71539}
.r4-admin .page-intro h2{font-size:20px;color:#690d27}.r4-admin .page-intro{margin-bottom:15px}.r4-admin .page-intro p{font-size:11px}.r4-admin .btn-primary{background:linear-gradient(120deg,#be092f,#e21747);color:#fff;border-radius:9px}.r4-admin .btn-ghost{border-radius:9px}
.r4-admin .filter-bar{padding:12px 0}.r4-admin .filter-bar input,.r4-admin .filter-bar select,.r4-admin .filter-bar>select{background:#fffafa;border-color:#efdee4}
.r4-admin .admin-footer{background:transparent;border-top:1px solid #f0e6eb;color:#7b8797;padding:15px 27px}
.r4-dashboard-bottom .r4-recent-notice{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1edf0}.r4-recent-notice:last-child{border:0}.r4-recent-notice strong,.r4-recent-notice small{display:block}.r4-recent-notice strong{font-size:12px}.r4-recent-notice small{color:#939dac;font-size:10px}.r4-notice-thumb{height:55px;width:68px;border-radius:10px;display:grid;place-items:center;background:#fbe6ec;overflow:hidden}.r4-notice-thumb img{object-fit:cover;width:100%;height:100%}
.r4-status-list{display:flex;flex-direction:column}.r4-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 5px;border-bottom:1px solid #f2ecf0;color:#1aa06a;font-size:11px}.r4-status-list>div:last-child{border-bottom:0}.r4-status-list strong{font-size:10px;color:#596579;font-weight:600;text-align:right}
.r4-year-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}.r4-year-card{display:flex;gap:11px;align-items:center;min-height:98px;background:#fff;border:1px solid #e9e7ee;border-radius:14px;padding:15px;transition:all .18s}.r4-year-card:hover{transform:translateY(-2px);box-shadow:0 11px 25px #62092112}.r4-year-card.is-selected{border-color:#d4234d;background:#fff2f5}.r4-year-icon{height:48px;width:48px;border-radius:12px;background:#f6f1f5;color:#ae1240;display:grid;place-items:center;font-size:24px}.r4-year-card strong,.r4-year-card span:not(.r4-year-icon),.r4-year-card small{display:block}.r4-year-card strong{font-size:19px}.r4-year-card div>span{font-size:12px}.r4-year-card small{font-size:10px;color:#818b9a}
.r4-actions{display:flex;flex-direction:column;gap:9px}.r4-action-btn{background:#fff2f5;border:1px solid #f3dfe5;border-radius:11px;padding:13px 15px;color:#aa1031;font-size:12px;font-weight:700}.r4-action-btn:hover{background:#ffe5ec}.r4-action-btn span{font-size:18px;margin-right:10px}.r4-usage-panels .admin-card{margin-bottom:15px}.r4-bars{height:194px;display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin:9px 0 8px;padding:4px 3px 5px;border-bottom:1px solid #e9eaf1}.r4-bar-col{display:flex;align-items:center;flex-direction:column;height:100%;flex:1;min-width:0;gap:4px}.r4-bar-col strong{font-size:10px;color:#677289;margin-top:auto}.r4-bar-track{height:139px;width:100%;min-width:10px;max-width:38px;display:flex;align-items:flex-end}.r4-bar-track div{width:100%;background:linear-gradient(180deg,#e81748,#ff9bad);border-radius:6px 6px 0 0;min-height:3px}.r4-bar-col small{font-size:9px;color:#778398;white-space:nowrap}
.r4-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#758196;font-size:11px;margin-top:15px}.r4-pagination a{display:inline-block;padding:7px 10px;color:#b41339;background:#fff2f6;border:1px solid #f1dee4;border-radius:8px;margin:0 4px}
.public-body .hero{background:radial-gradient(circle at 87% 18%,#ffcddfa9,transparent 39%),linear-gradient(122deg,#fff,#fff5f7 70%,#fce3eb)}
.public-body .hero .float-tag{color:#be0b35}.public-body .hero-art .glow-circle{background:radial-gradient(circle,#ffe8ef,#fbbdd1)}
.public-body .search-btn{background:linear-gradient(110deg,#aa062c,#de2451)!important}
.public-body .notice-card:hover{border-color:#f2a3b7}
@media(max-width:1250px){.r4-admin .sidebar{width:224px}.r4-admin .admin-content{margin-left:224px}.r4-admin .nav-names small{font-size:9px}.r4-admin .metric-card{padding-left:70px}.r4-admin .metric-card .metric-icon{width:44px;height:44px;font-size:22px}.r4-admin .metric-card strong{font-size:25px}.r4-admin .r4-banner-art small{display:none}.r4-admin .operations-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.r4-admin .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-admin .r4-year-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-admin .two-col{grid-template-columns:1fr}.r4-admin .r4-global-search{max-width:460px;width:40vw}}
@media(max-width:770px){.r4-admin .sidebar{width:265px;left:-285px;top:0;bottom:0;position:fixed;transition:left .24s;z-index:100;box-shadow:4px 0 24px #5a0d202f}.r4-admin .sidebar.is-open{left:0}.r4-admin .admin-content{margin-left:0}.r4-admin .admin-topbar{padding:10px 14px;min-height:65px}.r4-admin .mobile-menu{display:block}.r4-admin .r4-global-search{width:auto;max-width:none;flex:1;min-width:0}.r4-admin .r4-global-search kbd{display:none}.r4-admin .top-left{flex:1;min-width:0}.r4-admin .top-right{gap:9px}.r4-admin .r4-userchip{display:none}.r4-admin .r4-yearpick{padding:7px 5px}.r4-admin .r4-yearpick select{max-width:100px;font-size:11px}.r4-admin .r4-bell{display:none}.r4-admin .r4-banner{min-height:125px;padding:19px 16px}.r4-banner h1{font-size:24px}.r4-banner-en{font-size:14px}.r4-banner::after{opacity:.32;width:62%}.r4-admin .r4-banner p{max-width:235px}.r4-admin .admin-main{padding:16px 13px 26px}.r4-admin .metric-card{min-height:126px}.r4-admin .page-intro{align-items:flex-start;flex-wrap:wrap}.r4-admin .sidebar-scene{min-height:115px}.r4-admin .admin-footer{padding:13px}}
@media(max-width:430px){.r4-admin .metric-grid,.r4-admin .r4-year-cards{gap:9px}.r4-admin .metric-card{padding:13px 10px 12px 12px;min-height:135px}.r4-admin .metric-card .metric-icon{position:static;width:35px;height:35px;margin:0 0 5px;font-size:17px}.r4-admin .metric-card strong{font-size:24px}.r4-admin .r4-year-card{padding:10px;gap:8px}.r4-admin .r4-year-icon{width:37px;height:37px;font-size:18px}.r4-admin .r4-year-card strong{font-size:16px}.r4-admin .r4-banner h1{font-size:21px}.r4-admin .r4-banner-en{font-size:12px}.r4-admin .r4-banner p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.r4-year-card{transition:none!important}}

.r4-employee-subline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#7a879b;padding:8px 4px 14px;border-top:1px solid #f3ebef}.r4-employee-subline span:last-child{background:#fff0f4;border-radius:8px;color:#a00a2b;padding:4px 8px}

.r4-bar-h1{height:5%}
.r4-bar-h2{height:10%}
.r4-bar-h3{height:15%}
.r4-bar-h4{height:20%}
.r4-bar-h5{height:25%}
.r4-bar-h6{height:30%}
.r4-bar-h7{height:35%}
.r4-bar-h8{height:40%}
.r4-bar-h9{height:45%}
.r4-bar-h10{height:50%}
.r4-bar-h11{height:55%}
.r4-bar-h12{height:60%}
.r4-bar-h13{height:65%}
.r4-bar-h14{height:70%}
.r4-bar-h15{height:75%}
.r4-bar-h16{height:80%}
.r4-bar-h17{height:85%}
.r4-bar-h18{height:90%}
.r4-bar-h19{height:95%}
.r4-bar-h20{height:100%}