:root{--blue:#0b66c3;--blue-dark:#073a6d;--bg:#f3f7fc;--border:#dbe7f4;--ink:#10273d;--danger:#d62839}
html,body{min-height:100%}
body{background:radial-gradient(circle at top left,#f8fbff 0%,#eef5fc 45%,#edf3fa 100%);color:var(--ink);position:relative}
.login-body{overflow-x:hidden}
.login-watermark,.app-watermark{position:fixed;inset:0;background-position:center 58%;background-repeat:no-repeat;pointer-events:none;z-index:0;filter:grayscale(6%)}
.login-watermark{background-size:min(64vw,860px);opacity:.15}
.app-watermark{background-size:min(74vw,1180px);opacity:.28}
.nav-proj,.app-shell{position:relative;z-index:1}
.nav-proj{background:linear-gradient(105deg,rgba(7,58,109,.98),rgba(11,102,195,.96));box-shadow:0 14px 34px rgba(7,58,109,.22);backdrop-filter:blur(10px)}
.nav-shell{max-width:min(1920px,calc(100vw - 16px));margin:0 auto;display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;flex-wrap:wrap}
.brand-logo{width:150px;max-width:22vw;height:78px;object-fit:contain;background:transparent;border-radius:0;padding:0;box-shadow:none}
.brand-copy{display:flex;flex-direction:column;gap:.15rem}.brand-title{font-size:1.28rem;font-weight:900;line-height:1;letter-spacing:.08em}.brand-subtitle{font-size:.76rem;opacity:.9;max-width:360px;line-height:1.2}
.navbar-collapse{flex:1}
.nav-chipbar{gap:.35rem;align-items:center}.nav-chipbar .nav-link{border-radius:999px;padding:.6rem 1rem!important;font-weight:800;color:#eaf4ff!important;opacity:.95;white-space:nowrap}.nav-chipbar .nav-link:hover,.nav-chipbar .nav-link.active{background:rgba(255,255,255,.12);opacity:1}.nav-link-accent{background:rgba(255,255,255,.14)}
.nav-user-panel{display:flex;align-items:center;gap:.9rem;margin-left:auto}.user-identity{display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.14);padding:.45rem .7rem;border-radius:999px}.user-avatar,.table-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5);background:#fff}.user-avatar-fallback,.table-avatar-fallback,.profile-preview-fallback{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--blue-dark);background:#eaf3ff}.user-meta{display:flex;flex-direction:column;line-height:1.15;color:#fff}.user-meta strong{font-size:.92rem}.user-meta span{font-size:.73rem;opacity:.92}.btn-danger{background:var(--danger);border-color:var(--danger);box-shadow:0 10px 18px rgba(214,40,57,.18)}
.app-shell{max-width:min(1920px,calc(100vw - 16px));margin:0 auto;padding:1.35rem 1.25rem 2rem}
.card-soft{border:1px solid rgba(219,231,244,.85);border-radius:1.25rem;box-shadow:0 14px 36px rgba(11,102,195,.09);background:rgba(255,255,255,.95);backdrop-filter:blur(3px)}
.table thead th{background:#eef5fc;color:#24486a;border-bottom:0;font-weight:800}.table-modern tbody tr td{background:#fff}
.badge-doc{background:#e8f2fd;color:var(--blue-dark);padding:.45rem .78rem;border-radius:999px;font-size:.78rem;font-weight:800}
.kpi-box{background:linear-gradient(180deg,#fafdff,#eef5fc);border:1px solid var(--border);border-radius:18px;padding:1rem;height:100%}.kpi-label{font-size:.8rem;color:#5f748a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem;font-weight:800}.kpi-value{font-size:1.55rem;font-weight:900;color:var(--blue-dark);line-height:1.15}
.metric-line{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--border)}.note-box{background:#f8fbff;border:1px solid var(--border);padding:1rem;border-radius:16px}
.btn-primary{background:var(--blue);border-color:var(--blue);box-shadow:0 10px 18px rgba(11,102,195,.16)}.btn-outline-primary{color:var(--blue);border-color:var(--blue)}.btn{border-radius:.9rem;font-weight:700}
.hero-panel,.hr-hero{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,247,255,.98) 58%,rgba(230,241,253,.98) 100%);position:relative;overflow:hidden}.hero-logo{max-width:430px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(11,102,195,.12))}.hr-hero-logo{max-width:320px}.hr-title{font-weight:900;color:var(--blue-dark);letter-spacing:.01em}.hr-subtitle{max-width:720px}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.quick-card{display:flex;flex-direction:column;gap:.35rem;padding:1.05rem 1.1rem;border-radius:1.05rem;background:rgba(255,255,255,.96);border:1px solid var(--border);text-decoration:none;color:var(--ink);box-shadow:0 10px 24px rgba(11,102,195,.05);transition:all .18s ease}.quick-card:hover{transform:translateY(-2px);border-color:#b7d3f0;box-shadow:0 16px 30px rgba(11,102,195,.11);color:var(--ink)}.quick-card strong{font-size:1rem;color:var(--blue-dark)}.quick-card span{font-size:.84rem;color:#5f748a}
.hr-nav-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.hr-nav-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border-radius:1.1rem;background:rgba(255,255,255,.92);border:1px solid var(--border);text-decoration:none;color:var(--ink);box-shadow:0 10px 24px rgba(11,102,195,.05);transition:all .18s ease}.hr-nav-card:hover{transform:translateY(-2px);border-color:#b7d3f0;box-shadow:0 16px 30px rgba(11,102,195,.11);color:var(--ink)}.hr-nav-card.active{background:linear-gradient(135deg,#0b66c3,#0d76df);color:#fff;border-color:transparent}.hr-nav-card.active small,.hr-nav-card.active .hr-nav-label{color:#fff}.hr-nav-label{font-weight:900;font-size:1rem;color:var(--blue-dark)}
.section-title{font-weight:900;color:var(--blue-dark);font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;padding-top:.45rem;border-top:1px solid var(--border)}.table-responsive{border-radius:16px;overflow:hidden}.form-label{font-weight:700;color:#24486a}.form-control,.form-select{border-radius:.9rem;border:1px solid #cfe0f0;min-height:46px}textarea.form-control{min-height:auto}.list-group-item{background:transparent}
.login-card{overflow:hidden}.profile-preview{width:150px;height:150px;border-radius:28px;object-fit:cover;border:3px solid #e3eef9;background:#fff;box-shadow:0 14px 28px rgba(11,102,195,.1)}.profile-preview-fallback{font-size:2rem}.table-avatar{width:42px;height:42px}.table-avatar-fallback{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--blue-dark);background:#eef5fc}
@media (max-width: 1400px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 1200px){.nav-shell{padding:1rem}.nav-user-panel{width:100%;justify-content:space-between;margin-top:.75rem}.user-identity{max-width:100%}}
@media (max-width: 992px){.brand-logo{width:120px;height:62px}.brand-title{font-size:1.06rem}.brand-subtitle{font-size:.72rem;max-width:220px}.quick-grid,.hr-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-meta span{display:none}}
@media (max-width: 576px){.app-shell{padding-left:1rem;padding-right:1rem}.hero-logo,.hr-hero-logo{max-width:240px}.kpi-value{font-size:1.2rem}.quick-grid,.hr-nav-grid{grid-template-columns:1fr}.brand-copy{display:none}.user-identity{padding:.35rem .55rem}.user-avatar{width:38px;height:38px}.brand-logo{width:110px;height:56px}}

@media (min-width: 1400px){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell{padding-left:1.75rem;padding-right:1.75rem}}

.hero-panel::after,.hr-hero::after{content:"";position:absolute;inset:auto 24px 18px auto;width:min(30vw,320px);height:min(20vw,170px);background:inherit;opacity:.18;pointer-events:none}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.module-card{padding:1.1rem 1.15rem;border-radius:1.1rem;background:rgba(255,255,255,.96);border:1px solid var(--border);box-shadow:0 10px 24px rgba(11,102,195,.06)}
.module-card h5{margin-bottom:.35rem;color:var(--blue-dark);font-weight:900}
.module-card p{margin-bottom:0;color:#5f748a;font-size:.9rem}
@media (max-width: 992px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 576px){.module-grid{grid-template-columns:1fr}}