:root{--green:#0b7f3a;--green-dark:#075928;--yellow:#ffd447;--soft:#f5faf7;--text:#183322}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:#fff}.brand-mark{background:var(--green);color:#fff;border-radius:12px;padding:.35rem .55rem;margin-right:.25rem}.hero-ptsp{background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff;padding:76px 0 88px;position:relative;overflow:hidden}.hero-ptsp:after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;background:var(--yellow);opacity:.15;border-radius:50%}.search-card{background:#fff;border-radius:22px;padding:10px;display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.search-card i{color:var(--green);font-size:1.4rem;margin-left:8px}.search-card input{border:0;outline:0;flex:1;min-width:0}.flow-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:28px;padding:24px;backdrop-filter:blur(10px)}.flow-step{display:grid;grid-template-columns:48px 1fr;gap:4px 14px;background:#fff;color:var(--text);border-radius:18px;padding:16px;margin-bottom:12px}.flow-step span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--yellow);font-weight:800;color:#1f2616}.flow-step small{color:#667}.service-card{background:#fff;border:1px solid #e8f1eb;border-radius:22px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(0,0,0,.10)}.mini-list{list-style:none;padding:0;margin:0}.mini-list li{margin:.35rem 0;color:#4b5c52}.mini-list i{color:var(--green);margin-right:.4rem}.bg-soft{background:var(--soft)}.staff-slider{height:250px;overflow:hidden;display:flex;flex-direction:column;gap:12px;animation:scrollStaff 14s linear infinite}.staff-item{display:flex;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--yellow));display:grid;place-items:center;color:#fff;font-size:1.6rem}@keyframes scrollStaff{0%,15%{transform:translateY(0)}50%{transform:translateY(-72px)}100%{transform:translateY(0)}}.footer-ptsp{background:#092f18;color:#e8fff1}.footer-link{color:#fff;text-decoration:none}.auth-wrap{min-height:70vh;display:grid;place-items:center;background:var(--soft);padding:40px 12px}.auth-card{max-width:440px;width:100%;border-radius:24px}.backend-body{background:#f4f7f5}.backend-shell{display:flex;min-height:100vh}.sidebar-ptsp{width:280px;background:#0b2d1a;color:#fff;position:fixed;inset:0 auto 0 0;overflow:auto;padding:18px}.sidebar-brand{font-size:1.3rem;font-weight:800;margin-bottom:14px}.sidebar-brand span{background:var(--yellow);color:#152515;border-radius:10px;padding:6px 9px;margin-right:6px}.sidebar-brand small{display:block;font-size:.8rem;font-weight:500;color:#c8e8d3;margin-top:7px}.user-box{background:rgba(255,255,255,.08);border-radius:16px;padding:14px;margin-bottom:16px}.user-box small{display:block;color:#cde7d3}.sidebar-nav a{display:block;color:#e8fff1;text-decoration:none;padding:9px 12px;border-radius:10px;margin:2px 0}.sidebar-nav a:hover{background:rgba(255,255,255,.12)}.nav-label{color:#91c8a1;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin:16px 10px 6px}.main-ptsp{margin-left:280px;flex:1;padding:24px}.topbar-ptsp{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:22px}.stat-card{background:#fff;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.05)}.stat-card i{font-size:2rem;color:var(--green)}.stat-card span{display:block;color:#667}.stat-card strong{font-size:1.6rem}.notif-item{display:block;text-decoration:none;color:var(--text);border-bottom:1px solid #eef3ef;padding:10px 0}.notif-item small{display:block;color:#778}.notif-item p{margin:.25rem 0 0}.timeline-simple{list-style:none;padding-left:0}.timeline-simple li{border-left:3px solid var(--green);padding:0 0 16px 14px;margin-left:8px;position:relative}.timeline-simple li:before{content:"";width:12px;height:12px;background:var(--yellow);border:2px solid var(--green);border-radius:50%;position:absolute;left:-7px;top:2px}@media(max-width:991px){.sidebar-ptsp{position:static;width:100%;height:auto}.backend-shell{display:block}.main-ptsp{margin-left:0}.topbar-ptsp{align-items:flex-start;gap:12px;flex-direction:column}.hero-ptsp{padding:50px 0}.search-card{flex-direction:column;align-items:stretch}.search-card i{display:none}}

/* Backend responsive and hideable sidebar patch */
.min-w-0{min-width:0}.sidebar-toggle-btn{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 auto}.sidebar-toggle-btn i{font-size:1.35rem}.sidebar-backdrop{display:none}.role-badge{white-space:nowrap}.sidebar-ptsp{transition:transform .25s ease,box-shadow .25s ease}.main-ptsp{transition:margin-left .25s ease}.sidebar-hidden .sidebar-ptsp{transform:translateX(-100%)}.sidebar-hidden .main-ptsp{margin-left:0}.sidebar-nav a{display:flex;align-items:center;gap:10px}.sidebar-nav a i{width:20px;text-align:center;opacity:.95}.form-card-mobile .form-control,.form-card-mobile .form-select{min-height:44px}.table-responsive{border-radius:14px}.card{border-radius:18px}@media(max-width:991.98px){body.backend-body{overflow-x:hidden}.backend-shell{display:block}.sidebar-ptsp{position:fixed;z-index:1051;top:0;bottom:0;left:0;width:min(86vw,320px);height:100vh;transform:translateX(-105%);box-shadow:0 18px 50px rgba(0,0,0,.28);padding-bottom:36px}.sidebar-open .sidebar-ptsp{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1050;opacity:0;visibility:hidden;transition:.2s}.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.main-ptsp{margin-left:0!important;padding:14px}.topbar-ptsp{position:sticky;top:0;z-index:1030;border-radius:0 0 18px 18px;margin:-14px -14px 18px;padding:12px 14px;flex-direction:row;align-items:center;gap:10px}.topbar-ptsp h4{font-size:1rem}.topbar-ptsp small{font-size:.74rem}.role-badge{display:none}.card-body{padding:16px}.btn{min-height:42px}.table{font-size:.88rem}.table td,.table th{white-space:nowrap}.form-card-mobile{margin-bottom:16px}.form-label{font-weight:600}.alert{font-size:.9rem}}@media(min-width:992px){.sidebar-hidden .sidebar-backdrop{display:none}.sidebar-hidden .sidebar-toggle-btn{box-shadow:0 8px 18px rgba(11,127,58,.22)}}

/* Backend topbar profile, logout, and notification patch */
.backend-topbar-enhanced{gap:14px}.topbar-title-area{flex:1 1 auto}.topbar-actions{flex:0 0 auto}.topbar-icon-btn{width:44px;height:44px;border-radius:14px;display:inline-grid;place-items:center;color:#0b7f3a;border:1px solid rgba(11,127,58,.12)}.topbar-icon-btn:hover,.user-menu-btn:hover{background:#eef8f2;color:#08602d}.notif-badge{font-size:.65rem}.notification-dropdown{width:min(92vw,390px);border-radius:18px;overflow:hidden}.notification-item{white-space:normal;padding:12px 16px}.notification-item.unread{background:#f2fff7}.notification-item:hover{background:#eef8f2}.notif-dot{width:10px;height:10px;border-radius:999px;background:#d1d5db;flex:0 0 auto}.notification-item.unread .notif-dot{background:#dc3545;box-shadow:0 0 0 4px rgba(220,53,69,.12)}.notif-message{line-height:1.35}.user-menu-btn{border-radius:16px;border:1px solid rgba(11,127,58,.12);min-height:44px}.user-avatar-sm,.user-avatar-lg,.profile-avatar-xl{display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#0b7f3a,#f6c945);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(11,127,58,.18)}.user-avatar-sm{width:34px;height:34px;font-size:.92rem}.user-avatar-lg{width:48px;height:48px;font-size:1.25rem;flex:0 0 auto}.profile-avatar-xl{width:86px;height:86px;font-size:2rem}.user-menu-text{line-height:1.05;max-width:180px}.user-menu-text strong,.user-menu-text small{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-text small{font-size:.72rem;color:#6c757d}.user-dropdown{width:min(92vw,320px);border-radius:18px;overflow:hidden}.profile-summary-card{position:sticky;top:96px}.notification-list-full .list-group-item{border-color:#eef2f0}.notif-row-unread{background:#f6fff9}.notif-list-icon{width:42px;height:42px;border-radius:14px;background:#eef2f0;color:#6c757d;display:inline-grid;place-items:center;flex:0 0 auto}.notif-list-icon.unread{background:#e9f8ef;color:#0b7f3a}@media(max-width:991.98px){.backend-topbar-enhanced{align-items:center}.topbar-actions{gap:6px!important}.topbar-icon-btn,.user-menu-btn{min-height:40px;height:40px;border-radius:12px}.user-avatar-sm{width:30px;height:30px;font-size:.84rem}.notification-dropdown,.user-dropdown{position:fixed!important;right:10px!important;left:auto!important;top:62px!important;transform:none!important;width:calc(100vw - 20px);max-height:calc(100vh - 82px);overflow:auto}.profile-summary-card{position:static}.profile-avatar-xl{width:74px;height:74px;font-size:1.7rem}}@media(max-width:575.98px){.topbar-ptsp{flex-wrap:nowrap}.topbar-title-area{gap:8px!important}.topbar-title-area h4{max-width:140px}.topbar-actions{margin-left:auto}.sidebar-toggle-btn{width:40px;height:40px}.notification-item{padding:11px 13px}.card-header .btn{width:100%}}