:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #195021;--primary-light: #4a7f3e;--primary-dark: #002600;--secondary: #FF6F00;--secondary-light: #ff9e40;--secondary-dark: #c43e00;--background: #f4f6f8;--paper: #ffffff;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);color-scheme:light;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-dark)}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:2.5em;line-height:1.1;color:var(--primary)}h2,h3,h4,h5,h6{color:var(--primary)}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .2s ease-in-out}button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}button:focus,button:focus-visible{outline:2px solid var(--secondary)}.admin-card{background-color:var(--paper);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}.admin-shell{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--background)}.sidebar-inner{display:flex;flex-direction:column;height:100%;background:var(--primary);color:#fff;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-logo-mark{width:32px;height:32px;background:var(--secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;flex-shrink:0}.sidebar-logo-text{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:-.01em}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.nav-group{margin-bottom:2px}.nav-group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 18px;background:none;border:none;color:#ffffff73;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s}.nav-group-header:hover{color:#ffffffb3}.nav-group-chevron{flex-shrink:0}.nav-group-items{list-style:none;margin:0;padding:0 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;color:#ffffffb3;font-size:.875rem;font-weight:400;text-decoration:none;transition:background .15s,color .15s;margin-bottom:1px}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item--active{background:#ffffff26;color:#fff;font-weight:600;border-left:3px solid var(--secondary);padding-left:7px}.nav-item-icon{flex-shrink:0}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;gap:8px}.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:#ffffff80}.sidebar-logout{background:none;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s;flex-shrink:0}.sidebar-logout:hover{color:#fff;background:#ffffff1a}.admin-sidebar-desktop{width:240px;flex-shrink:0;height:100vh;display:flex;flex-direction:column}.admin-sidebar-mobile{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:300;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.admin-sidebar-mobile.is-open{transform:translate(0)}.mobile-overlay{position:fixed;inset:0;background:#00000073;z-index:299;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-close{position:absolute;top:16px;right:14px;background:#ffffff26;border:none;color:#fff;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.admin-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.admin-topbar{height:56px;background:var(--paper);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;box-shadow:0 1px 3px #0000000a}.topbar-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:6px;border-radius:6px;align-items:center}.topbar-menu-btn:hover{background:#f3f4f6}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.admin-content{flex:1;overflow-y:auto;padding:24px;background:var(--background)}@media (max-width: 768px){.admin-sidebar-desktop{display:none}.topbar-menu-btn{display:flex}.admin-content{padding:16px}}.login-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--background)}.login-form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px}.login-form h2{color:var(--primary);margin-bottom:.5rem;text-align:center}.login-form h3{margin-bottom:1.5rem;text-align:center;color:var(--text-secondary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.error-message{background-color:#ffebee;color:#c62828;padding:.75rem;border-radius:4px;margin-bottom:1.5rem;font-size:.9rem}button[type=submit]{width:100%;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}button[type=submit]:hover{background-color:var(--primary-dark)}button[type=submit]:disabled{background-color:#ccc;cursor:not-allowed}.header-actions{display:flex;align-items:center;gap:15px}.notifications{position:relative;cursor:pointer;color:#555}.notifications .icon{font-size:1.4em}.badge{position:absolute;top:-6px;right:-10px;background-color:var(--secondary);color:#fff;border-radius:50%;width:20px;height:20px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 0 3px #0003}.user-profile{display:flex;align-items:center}.username{margin-right:12px;font-weight:500;color:var(--text-primary)}.logout-btn{background-color:transparent;border:1px solid var(--primary-light);color:var(--primary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;font-size:.9em}.logout-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f7fa}.login-form{background-color:var(--paper);padding:30px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-form h2{color:var(--primary);margin-top:0;margin-bottom:5px}.login-form h3{margin-top:0;margin-bottom:20px;color:var(--text-secondary)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:var(--text-secondary)}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.error-message{background-color:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:20px;font-size:14px}.login-form button{width:100%;padding:12px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.login-form button:hover{background-color:var(--primary-dark)}.login-form button:disabled{background-color:#ccc;cursor:not-allowed}.dash-page{width:100%}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:12px;flex-wrap:wrap}.dash-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin:0}.dash-subtitle{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.dash-refresh{display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid #e5e7eb;color:var(--text-secondary);padding:7px 14px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .15s;white-space:nowrap}.dash-refresh:hover{border-color:var(--primary);color:var(--primary);background:var(--paper)}.dash-toast{background:var(--primary);color:#fff;padding:10px 16px;border-radius:6px;font-size:.85rem;margin-bottom:16px;animation:slideDown .2s ease,fadeOut .3s 2.5s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0}}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.kpi-card{background:var(--paper);border-radius:10px;padding:18px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 1px 4px #0000000f;border:1px solid #f0f0f0}.kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-body{display:flex;flex-direction:column;min-width:0}.kpi-label{font-size:.78rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.kpi-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-top:2px}.kpi-sub{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.dash-mid-row{display:grid;grid-template-columns:1fr 280px;gap:16px;margin-bottom:24px}.dash-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:var(--paper);border-radius:10px;box-shadow:0 1px 4px #0000000f;border:1px solid #f0f0f0;overflow:hidden}.dash-card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #f3f4f6}.dash-card-title{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.dash-count-badge{background:var(--secondary);color:#fff;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:20px}.dash-see-all{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--primary);text-decoration:none;font-weight:500}.dash-see-all:hover{color:var(--primary-dark)}.dash-empty,.dash-error{padding:20px 18px;font-size:.85rem;color:var(--text-secondary)}.dash-error{color:#c62828}.vendor-approval-list{list-style:none;margin:0;padding:0}.vendor-approval-item{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid #f3f4f6;gap:12px}.vendor-approval-item:last-child{border-bottom:none}.vendor-approval-info{display:flex;flex-direction:column;min-width:0}.vendor-approval-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-approval-email{font-size:.75rem;color:var(--text-secondary)}.vendor-approval-actions{display:flex;gap:6px;flex-shrink:0}.btn-approve,.btn-reject{padding:5px 12px;border-radius:5px;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-approve{background:#d4edda;color:#155724;border-color:#c3e6cb}.btn-approve:hover{background:#b1dfbb;color:#0c2e14}.btn-reject{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.btn-reject:hover{background:#f1b0b7;color:#491217}.quick-actions{display:flex;flex-direction:column;gap:2px;padding:8px}.quick-action-btn{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:6px;font-size:.85rem;color:var(--text-primary);text-decoration:none;transition:background .15s,color .15s;font-weight:500}.quick-action-btn:hover{background:#f3f4f6;color:var(--primary)}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:0}.dash-table th{background:#f9fafb;padding:9px 14px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid #f0f0f0}.dash-table td{padding:10px 14px;border-bottom:1px solid #f9fafb;color:var(--text-primary)}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:#fafafa}.mono{font-family:Courier New,monospace;font-size:.8rem}.status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.pill--green{background:#d4edda;color:#155724}.pill--amber{background:#fff3cd;color:#856404}.pill--red{background:#f8d7da;color:#721c24}.pill--blue{background:#d1ecf1;color:#0c5460}.pill--grey{background:#e9ecef;color:#495057}.dash-skeleton{padding:12px 18px}.skel-row{height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;margin-bottom:10px;animation:shimmer 1.4s infinite}.skel-row:nth-child(odd){width:100%}.skel-row:nth-child(2n){width:75%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.dash-mid-row,.dash-tables-row{grid-template-columns:1fr}}@media (max-width: 600px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:1.15rem}}.payments-container,.users-container,.activities-container,.bookings-container{width:100%}.filters{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:25px;padding:15px;background-color:var(--paper);border-radius:8px;box-shadow:0 1px 3px #0000000d}.search-input{padding:10px 12px;border:1px solid #ccc;border-radius:6px;flex-grow:1;min-width:200px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-button,.filter-select{padding:10px 15px;background-color:#f0f2f5;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:.9em;color:var(--text-secondary);transition:background-color .2s,border-color .2s,color .2s}.filter-button:hover,.filter-select:hover{background-color:#e9ecef;border-color:#adb5bd}.filter-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:500}.filter-select{min-width:150px}.table-container{overflow-x:auto;background-color:var(--paper);border-radius:8px;box-shadow:0 1px 4px #00000012}table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:25px;font-size:.9em}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid #e9ecef;vertical-align:middle}th{background-color:#f8f9fa;font-weight:600;color:var(--text-primary);font-size:.95em;text-transform:capitalize}tr:last-child td{border-bottom:none}tr:hover{background-color:#f1f3f5}.status-badge{padding:6px 12px;border-radius:16px;font-size:.85em;font-weight:500;display:inline-block;text-align:center;text-transform:capitalize;min-width:80px}.status-badge.completed,.status-badge.active,.status-badge.verified{background-color:#d4edda;color:#155724}.status-badge.failed,.status-badge.cancelled,.status-badge.inactive,.status-badge.unverified,.status-badge.not-verified{background-color:#f8d7da;color:#721c24}.action-btn{padding:6px 12px;font-size:.85em;border-radius:5px;margin-right:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:1px solid transparent}.action-btn.view,.action-btn.edit{background-color:#e9ecef;color:#495057;border-color:#ced4da}.action-btn.view:hover,.action-btn.edit:hover{background-color:#d3d9df;border-color:#b6bfc8;color:#212529}.action-btn.delete{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.action-btn.delete:hover{background-color:#f1b0b7;border-color:#eba3aa;color:#491217}.action-btn.approve{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.action-btn.approve:hover{background-color:#b1dfbb;border-color:#a3d9b0;color:#0c2e14}.status-badge.active,.status-badge.verified,.status-badge.completed,.action-btn.status-active{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.action-btn.status-active:hover{background-color:#b1dfbb;border-color:#a3d9b0;color:#0c2e14}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.escrow,.status-badge.processing{background-color:#d1ecf1;color:#0c5460}.status-badge.failed,.status-badge.cancelled,.status-badge.inactive,.status-badge.unverified,.status-badge.not-verified,.action-btn.status-inactive{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.action-btn.status-inactive:hover{background-color:#f1b0b7;border-color:#eba3aa;color:#491217}.action-btn.status-featured{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.action-btn.status-featured:hover{background-color:#ffe8a1;border-color:#ffdf7e;color:#533f03}.action-btn.status-not-featured{background-color:#e9ecef;color:#495057;border-color:#ced4da}.action-btn.status-not-featured:hover{background-color:#d3d9df;border-color:#b6bfc8;color:#212529}.pagination{display:flex;justify-content:flex-end;align-items:center;padding:15px 0;margin-top:10px}.pagination button{background-color:var(--paper);color:var(--primary);border:1px solid #dee2e6;padding:8px 14px;margin:0 4px;border-radius:5px;transition:background-color .2s,color .2s}.pagination button:hover:not(:disabled){background-color:#e9ecef;color:var(--primary-dark)}.pagination button:disabled{color:#adb5bd;cursor:not-allowed;background-color:#f8f9fa}.pagination span{margin:0 12px;font-size:.9em;color:var(--text-secondary)}.admin-card{background-color:var(--paper);border-radius:8px;box-shadow:0 2px 8px #00000012;padding:24px;margin-bottom:24px}.admin-card h1,.admin-card h2,.admin-card h3{margin-top:0;margin-bottom:1rem;color:var(--primary-dark)}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.user-detail-container .card{background-color:var(--paper);border-radius:8px;box-shadow:0 1px 4px #00000012;padding:20px;margin-bottom:20px}.user-detail-container .card h2{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px;font-size:1.2em}@media (max-width: 768px){.filters{flex-direction:column;align-items:stretch}.search-input,.filter-select,.filter-button{width:100%}.pagination{justify-content:center}}.ul-filter-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.875rem 1rem;margin-bottom:0}.ul-search-form{display:flex;align-items:center;gap:.5rem;flex:1;min-width:220px;background:var(--background);border:1px solid #e0e4e9;border-radius:6px;padding:0 .75rem}.ul-search-icon{color:var(--text-secondary);flex-shrink:0}.ul-search-input{flex:1;border:none;background:transparent;padding:.5rem 0;font-size:.875rem;outline:none;color:var(--text-primary)}.ul-search-btn{padding:.35rem .75rem;font-size:.8125rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.ul-selects{display:flex;gap:.5rem;flex-wrap:wrap}.ul-select{padding:.45rem .75rem;border:1px solid #e0e4e9;border-radius:6px;font-size:.8125rem;background:var(--paper);color:var(--text-primary);cursor:pointer;outline:none}.ul-row-actions{display:flex;gap:.4rem;align-items:center;white-space:nowrap}.ul-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.78rem;font-weight:500;border:none;border-radius:4px;cursor:pointer;text-decoration:none;transition:opacity .15s;line-height:1}.ul-btn:hover{opacity:.85}.ul-btn--view{background:#e8f0fe;color:#1a56db}.ul-btn--delete{background:#fde8e8;color:#c81e1e}.ul-btn--approve{background:#def7ec;color:#03543f}.ul-user-cell{display:flex;align-items:center;gap:.6rem}.ul-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.ul-avatar--initial{background:#195021;color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ul-user-info{display:flex;flex-direction:column;min-width:0}.ul-user-name{font-size:.85rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-user-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ul-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.875rem 1rem;border-top:1px solid #f0f2f5;margin-top:0}.ul-page-btn{padding:.4rem .875rem;font-size:.8125rem;background:var(--paper);border:1px solid #e0e4e9;border-radius:5px;cursor:pointer;color:var(--text-primary)}.ul-page-btn:disabled{opacity:.4;cursor:not-allowed}.ul-page-info{font-size:.8125rem;color:var(--text-secondary)}.skel-cell{height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f2f5 25%,#e4e7ec,#f0f2f5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.confirm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500}.confirm-dialog{background:var(--paper);border-radius:10px;padding:1.5rem;width:min(420px,90vw);box-shadow:0 8px 32px #0000002e}.confirm-title{margin:0 0 .5rem;font-size:1rem;color:var(--text-primary)}.confirm-body{margin:0 0 1.25rem;font-size:.875rem;color:var(--text-secondary)}.confirm-actions{display:flex;justify-content:flex-end;gap:.625rem}.confirm-btn{padding:.5rem 1.125rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer}.confirm-btn--cancel{background:#f0f2f5;color:var(--text-primary)}.confirm-btn--danger{background:#c81e1e;color:#fff}.confirm-btn--danger:disabled{opacity:.5;cursor:not-allowed}.ud-title-row{display:flex;align-items:center;gap:1rem}.ud-back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.8125rem;background:#f0f2f5;color:var(--text-primary);border:none;border-radius:6px;cursor:pointer;white-space:nowrap}.ud-profile-card{padding:1.25rem 1.5rem}.ud-meta-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem;margin:0}.ud-meta-row{display:flex;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #f0f2f5;align-items:baseline}.ud-meta-row dt{min-width:80px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.ud-meta-row dd{margin:0;font-size:.875rem;color:var(--text-primary)}.ud-edit-form{padding:.25rem 0}.ud-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ud-form-group{display:flex;flex-direction:column;gap:.375rem}.ud-form-group label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ud-form-group input[type=text],.ud-form-group input[type=email],.ud-form-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:var(--paper);color:var(--text-primary);outline:none}.ud-form-group input:focus,.ud-form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1950211f}.ud-form-group--check label{flex-direction:row;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.ud-form-group--check input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}.ud-form-actions{display:flex;gap:.625rem;margin-top:1.25rem}.ud-cancel-btn{background:#f0f2f5;color:var(--text-primary)}.ud-badges-grid{display:flex;flex-wrap:wrap;gap:.75rem}.ud-badge-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:var(--background);border-radius:8px;border:1px solid #e8ecf0;text-align:center;min-width:100px}.ud-badge-icon{width:40px;height:40px;object-fit:contain}.ud-badge-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.ud-badge-date{font-size:.75rem;color:var(--text-secondary)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.doc-card{border:1px solid #e8ecf0;border-radius:8px;padding:1rem;background:var(--background)}.doc-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.doc-card-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.doc-card-date{font-size:.78rem;color:var(--text-secondary);margin:0 0 .5rem}.doc-reject-reason{font-size:.78rem;color:#9b1c1c;background:#fde8e8;border-left:3px solid #c81e1e;padding:.375rem .5rem;border-radius:0 4px 4px 0;margin:.375rem 0}.doc-card-actions{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.625rem}.ud-preview-modal{background:var(--paper);border-radius:10px;width:min(860px,94vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #00000040}.ud-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f0f2f5;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.ud-close-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary)}.ud-close-btn:hover{background:#f0f2f5}.ud-preview-body{flex:1;overflow:auto;padding:1rem;display:flex;align-items:center;justify-content:center}.ud-preview-iframe{width:100%;height:68vh;border:none}.ud-preview-img{max-width:100%;max-height:68vh;object-fit:contain}.cd-form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.cd-label{font-size:.75rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em}.apo-toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.apo-toggle input{opacity:0;width:0;height:0;position:absolute}.apo-toggle-slider{position:absolute;inset:0;background:#d1d5db;border-radius:22px;cursor:pointer;transition:background .2s}.apo-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.apo-toggle input:checked+.apo-toggle-slider{background:#195021}.apo-toggle input:checked+.apo-toggle-slider:before{transform:translate(18px)}fieldset:disabled .apo-toggle-slider{opacity:.45;cursor:not-allowed}.ud-reject-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical;margin-bottom:1rem;box-sizing:border-box;outline:none}.ud-reject-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #1950211f}@media (max-width: 768px){.ul-filter-bar{flex-direction:column;align-items:stretch}.ul-search-form{min-width:0}.ul-selects{flex-direction:column}.ul-select{width:100%}.ud-meta-list,.ud-edit-grid,.doc-grid{grid-template-columns:1fr}}.vm-tabs{display:flex;gap:0;border-bottom:2px solid #e8ecf0;margin-bottom:1.25rem}.vm-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.vm-tab:hover{color:var(--text-primary);background:#f8fafc}.vm-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.vm-tab-count{font-size:.75rem;color:var(--text-secondary);background:#f0f2f5;padding:.1rem .4rem;border-radius:10px}.vb-vendor-cell{display:flex;flex-direction:column;gap:.1rem}.vb-vendor-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.vb-vendor-email{font-size:.78rem;color:var(--text-secondary)}.vb-num{text-align:right;vertical-align:middle}.vb-primary{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary)}.vb-sub{display:block;font-size:.75rem;color:var(--text-secondary)}.vb-green{color:#2e7d32}.vb-amber{color:#b45309}.vb-payout-dl{margin:.5rem 0}.vb-details-modal{background:var(--paper);border-radius:10px;width:min(640px,94vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 40px #0003}.vb-details-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.vb-activity-row{border:1px solid #e8ecf0;border-radius:8px;padding:1rem;background:var(--background)}.vb-activity-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.vb-activity-name{font-weight:600;font-size:.9375rem;color:var(--text-primary)}.vb-activity-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.625rem}.vb-stat{display:flex;flex-direction:column;gap:.1rem}.vb-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.vb-stat-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.act-feat-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.78rem;font-weight:500;border-radius:4px;border:1px solid #d1d5db;background:#f9fafb;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.act-feat-btn:hover{background:#f3f4f6;border-color:#9ca3af}.act-feat-btn--on{background:#fef9c3;color:#92400e;border-color:#fcd34d}.act-feat-btn--on:hover{background:#fef08a}.ad-status-rows{display:flex;flex-direction:column;gap:.375rem}.ad-status-row{display:flex;align-items:center;justify-content:space-between;padding:.375rem 0;border-bottom:1px solid #f3f4f6}.ad-status-row:last-child{border-bottom:none}.ad-status-label{font-size:.82rem;color:#6b7280;font-weight:500}.ad-toggle-btn{font-size:.75rem;font-weight:500;padding:.2rem .65rem;border-radius:4px;border:1px solid #d1d5db;background:#f3f4f6;color:#9ca3af;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ad-toggle-btn--active{background:#dcfce7;color:#166534;border-color:#86efac}.ad-toggle-btn--featured{background:#fef9c3;color:#92400e;border-color:#fcd34d}.ad-action-stack{display:flex;flex-direction:column;gap:.5rem}.ad-action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem .75rem;font-size:.82rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.ad-action-btn:hover{opacity:.85}.ad-action-btn--approve{background:#dcfce7;color:#166534;border-color:#86efac}.ad-action-btn--reject{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.ad-action-hint{font-size:.75rem;color:#9ca3af;line-height:1.4;margin-top:.125rem}.ad-vendor-header{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.ad-vendor-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0}.ad-vendor-avatar--initial{background:#195021;color:#fff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}.ad-vendor-identity{display:flex;flex-direction:column;min-width:0}.ad-vendor-name{font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-vendor-email{font-size:.78rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-breakdown{display:flex;flex-direction:column;gap:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.pd-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.84rem;color:#374151;border-bottom:1px solid #f3f4f6}.pd-breakdown-row:last-child{border-bottom:none}.pd-breakdown-deduct{color:#6b7280}.pd-breakdown-deduct span:last-child{color:#dc2626}.pd-breakdown-total{background:#f9fafb;font-weight:600;color:var(--text-primary)}.pd-breakdown-total span:last-child{color:#195021}.pd-timeline{display:flex;flex-direction:column;gap:0;padding-left:1rem;border-left:2px solid #e5e7eb}.pd-timeline-item{position:relative;padding:0 0 .875rem 1rem}.pd-timeline-item:last-child{padding-bottom:0}.pd-timeline-dot{position:absolute;left:-.45rem;top:.3rem;width:.5rem;height:.5rem;border-radius:50%;background:#195021;border:2px solid #fff;box-shadow:0 0 0 1px #195021}.pd-timeline-content{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.pd-sidebar-fields{display:flex;flex-direction:column;gap:.5rem}.pd-sidebar-field{display:flex;flex-direction:column;gap:.1rem}.pd-sidebar-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.pd-sidebar-value{font-size:.85rem;color:#111827;word-break:break-word}.ad-layout{display:grid;grid-template-columns:1fr 320px;gap:1rem;align-items:start}@media (max-width: 900px){.ad-layout{grid-template-columns:1fr}}.ad-main,.ad-sidebar{min-width:0}.ud-title-row+.ad-layout{margin-top:1rem}.ad-layout .dash-card{padding:1rem}.ad-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.ad-section-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ad-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.ad-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.ud-meta-row--full{grid-column:1 / -1;flex-direction:column;align-items:flex-start;gap:.25rem}.ud-meta-row--full dd{padding-left:0;font-size:.85rem;line-height:1.55;color:var(--text-primary)}.rv-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}@media (max-width: 900px){.rv-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.rv-kpi-grid{grid-template-columns:1fr}}.rv-kpi-card{border-radius:12px;padding:1.25rem 1.5rem;color:#fff;display:flex;align-items:center;gap:1rem}.rv-kpi-icon{width:44px;height:44px;border-radius:10px;background:#ffffff38;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rv-kpi-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rv-kpi-value{font-size:1.25rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-kpi-label{font-size:.78rem;opacity:.88;white-space:nowrap}.rv-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media (max-width: 768px){.rv-two-col{grid-template-columns:1fr}}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}@media (max-width: 480px){.badge-grid{grid-template-columns:1fr}}.badge-card{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;border:1px solid #f3f4f6;border-radius:8px;background:#fff;transition:border-color .15s}.badge-card:hover{border-color:#d1fae5}@keyframes spin{to{transform:rotate(360deg)}}.notification-dropdown{position:relative;display:inline-block}.notification-trigger{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.notification-trigger:hover{background-color:#0000001a}.notification-icon{font-size:20px}.notification-badge{position:absolute;top:-2px;right:-2px;background-color:#f44;color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 4px}.notification-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;width:360px;max-height:400px;z-index:1000;overflow:hidden}.notification-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background-color:#fafafa}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.mark-all-read-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:#f0f8ff}.notification-list{max-height:280px;overflow-y:auto}.notification-loading,.notification-empty{padding:40px 20px;text-align:center;color:#666}.notification-item{padding:16px 20px;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;align-items:flex-start;gap:12px;position:relative;transition:background-color .2s ease}.notification-item:hover{background-color:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#f0f8ff}.notification-item.unread:hover{background-color:#e6f3ff}.notification-icon-wrapper{flex-shrink:0;width:32px;height:32px;background-color:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-type-icon{font-size:16px}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:#333;margin-bottom:4px;line-height:1.3}.notification-message{font-size:13px;color:#666;line-height:1.4;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:12px;color:#999}.notification-unread-dot{position:absolute;top:20px;right:16px;width:8px;height:8px;background-color:#007bff;border-radius:50%;flex-shrink:0}.notification-footer{padding:12px 20px;border-top:1px solid #f0f0f0;background-color:#fafafa}.view-all-btn{width:100%;background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;padding:8px;border-radius:4px;transition:background-color .2s ease}.view-all-btn:hover{background-color:#f0f8ff}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}