.staff-navbar{z-index:1000;background:var(--kephic-blue-dark);color:#fff;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.staff-menu-toggle{color:#fff;border-radius:var(--kephic-radius);cursor:pointer;background:0 0;border:1px solid #fff6;padding:2px 8px;font-size:1.25rem;display:none}.staff-brand{color:#fff;align-items:center;gap:12px;min-width:0;font-size:1rem;font-weight:700;display:flex}.staff-brand:hover{color:var(--kephic-mint);text-decoration:none}.staff-brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.staff-logo{background:#fff;border-radius:4px;width:auto;height:40px;padding:3px}.staff-nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.staff-user{position:relative}.staff-user-btn{color:#fff;border-radius:var(--kephic-radius);font:inherit;cursor:pointer;background:#ffffff1a;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:flex}.staff-user-menu{border-radius:var(--kephic-radius);min-width:230px;box-shadow:var(--kephic-shadow-lg);border:1px solid var(--kephic-gray-200);z-index:1100;background:#fff;padding:6px 0;position:absolute;top:calc(100% + 6px);right:0}.staff-user-head{border-bottom:1px solid var(--kephic-gray-200);color:var(--kephic-text);flex-direction:column;margin-bottom:4px;padding:8px 16px 10px;display:flex}.staff-user-head small{color:var(--kephic-text-light)}.staff-user-menu a,.staff-user-menu button{width:100%;color:var(--kephic-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;font-size:.9rem;display:flex}.staff-user-menu a:hover,.staff-user-menu button:hover{background:var(--kephic-blue-bg);text-decoration:none}.staff-user-menu .danger{color:var(--kephic-danger);border-top:1px solid var(--kephic-gray-200);margin-top:4px}.staff-layout{min-height:calc(100vh - 64px);display:flex}.staff-sidebar{background:var(--kephic-blue-dark);color:#fff;flex-shrink:0;width:260px;min-width:260px;height:calc(100vh - 64px);padding:1.25rem 0;transition:left .2s;position:sticky;top:64px;overflow-y:auto}.staff-sidebar-brand{color:#fff9;text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #ffffff1a;margin-bottom:.75rem;padding:0 1.25rem 1.1rem;font-size:.72rem;font-weight:700}.staff-nav-label{text-transform:uppercase;letter-spacing:1px;color:#ffffff73;padding:.75rem 1.25rem .25rem;font-size:.7rem;font-weight:600}.staff-sidebar a{color:#ffffffd1;border-left:3px solid #0000;align-items:center;gap:10px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;display:flex}.staff-sidebar a:hover,.staff-sidebar a.active{color:#fff;border-left-color:var(--kephic-mint);background:#ffffff1a;text-decoration:none}.staff-sidebar a i{text-align:center;opacity:.85;width:18px}.staff-content{background:#f4f4f5;flex:1;min-width:0;padding:2rem}.staff-overlay{display:none}.staff-loading{background:#f4f4f5;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.staff-loading-inline{justify-content:center;padding:3rem 0;display:flex}.staff-reloading{opacity:.6;transition:opacity .15s}.staff-error-box{border-radius:var(--kephic-radius-lg);text-align:center;box-shadow:var(--kephic-shadow);background:#fff;max-width:480px;margin:2rem auto;padding:2rem}.staff-error-box i{color:var(--kephic-warning);font-size:2rem}.staff-error-box p{color:var(--kephic-text-light);margin:.75rem 0 1rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--kephic-blue-darkest);overflow-wrap:anywhere;margin:0;font-size:1.45rem;font-weight:700}.breadcrumb-wrapper{color:var(--kephic-text-light);margin-top:2px;font-size:.82rem}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.6px;color:var(--kephic-text-light);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.sbtn{border-radius:var(--kephic-radius);font:inherit;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.sbtn:hover{text-decoration:none}.sbtn:disabled{opacity:.55;cursor:not-allowed}.sbtn-sm{padding:.35rem .75rem;font-size:.8rem}.sbtn-primary{background:var(--kephic-blue);color:#fff}.sbtn-primary:hover:not(:disabled){background:var(--kephic-blue-dark);color:#fff}.sbtn-gold{background:var(--kephic-gold);color:#fff}.sbtn-gold:hover:not(:disabled){color:#fff;background:#0b6640}.sbtn-outline{color:var(--kephic-blue);border-color:var(--kephic-blue-light);background:#fff}.sbtn-outline:hover:not(:disabled){background:var(--kephic-blue-bg);color:var(--kephic-blue-dark)}.sbtn-danger{color:var(--kephic-danger);background:#fff;border-color:#ef9a9a}.sbtn-danger:hover:not(:disabled){background:#ffebee}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{border-radius:var(--kephic-radius-lg);box-shadow:var(--kephic-shadow);border-left:4px solid var(--kephic-blue);background:#fff;justify-content:space-between;align-items:flex-start;gap:8px;padding:1.25rem 1.4rem;display:flex}.stat-card.green{border-color:var(--kephic-success)}.stat-card.gold{border-color:var(--kephic-warning)}.stat-card.red{border-color:var(--kephic-danger)}.stat-number{color:var(--kephic-blue-dark);font-size:2rem;font-weight:800;line-height:1.1}.stat-label{color:var(--kephic-text-light);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.78rem;font-weight:600}.stat-icon{background:var(--kephic-blue-pale);width:46px;height:46px;color:var(--kephic-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.stat-card.green .stat-icon{color:var(--kephic-success);background:#e8f5e9}.stat-card.gold .stat-icon{color:var(--kephic-warning);background:#fff8e1}.stat-card.red .stat-icon{color:var(--kephic-danger);background:#ffebee}.staff-grid{gap:1.25rem;margin-bottom:1.25rem;display:grid}.staff-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid.cols-3-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.staff-card{border-radius:var(--kephic-radius-lg);box-shadow:var(--kephic-shadow);background:#fff;border:1px solid #0000000f;overflow:hidden}.staff-card+.staff-card{margin-top:1.25rem}.staff-grid>.staff-card+.staff-card{margin-top:0}.staff-card-header{border-bottom:2px solid var(--kephic-blue-pale);color:var(--kephic-blue-darkest);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;display:flex}.staff-card-body{padding:1.25rem}.staff-card .detail-row{border-bottom:1px solid var(--kephic-gray-100);gap:1rem;padding:.5rem 0;font-size:.9rem;display:flex}.staff-card .detail-row:last-child{border-bottom:none}.staff-card .detail-label{min-width:170px;color:var(--kephic-text-light);font-weight:500}.staff-card .detail-value{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.muted{color:var(--kephic-text-light)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.text-success{color:var(--kephic-success)}.text-warning{color:var(--kephic-warning)}.text-danger{color:var(--kephic-danger)}.fw-bold{font-weight:700}.staff-table-wrap{overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table th{background:var(--kephic-blue-pale);color:var(--kephic-blue-darkest);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--kephic-blue-light);text-align:left;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.staff-table td{border-bottom:1px solid var(--kephic-gray-200);vertical-align:middle;padding:.7rem 1rem;font-size:.87rem}.staff-table tr:hover td{background:var(--kephic-blue-bg)}.staff-table .num{text-align:right;white-space:nowrap}.staff-table a.row-link{white-space:nowrap;font-weight:600}.staff-empty{text-align:center;color:var(--kephic-text-light);padding:2rem 1rem!important}.cell-sub{color:var(--kephic-text-light);font-size:.78rem;display:block}.badge-status{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-confirmed,.badge-paid{color:var(--kephic-success);background:#e8f5e9}.badge-pending{color:#e65100;background:#fff8e1}.badge-draft{background:var(--kephic-gray-100);color:var(--kephic-gray-600)}.badge-cancelled,.badge-overdue{color:var(--kephic-danger);background:#ffebee}.badge-sent{background:var(--kephic-blue-pale);color:var(--kephic-blue-dark)}.badge-waived{color:#6a1b9a;background:#f3e5f5}.staff-filters{border-bottom:1px solid var(--kephic-gray-200);flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;display:flex}.staff-filters>*{flex:180px}.staff-filters .staff-search{flex:3 260px}.staff-search{position:relative}.staff-search i{color:var(--kephic-gray-400);position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.staff-search input{padding-left:2.3rem}.staff-pager{color:var(--kephic-text-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.85rem;display:flex}.staff-pager>div{gap:8px;display:flex}.staff-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;display:grid}.staff-form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-form-grid .span-all{grid-column:1/-1}.staff-form-section{border-bottom:1px solid var(--kephic-gray-200);padding:1.25rem}.staff-form-section:last-child{border-bottom:none}.staff-form-section h3{color:var(--kephic-blue-darkest);align-items:center;gap:8px;margin:0 0 1rem;font-size:.95rem;display:flex}.staff-form-actions{background:var(--kephic-blue-bg);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:1rem 1.25rem;display:flex}.check-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 16px;display:grid}.check-grid label,.check-line{cursor:pointer;align-items:flex-start;gap:8px;font-size:.88rem;display:flex}.check-grid input,.check-line input{margin-top:4px}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--kephic-danger)}.form-error-banner{background:#ffebee;border:1.5px solid #ef9a9a;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.form-error-banner i{color:#c62828;flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.form-error-banner ul{color:#b71c1c;text-transform:capitalize;margin:.35rem 0 0 1rem;padding:0;font-size:.82rem;list-style:outside}.staff-modal-backdrop{z-index:1200;background:#0d192873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.staff-modal{border-radius:var(--kephic-radius-lg);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--kephic-shadow-lg);background:#fff;overflow:auto}.staff-modal h2{border-bottom:1px solid var(--kephic-gray-200);margin:0;padding:1rem 1.25rem;font-size:1.1rem}.staff-modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.login-wrap{background:var(--kephic-blue-bg);flex:1;align-items:center;padding:4rem 16px;display:flex}.login-card{border-radius:var(--kephic-radius-lg);box-shadow:var(--kephic-shadow-lg);background:#fff;width:100%;max-width:440px;margin:0 auto;padding:2.25rem 2rem}.login-card h1{margin:0 0 .25rem;font-size:1.4rem}.login-card form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:991px){.staff-menu-toggle{display:inline-block}.staff-sidebar{z-index:1150;height:100vh;position:fixed;top:0;left:-270px}.staff-sidebar.open{left:0}.staff-overlay.active{z-index:1140;background:#0006;display:block;position:fixed;inset:0}.staff-content{padding:1.25rem 16px}.staff-grid.cols-2,.staff-grid.cols-3-1{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.staff-new-btn,.staff-user-btn span{display:none}.staff-brand span{font-size:.9rem}.page-header{flex-direction:column;align-items:flex-start}.staff-form-grid,.staff-form-grid.cols-3{grid-template-columns:minmax(0,1fr)}.staff-card .detail-row{flex-direction:column;gap:2px}.staff-card .detail-label{min-width:0;font-size:.8rem}.stat-number{font-size:1.6rem}}