html:has(.phr-app),body:has(.phr-app){margin:0!important;background:#f4f7fb!important}
body:has(.phr-app) header,body:has(.phr-app) footer,body:has(.phr-app) .site-header,body:has(.phr-app) .site-footer{display:none!important}
.phr-app{min-height:100vh;display:flex;background:#f4f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2a44}
.phr-sidebar{width:250px;background:linear-gradient(180deg,#0c356a 0%,#092d5a 100%);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30;box-shadow:5px 0 22px rgba(15,42,80,.14)}
.phr-logo{height:76px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.phr-logo>span{width:40px;height:40px;border-radius:12px;background:#fff;color:#0c4a87;display:grid;place-items:center;font-size:22px;font-weight:900}.phr-logo strong,.phr-logo small{display:block}.phr-logo strong{font-size:17px;letter-spacing:.3px}.phr-logo small{font-size:11px;opacity:.7;margin-top:3px}
.phr-sidebar nav{padding:18px 12px;display:flex;flex-direction:column;gap:5px}.phr-sidebar nav a{height:46px;padding:0 13px;border-radius:9px;color:rgba(255,255,255,.78);text-decoration:none;display:flex;align-items:center;gap:12px;position:relative;font-size:14px}.phr-sidebar nav a:hover,.phr-sidebar nav a.active{color:#fff;background:rgba(255,255,255,.14)}.phr-sidebar nav a.active:before{content:"";position:absolute;left:-12px;width:4px;height:26px;background:#49a5ff;border-radius:0 6px 6px 0}.phr-sidebar nav a b{font-weight:600}.phr-sidebar nav a em{margin-left:auto;font-size:10px;background:rgba(255,255,255,.14);padding:3px 6px;border-radius:10px;font-style:normal}.phr-sidebar nav a.disabled{opacity:.55;cursor:not-allowed}
.phr-sidebar-foot{margin-top:auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;align-items:center}.phr-sidebar-foot strong,.phr-sidebar-foot small{display:block}.phr-sidebar-foot strong{font-size:12px}.phr-sidebar-foot small{font-size:10px;opacity:.65;margin-top:2px}
.phr-main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.phr-topbar{height:76px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.phr-topbar h2{margin:0;font-size:20px}.phr-topbar>div{display:flex;align-items:center}.phr-mobile-menu{display:none}.phr-user{gap:10px}.phr-avatar{width:38px;height:38px;border-radius:50%;background:#eaf2fb;color:#0c4a87;display:grid;place-items:center;font-weight:800}.phr-user strong,.phr-user small{display:block}.phr-user strong{font-size:13px}.phr-user small{font-size:11px;color:#7a8597;margin-top:2px}.phr-user>a{margin-left:8px;color:#6b7689}
.phr-content{padding:28px}.phr-welcome{border-radius:18px;background:linear-gradient(120deg,#0d4c8d,#1574bf);padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 36px rgba(20,90,150,.18)}.phr-welcome p{margin:0 0 4px;opacity:.85}.phr-welcome h1{margin:0 0 6px;font-size:28px}.phr-welcome span{opacity:.78}.phr-date{background:rgba(255,255,255,.16);padding:12px 16px;border-radius:12px;font-weight:700}
.phr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:20px 0}.phr-stat{background:#fff;border:1px solid #e9edf3;border-radius:15px;padding:20px;display:flex;gap:15px;align-items:center;box-shadow:0 8px 25px rgba(32,58,92,.06)}.phr-stat>span{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:23px}.phr-stat small,.phr-stat strong,.phr-stat em{display:block}.phr-stat small{color:#768196}.phr-stat strong{font-size:28px;margin:2px 0}.phr-stat em{font-size:11px;color:#9aa3b2;font-style:normal}.phr-stat.blue>span{background:#e8f2ff;color:#1f73c9}.phr-stat.green>span{background:#e9f8ef;color:#2a9b59}.phr-stat.orange>span{background:#fff3df;color:#d68a11}.phr-stat.purple>span{background:#f0eaff;color:#7656d8}
.phr-grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.phr-card{background:#fff;border:1px solid #e8ecf2;border-radius:15px;box-shadow:0 8px 25px rgba(32,58,92,.05)}.phr-card-head{padding:18px 20px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center}.phr-card-head h3{margin:0;font-size:15px}.phr-card-head span{font-size:12px;color:#8b95a6}.phr-empty-chart{padding:24px}.phr-bars{height:180px;display:flex;gap:18px;align-items:end;padding:0 14px;border-bottom:1px solid #e8edf4}.phr-bars i{flex:1;background:linear-gradient(180deg,#4f9bd9,#1e67aa);border-radius:7px 7px 0 0;opacity:.85}.phr-empty-chart p{text-align:center;color:#98a1af;font-size:12px}.phr-activity{padding:10px 20px}.phr-activity>div{padding:14px 0;border-bottom:1px dashed #e7ebf1}.phr-activity b,.phr-activity small{display:block}.phr-activity b{font-size:13px}.phr-activity small{color:#2d9d5e;margin-top:4px;font-size:11px}
.phr-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.phr-page-head h1{margin:0 0 5px;font-size:24px}.phr-page-head p{margin:0;color:#7d8798}.phr-primary,.phr-secondary{border:0;border-radius:9px;height:40px;padding:0 16px;font-weight:600;cursor:pointer}.phr-primary{background:#1573bd;color:#fff;box-shadow:0 5px 12px rgba(21,115,189,.2)}.phr-secondary{background:#fff;color:#40506a;border:1px solid #dce2ea}.phr-toolbar{display:flex;justify-content:space-between;margin-bottom:14px}.phr-search{background:#fff;border:1px solid #dce2ea;border-radius:9px;height:40px;display:flex;align-items:center;padding:0 12px;min-width:350px}.phr-search input{border:0;outline:0;width:100%;font-size:13px;background:transparent}.phr-search span{color:#8994a6;margin-right:8px}
.phr-table-card{overflow:hidden}.phr-table{width:100%;border-collapse:collapse}.phr-table th{background:#f8fafc;color:#647087;font-size:12px;text-align:left;padding:13px 16px;border-bottom:1px solid #e8ecf2}.phr-table td{padding:14px 16px;border-bottom:1px solid #edf0f4;font-size:13px}.phr-table tbody tr:hover{background:#f9fbfe}.phr-person{display:flex;gap:10px;align-items:center}.phr-person>span{width:34px;height:34px;border-radius:50%;background:#e8f2fb;color:#1765a6;display:grid;place-items:center;font-weight:800}.phr-person strong,.phr-person small{display:block}.phr-person small{color:#929baa;margin-top:2px;font-size:11px}.phr-badge{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.phr-badge.success{background:#e9f8ef;color:#268d51}.phr-empty{text-align:center!important;color:#8d97a7;padding:35px!important}
.phr-dep-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.phr-dep-card{background:#fff;border:1px solid #e8ecf2;border-radius:15px;padding:20px;display:flex;gap:15px;box-shadow:0 7px 22px rgba(32,58,92,.05)}.phr-dep-icon{width:48px;height:48px;border-radius:13px;background:#eaf3fb;color:#1765a6;display:grid;place-items:center}.phr-dep-card small{color:#8b96a6}.phr-dep-card h3{margin:4px 0 6px}.phr-dep-card p{margin:0 0 10px;color:#758094;font-size:12px}
.phr-modal{display:none;position:fixed;inset:0;background:rgba(10,28,50,.48);z-index:100;align-items:center;justify-content:center;padding:20px}.phr-modal.active{display:flex}.phr-modal-box{width:min(760px,96vw);background:#fff;border-radius:17px;padding:24px;position:relative;box-shadow:0 28px 80px rgba(10,30,60,.28)}.phr-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px;color:#798497;cursor:pointer}.phr-modal-head{padding-bottom:16px;border-bottom:1px solid #edf0f4;margin-bottom:18px}.phr-modal-head h2{margin:0 0 4px}.phr-modal-head p{margin:0;color:#8490a2}.phr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.phr-form-grid label{font-size:12px;font-weight:700;color:#42516a}.phr-form-grid label.full{grid-column:1/-1}.phr-form-grid input,.phr-form-grid select{display:block;width:100%;box-sizing:border-box;height:42px;margin-top:7px;border:1px solid #d5dce6;border-radius:8px;padding:0 11px;outline:0;background:#fff}.phr-form-grid input:focus,.phr-form-grid select:focus{border-color:#2582cb;box-shadow:0 0 0 3px rgba(37,130,203,.11)}.phr-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid #edf0f4}.phr-alert{background:#eaf8ef;color:#23864b;border:1px solid #cdeed9;padding:11px 14px;border-radius:9px;margin-bottom:16px}
.phr-login-shell{min-height:100vh;background:linear-gradient(135deg,#0b376d,#1470b8);display:grid;place-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.phr-login-card{width:min(390px,90vw);background:#fff;border-radius:20px;padding:38px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.25)}.phr-brand-mark{width:58px;height:58px;border-radius:17px;background:#0f5f9f;color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;margin:0 auto 14px}.phr-login-card h1{margin:0 0 7px}.phr-login-card p{color:#7a8597}.phr-login-btn{display:block;background:#126ab0;color:#fff!important;text-decoration:none;border-radius:10px;padding:13px;margin-top:22px;font-weight:700}
@media(max-width:1100px){.phr-stats{grid-template-columns:repeat(2,1fr)}.phr-dep-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.phr-sidebar{transform:translateX(-100%);transition:.25s}.phr-sidebar.open{transform:none}.phr-main{margin-left:0;width:100%}.phr-mobile-menu{display:inline-flex;border:0;background:transparent;margin-right:8px}.phr-grid-2{grid-template-columns:1fr}.phr-content{padding:18px}.phr-table-card{overflow:auto}.phr-table{min-width:850px}}
@media(max-width:560px){.phr-stats,.phr-dep-grid,.phr-form-grid{grid-template-columns:1fr}.phr-welcome{align-items:flex-start;gap:15px}.phr-date{display:none}.phr-toolbar,.phr-page-head{gap:12px;align-items:flex-start}.phr-search{min-width:0;flex:1}.phr-user>div:nth-child(2){display:none}}