:root{--cap-bg: #f5f5f7;--cap-surface: #ffffff;--cap-border: #e0e0e5;--cap-accent: #f2c811;--cap-accent-dark: #c49f0c;--cap-text: #222222;--cap-muted: #777a80;--cap-danger: #d32f2f;--cap-danger-dark: #b71c1c;--cap-radius-lg: 14px;--cap-radius-md: 10px;--cap-shadow-soft: 0 10px 25px rgba(0, 0, 0, .04)}.cap-wrapper{max-width:1200px;margin:0 auto;padding-bottom:24px}.cap-page-header{padding:20px 0 10px;margin-bottom:4px}.cap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.cap-title-block{display:flex;align-items:center;gap:12px}.cap-title-pill{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,var(--cap-accent),#ffe37c);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#3a2b00}.cap-title-text h1{margin:0;font-size:22px;font-weight:700}.cap-title-text span{display:block;font-size:13px;color:var(--cap-muted);margin-top:2px}.cap-user-card{background:var(--cap-surface);border-radius:999px;padding:8px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--cap-shadow-soft);border:1px solid var(--cap-border);max-width:340px;cursor:pointer}.cap-avatar{width:32px;height:32px;border-radius:999px;background:#222;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.cap-user-meta{line-height:1.2}.cap-user-name{font-size:14px;font-weight:600}.cap-user-group{font-size:12px;color:var(--cap-muted)}.cap-tag{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:11px;background:#f3f3f7;color:var(--cap-muted);text-transform:uppercase;letter-spacing:.05em}.cap-card{position:relative;background:var(--cap-surface);border-radius:var(--cap-radius-lg);box-shadow:var(--cap-shadow-soft);border:1px solid var(--cap-border);padding:16px 18px 18px}.cap-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.cap-card-header-left h2{margin:0;font-size:16px;font-weight:600}.cap-card-header-left span{font-size:12px;color:var(--cap-muted)}.cap-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.cap-spinner{width:40px;height:40px;border-radius:999px;border:3px solid rgba(0,0,0,.08);border-top-color:#f2c811;animation:cap-spin .7s linear infinite}.cap-loading-text{margin-top:8px;font-size:13px;color:#555}.spinner-inline{display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:cap-spin .7s linear infinite;vertical-align:middle}.spinner-inline-dark{border-color:#00000026;border-top-color:#000}@keyframes cap-spin{to{transform:rotate(360deg)}}.cap-filters{margin-top:10px;margin-bottom:10px;padding:10px 12px;border-radius:var(--cap-radius-md);border:1px solid var(--cap-border);background:#fafafd;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:flex-end}.cap-filter-group{display:flex;flex-direction:column;gap:4px;font-size:12px;min-width:0}.cap-filter-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--cap-muted)}.cap-filter-input,.cap-filter-select{width:100%;padding:6px 2px;border-radius:8px;border:1px solid #d8d8e2;font-size:13px;outline:none}.cap-filter-input:focus,.cap-filter-select:focus{border-color:var(--cap-accent-dark);box-shadow:0 0 0 1px #f2c81166}.cap-filter-status-options{display:flex;gap:16px;align-items:center;padding-top:4px;flex-wrap:wrap}.cap-filter-status-options label{display:flex;align-items:center;gap:4px;font-size:13px}.cap-filter-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.cap-btn-filter{border-radius:999px;padding:7px 14px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:var(--cap-accent);color:#2e2500}.cap-btn-filter-reset{border-radius:999px;padding:7px 14px;border:1px solid #d0d0dd;font-size:12px;font-weight:500;cursor:pointer;background:#fff;color:var(--cap-muted)}.cap-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cap-btn{border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform .06s ease,box-shadow .06s ease,background .1s ease;box-shadow:0 4px 10px #00000014;white-space:nowrap}.cap-btn span.icon{font-size:15px;line-height:1}.cap-btn-approve{background:var(--cap-accent);color:#2e2500}.cap-btn-approve:hover{background:var(--cap-accent-dark);transform:translateY(-1px)}.cap-btn-disapprove{background:var(--cap-danger);color:#fff}.cap-btn-disapprove:hover{background:var(--cap-danger-dark);transform:translateY(-1px)}.cap-btn-danger{background:#e54848;border-color:#e54848;color:#fff}.cap-btn-danger:hover{background:#d63b3b}.cap-table-wrapper{margin-top:4px;border-radius:var(--cap-radius-md);border:1px solid var(--cap-border);overflow:hidden;background:#fcfcff}.cap-table-inner{max-height:520px;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}table.cap-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.cap-table thead{position:sticky;top:0;z-index:1;background:#f3f3f9}.cap-table th,.cap-table td{padding:10px 12px;border-bottom:1px solid #e4e4ee;text-align:left}.cap-table th:first-child,.cap-table td:first-child{width:40px;text-align:center}.cap-table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--cap-muted);font-weight:600}.cap-table tbody tr:nth-child(2n){background:#fafafe}.cap-table tbody tr:hover{background:#eef3ff}.cap-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.cap-status-pending{background:#fff7e0;color:#856400}.cap-status-completed{background:#e5f8e9;color:#1d6b2b}.cap-status-disapproved{background:#ffe5e5;color:#9a1212}.cap-table-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;color:var(--cap-muted);background:#f7f7fb}.cap-select-all{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--cap-muted);cursor:pointer}.cap-select-all input{cursor:pointer}.cap-navbar{position:sticky;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px;background:#fff;border-bottom:1px solid var(--cap-border);box-shadow:0 2px 8px #0000000f;overflow:visible}body .modal-backdrop,body .modal-overlay,body .nsftp-modal-backdrop,body .cap-modal-overlay{z-index:100000!important}body .modal-backdrop.modal-layer-1,body .modal-overlay.modal-layer-1{z-index:100010!important}body .modal-backdrop.modal-layer-2,body .modal-overlay.modal-layer-2{z-index:100020!important}body .modal-backdrop.modal-layer-3,body .modal-overlay.modal-layer-3{z-index:100030!important}body .modal-backdrop.modal-layer-4,body .modal-overlay.modal-layer-4{z-index:100040!important}body .saving-overlay{z-index:100050!important}.cap-navbar-right{position:relative;display:flex;align-items:center}.cap-navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.cap-navbar-brand img{height:32px;width:auto}.cap-navbar-brand-text{font-size:16px;font-weight:700;color:#111827;white-space:nowrap}.cap-navbar-brand-text span{color:#2563eb}.cap-account-btn{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#f9fafb;border:1px solid var(--cap-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;flex-shrink:0}.cap-account-btn:hover{background:#f0f4ff}.cap-account-btn .cap-avatar{width:34px;height:34px;border-radius:50%;background:#1e40af;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cap-account-btn .cap-btn-name{font-size:13px;font-weight:600;color:#111827;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-account-btn .cap-btn-pos{font-size:11px;color:var(--cap-muted)}.cap-account-btn .cap-btn-meta{display:flex;flex-direction:column;line-height:1.3}.cap-account-btn .cap-chevron{font-size:10px;color:var(--cap-muted);margin-left:2px}.cap-account-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border:1px solid var(--cap-border);border-radius:12px;box-shadow:0 8px 32px #00000024;z-index:9999;overflow:hidden;animation:dropIn .15s ease-out}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cap-account-dropdown .cap-dd-user{padding:14px 16px;background:#f8faff;border-bottom:1px solid #eef0f8}.cap-account-dropdown .cap-dd-name{font-size:14px;font-weight:700;color:#111827}.cap-account-dropdown .cap-dd-pos{font-size:12px;color:var(--cap-muted);margin-top:2px}.cap-account-dropdown ul{list-style:none;margin:0;padding:6px 4px}.cap-account-dropdown ul li{margin:0}.cap-account-dropdown .cap-dd-section{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px 4px}.cap-account-dropdown .cap-dd-item{width:100%;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border:none;font-size:13px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.cap-account-dropdown .cap-dd-item:hover{background:#f1f5f9;color:#111827}.cap-account-dropdown .cap-dd-item.danger{color:#dc2626}.cap-account-dropdown .cap-dd-item.danger:hover{background:#fef2f2}.cap-account-dropdown .cap-dd-divider{height:1px;background:#f0f0f6;margin:4px 0}.cap-card-row{display:flex;flex-direction:column;gap:16px;padding:16px 20px}.cap-card-form{width:100%}@media(min-width:900px){.cap-card-row{flex-direction:row;align-items:flex-start}.cap-card-form{flex:0 0 340px}.cap-card-list{flex:1;min-width:0}}@media(max-width:1024px){.cap-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.cap-wrapper{padding:0 0 24px}.cap-card-row{padding:12px}.cap-navbar{padding:0 12px}.cap-navbar-brand-text{font-size:14px}.cap-account-btn .cap-btn-meta,.cap-account-btn .cap-chevron{display:none}.cap-account-btn{padding:5px;border-radius:50%}.cap-account-dropdown{right:0;width:calc(100vw - 28px);max-width:320px}.cap-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.cap-user-card{max-width:none;width:auto}.cap-filters{grid-template-columns:1fr}.cap-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.cap-page-header{padding:14px 12px 8px}.cap-title-text h1{font-size:18px}}@media(max-width:600px){.cap-card-header{flex-direction:column;align-items:flex-start;gap:8px}.cap-filters{display:flex;flex-direction:column;align-items:stretch;gap:12px}.cap-filter-group{width:100%}.cap-filter-status-options{flex-direction:column;align-items:flex-start;gap:8px}.cap-filter-actions{justify-content:stretch;flex-direction:column;gap:10px}.cap-btn-filter,.cap-btn-filter-reset{width:100%;text-align:center;justify-content:center}.cap-actions{flex-direction:column;align-items:stretch}.cap-actions .cap-btn{width:100%;justify-content:center}.cap-table-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}.cap-table{min-width:600px}.cap-table-footer{flex-direction:column;gap:16px;align-items:center;text-align:center}}.modal-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:16px 20px;border-bottom:1px solid #f0f0f6}.modal-header h3{margin:0!important;font-size:17px!important;font-weight:700!important;color:#111827!important}.modal-icon{font-size:20px;line-height:1}.modal-close-btn{margin-left:auto!important}