*{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--bg: #FDF5F0;--surface: #ffffff;--surface-alt: #FFF8F4;--surface-strong: #F5EDE6;--text: #1C1814;--text-muted: #7A6E64;--text-subtle: #A09088;--border: #EAE0D8;--border-strong: #D4C4B8;--primary: #C4A47A;--primary-600: #B8946A;--primary-700: #A8845A;--accent: #E8BFB5;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--sidebar-bg: #1C1510;--sidebar-accent: #2C2218;--shadow-sm: 0 1px 2px rgba(60, 30, 10, .06);--shadow-md: 0 8px 24px rgba(60, 30, 10, .08);--shadow-lg: 0 16px 40px rgba(60, 30, 10, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text)}#root{min-height:100vh}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background-color:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-md);z-index:1000}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.2)}.sidebar-logo{margin:0;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.4px}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:.25rem 0}.nav-link{width:100%;display:flex;align-items:center;padding:.875rem 1.25rem;background:none;border:none;color:#cbd5e1;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left;gap:.75rem;text-decoration:none}.nav-link:hover{background-color:#94a3b824;color:#fff}.nav-link.active{background-color:#c4a47a33;color:#fff;border-left:3px solid var(--primary)}.nav-icon{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center}.nav-label{font-weight:500}.sidebar-footer{padding:1.25rem;border-top:1px solid rgba(148,163,184,.2)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#A8845A 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:#fff}.user-details{flex:1}.user-name{margin:0;font-size:.875rem;font-weight:600;color:#fff}.user-role{margin:.25rem 0 0;font-size:.75rem;color:var(--text-subtle)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.top-navbar{position:fixed;top:0;left:260px;right:0;height:70px;background-color:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:var(--shadow-sm);z-index:999}.navbar-left{flex:1}.navbar-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text)}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-search{position:relative;display:flex;align-items:center}.search-input{padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;width:300px;transition:border-color .2s;background:var(--surface);color:var(--text)}.search-input:focus{outline:none;border-color:var(--primary)}.search-icon{position:absolute;left:.75rem;font-size:1rem;color:var(--text-subtle)}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-icon-btn{position:relative;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.navbar-icon-btn:hover{background-color:var(--surface-alt)}.navbar-icon-btn .icon{font-size:1.25rem}.badge{position:absolute;top:0;right:0;background-color:var(--danger);color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.profile-dropdown{position:relative}.profile-btn{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-sm);transition:background-color .2s}.profile-btn:hover{background-color:var(--surface-alt)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#A8845A 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.profile-name{font-size:.875rem;font-weight:500;color:var(--text)}.dropdown-arrow{font-size:.625rem;color:var(--text-subtle)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:180px;padding:.5rem 0;z-index:1000}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--text);text-decoration:none;font-size:.875rem;transition:background-color .2s}.dropdown-item:hover{background-color:var(--surface-alt)}.dropdown-divider{margin:.5rem 0;border:none;border-top:1px solid var(--border)}.notifications-dropdown{position:absolute;top:calc(100% + .5rem);right:1rem;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:360px;max-height:400px;z-index:1000}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.notifications-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.notifications-header p{margin:.25rem 0 0;font-size:.75rem;color:var(--text-muted)}.notifications-actions{display:flex;align-items:center;gap:.75rem}.notifications-header button{background:none;border:none;cursor:pointer;font-size:1.05rem;color:var(--text-muted);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notifications-header button:hover{color:var(--text)}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{display:grid;grid-template-columns:10px 1fr auto;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border);transition:background-color .2s}.notification-item:hover{background-color:var(--surface-alt)}.notification-item.unread{background:#c4a47a0d}.notification-item:last-child{border-bottom:none}.notification-title{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:var(--text)}.notification-description{margin:0;font-size:.82rem;color:var(--text-muted)}.notification-time{margin:0;font-size:.75rem;color:var(--text-muted)}.notification-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.link-button{background:none;border:none;color:var(--primary);font-size:.75rem;cursor:pointer;padding:0}.icon-button{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;border-radius:6px;font-size:.85rem;cursor:pointer;color:var(--text-muted)}.icon-button:hover{border-color:var(--primary);color:var(--primary)}.notification-empty{padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.notifications-footer{padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--surface)}.view-all-link{color:var(--primary);text-decoration:none;font-size:.85rem;font-weight:500}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c4a47a,#a8845a);padding:2rem}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:3rem;animation:slideUp .4s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.75rem;font-weight:700;color:#1c1814;margin:0 0 .5rem}.login-subtitle{font-size:.95rem;color:#7a6e64;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input::placeholder{color:#a09088}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#4a3f38}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#C4A47A}.forgot-password{color:#c4a47a;text-decoration:none;font-weight:500;transition:color .2s}.forgot-password:hover{color:#a8845a;text-decoration:underline}.login-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#c4a47a,#b8946a);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #c4a47a59}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid #EAE0D8}.login-footer p{font-size:.875rem;color:#7a6e64;margin:.5rem 0}.signup-link{color:#c4a47a;text-decoration:none;font-weight:500;transition:color .2s}.signup-link:hover{color:#a8845a;text-decoration:underline}.copyright{font-size:.75rem!important;color:#a09088!important;margin-top:1rem!important}.signup-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c4a47a,#a8845a);padding:2rem}.signup-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;padding:3rem;animation:slideUp .4s ease-out;max-height:90vh;overflow-y:auto}.signup-header{text-align:center;margin-bottom:2rem}.signup-title{font-size:1.75rem;font-weight:700;color:#1c1814;margin:0 0 .5rem}.signup-subtitle{font-size:.95rem;color:#7a6e64;margin:0}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group select{padding:.75rem 1rem;border:1px solid #D4C4B8;border-radius:6px;font-size:1rem;transition:all .2s;background-color:#fff;font-family:inherit}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c4a47a;box-shadow:0 0 0 3px #c4a47a26}.phone-input-group{display:flex;gap:.5rem}.country-code-select{flex:0 0 auto;width:120px;cursor:pointer}.role-select{cursor:pointer}.signup-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#c4a47a,#a8845a);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.signup-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #c4a47a59}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.6;cursor:not-allowed}.signup-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid #EAE0D8}.signup-footer p{font-size:.875rem;color:#7a6e64;margin:.5rem 0}.copyright{font-size:.75rem!important;color:#9ca3af!important;margin-top:1rem!important}.forgot-password-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#c4a47a,#a8845a);padding:2rem}.forgot-password-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:3rem;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{text-align:center;margin-bottom:2rem}.forgot-password-title{font-size:1.75rem;font-weight:700;color:#1c1814;margin:0 0 .5rem}.forgot-password-subtitle{font-size:.95rem;color:#7a6e64;margin:0}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background-color:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;border:1px solid #fecaca}.success-message{background-color:#d1fae5;color:#065f46;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;border:1px solid #a7f3d0;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:#4a3f38}.form-group input{padding:.75rem 1rem;border:1px solid #D4C4B8;border-radius:6px;font-size:1rem;transition:all .2s;background-color:#fff}.form-group input:focus{outline:none;border-color:#c4a47a;box-shadow:0 0 0 3px #c4a47a26}.form-group input::placeholder{color:#9ca3af}.form-hint{font-size:.75rem;color:#7a6e64;margin:.25rem 0 0}.forgot-password-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#c4a47a,#a8845a);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.forgot-password-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #c4a47a59}.forgot-password-button:active:not(:disabled){transform:translateY(0)}.forgot-password-button:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.back-button{flex:1;padding:.875rem 1.5rem;background:#f3f4f6;color:#4a3f38;border:1px solid #D4C4B8;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.back-button:hover:not(:disabled){background:#eae0d8;border-color:#9ca3af}.back-button:disabled{opacity:.6;cursor:not-allowed}.forgot-password-footer{margin-top:2rem;text-align:center;padding-top:2rem;border-top:1px solid #EAE0D8}.forgot-password-footer p{font-size:.875rem;color:#7a6e64;margin:0}.login-link{color:#c4a47a;text-decoration:none;font-weight:500;transition:color .2s}.login-link:hover{color:#a8845a;text-decoration:underline}.users-container{width:100%;max-width:1600px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.users-header h2{font-size:2rem;font-weight:600;color:var(--text);margin:0}.users-actions{display:flex;align-items:center;gap:1rem}.export-button{padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.export-button:hover{border-color:var(--primary);color:var(--primary)}.search-box{position:relative;display:flex;align-items:center}.search-input{padding:.625rem 1rem .625rem 2.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;width:250px;transition:all .2s;background:var(--surface);color:var(--text)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c4a47a26}.search-icon{position:absolute;left:.75rem;color:var(--text-subtle);pointer-events:none}.refresh-button{padding:.625rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:var(--surface-alt);border-color:var(--border-strong)}.users-stats{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-muted)}.users-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.summary-card p{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted)}.summary-card strong{font-size:1.4rem;color:var(--text)}.users-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .7rem;font-size:.85rem;background:var(--surface);color:var(--text)}.stat-item strong{color:var(--text);font-weight:600}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-state .loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.error-state .error-message{color:var(--danger);margin-bottom:1rem;font-size:1rem}.retry-button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.retry-button:hover{background:var(--primary-600);transform:translateY(-1px)}.empty-state p{color:var(--text-muted);font-size:1rem}.users-table-container{border-radius:var(--radius-md);overflow:hidden;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--surface-alt);border-bottom:1px solid var(--border)}.users-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:1rem;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text)}.users-table tbody tr:hover{background:var(--surface-alt)}.users-table tbody tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#A8845A 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-name{font-weight:500;color:var(--text)}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.admin{background:#dc26261a;color:#b91c1c}.role-badge.user{background:#c4a47a1f;color:var(--primary-700)}.role-badge.moderator{background:#d977061f;color:#92400e}.role-badge.contractor{background:#2563eb1a;color:#1d4ed8}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:#16a34a1f;color:#166534}.status-badge.inactive,.status-badge.deactivated{background:#dc26261a;color:#b91c1c}.status-badge.pending{background:#d977061f;color:#92400e}.action-buttons{display:flex;gap:.5rem}.action-btn{padding:.375rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--surface-alt);border-color:var(--border-strong)}.action-btn.delete:hover{background:#dc262614;border-color:#dc262659}.action-btn.view:hover{background:#fff5ea;border-color:#d4b896;color:var(--primary)}.action-btn.status-toggle{width:32px;height:32px;padding:0}.action-btn.status-toggle.disabled-admin{opacity:.35;cursor:not-allowed;pointer-events:none}.user-modal-overlay{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:50}.user-modal{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:1.5rem 1.75rem}.user-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.user-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.user-modal-close{border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--text-muted)}.user-modal-body{display:flex;flex-direction:column;gap:.75rem}.user-modal-actions{display:flex;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.user-modal-row{display:flex;justify-content:space-between;gap:1rem}.user-modal-row .label{font-size:.9rem;color:var(--text-muted)}.user-modal-row .value{font-size:.9rem;color:var(--text);font-weight:500}.user-detail-modal{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:740px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column}.udm-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.udm-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text)}.udm-profile{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.udm-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#A8845A 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.udm-profile-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.udm-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.udm-email{margin:0;font-size:.85rem;color:var(--text-muted)}.udm-phone{margin:0;font-size:.82rem;color:var(--text-muted)}.udm-badges{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;flex-wrap:wrap}.udm-since{font-size:.75rem;color:var(--text-muted)}.udm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.udm-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .5rem;background:var(--surface-alt, #f8fafc);border-radius:var(--radius-sm)}.udm-stat-value{font-size:1.3rem;font-weight:700;color:var(--text)}.udm-stat-value.udm-stat-warn{color:#ea580c}.udm-stat-value.udm-stat-pending{color:#d97706}.udm-stat-value.udm-stat-star{color:#eab308}.udm-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:500}.udm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:.75rem}.udm-loading .loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.udm-loading p{font-size:.85rem;color:var(--text-muted);margin:0}.udm-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 1.5rem;gap:0}.udm-tab{padding:.7rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.82rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:.4rem}.udm-tab:hover{color:var(--text)}.udm-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.udm-tab-count{font-size:.7rem;background:var(--surface-alt, #f1f5f9);padding:.1rem .45rem;border-radius:8px;font-weight:600;color:var(--text-muted)}.udm-tab.active .udm-tab-count{background:#c4a47a26;color:var(--primary)}.udm-tab-content{padding:1rem 1.5rem;min-height:140px;max-height:280px;overflow-y:auto}.udm-empty{text-align:center;color:var(--text-muted);font-size:.88rem;padding:2rem 0;margin:0}.udm-payment-summary{display:flex;gap:1.5rem;margin-bottom:.75rem;font-size:.82rem;color:var(--text-muted)}.udm-payment-summary strong{color:var(--text);font-weight:600}.udm-table{width:100%;border-collapse:collapse;font-size:.82rem}.udm-table thead{position:sticky;top:0;background:var(--surface)}.udm-table th{padding:.5rem .6rem;text-align:left;font-weight:600;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.udm-table td{padding:.55rem .6rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.udm-table tbody tr:last-child td{border-bottom:none}.udm-table tbody tr:hover{background:var(--surface-alt, #f8fafc)}.udm-cell-title{font-weight:500}.udm-cell-muted{color:var(--text-muted)}.udm-cell-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udm-pill{display:inline-block;padding:.15rem .55rem;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.udm-pill-pending{background:#d977061f;color:#92400e}.udm-pill-in_progress{background:#c4a47a26;color:#b8946a}.udm-pill-completed{background:#16a34a1f;color:#166534}.udm-pill-cancelled{background:#6b72801f;color:#4b5563}.udm-pill-paid{background:#16a34a1f;color:#166534}.udm-pill-overdue{background:#dc26261a;color:#b91c1c}.udm-pill-open{background:#ea580c1f;color:#c2410c}.udm-pill-investigating{background:#d977061f;color:#92400e}.udm-pill-resolved{background:#16a34a1f;color:#166534}.udm-pill-closed{background:#6b72801f;color:#4b5563}.udm-pill-approved{background:#16a34a1f;color:#166534}.udm-pill-rejected{background:#dc26261a;color:#b91c1c}.udm-priority{display:inline-block;padding:.15rem .55rem;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:capitalize}.udm-priority-low{background:#6b72801f;color:#4b5563}.udm-priority-medium{background:#d977061f;color:#92400e}.udm-priority-high{background:#dc26261a;color:#b91c1c}.udm-stars{color:#eab308;font-size:.85rem;letter-spacing:1px}.udm-flagged{display:inline-block;padding:.15rem .5rem;border-radius:10px;font-size:.68rem;font-weight:600;background:#dc26261a;color:#dc2626}.udm-footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid var(--border)}.udm-status-btn{padding:.5rem 1.25rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.udm-status-btn.deactivate{background:#dc26261a;color:#dc2626}.udm-status-btn.deactivate:hover{background:#dc26262e}.udm-status-btn.activate{background:#16a34a1a;color:#16a34a}.udm-status-btn.activate:hover{background:#16a34a2e}.udm-status-btn:disabled{opacity:.5;cursor:not-allowed}.udm-admin-protected{font-size:.85rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.users-header{flex-direction:column;align-items:stretch}.search-input{width:100%}.users-stats{flex-direction:column;align-items:flex-start}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.user-detail-modal{max-width:95vw;max-height:90vh}.udm-stats{grid-template-columns:repeat(2,1fr)}.udm-tabs{padding:0 1rem}.udm-tab{padding:.6rem;font-size:.78rem}.udm-tab-content{padding:.75rem 1rem}.udm-cell-truncate{max-width:120px}}.kyc-status-value{font-size:.78rem;font-weight:600;text-transform:capitalize;padding:.2rem .6rem;border-radius:10px}.kyc-status-value.kyc-pending{background:#d977061f;color:#92400e}.kyc-status-value.kyc-approved{background:#16a34a1f;color:#166534}.kyc-status-value.kyc-rejected{background:#dc26261a;color:#b91c1c}.kyc-status-value.kyc-more_info_needed{background:#2563eb1a;color:#1d4ed8}.contractor-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-bottom:1rem}.cig-row{display:flex;flex-direction:column;gap:.15rem}.cig-full{grid-column:1 / -1}.cig-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.cig-value{font-size:.88rem;color:var(--text);text-transform:capitalize}.cig-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.cig-tag{background:#c4a47a1f;color:var(--primary-700);padding:.15rem .6rem;border-radius:10px;font-size:.72rem;font-weight:500;text-transform:capitalize}.kyc-docs-section{border-top:1px solid var(--border);padding-top:.75rem;margin-top:.75rem}.kyc-docs-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600;margin:0 0 .5rem}.kyc-docs-list{display:flex;flex-direction:column;gap:.35rem}.kyc-doc-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.83rem;color:var(--primary);text-decoration:none;font-weight:500}.kyc-doc-link:hover{text-decoration:underline}.kyc-doc-missing{font-size:.82rem;color:var(--text-subtle);font-style:italic}.portfolio-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.portfolio-thumb{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);transition:opacity .2s}.portfolio-thumb:hover{opacity:.85}.kyc-rejection-note{margin-top:.75rem;padding:.6rem .85rem;background:#dc26260f;border-left:3px solid #dc2626;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.83rem;color:#b91c1c}.kyc-error{margin-top:.5rem;font-size:.82rem;color:#dc2626}.kyc-action-area{display:flex;flex-direction:column;gap:.6rem;width:100%}.kyc-reason-input{width:100%;padding:.45rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text);background:var(--surface)}.kyc-reason-input:focus{outline:none;border-color:var(--primary)}.kyc-action-buttons{display:flex;gap:.6rem;justify-content:flex-end}.kyc-btn{padding:.45rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s}.kyc-btn:disabled{opacity:.5;cursor:not-allowed}.kyc-btn-approve{background:#16a34a1a;color:#166534}.kyc-btn-approve:hover:not(:disabled){background:#16a34a2e}.kyc-btn-info{background:#2563eb1a;color:#1d4ed8}.kyc-btn-info:hover:not(:disabled){background:#2563eb2e}.kyc-btn-reject{background:#dc26261a;color:#dc2626}.kyc-btn-reject:hover:not(:disabled){background:#dc26262e}.kyc-approved-note{font-size:.85rem;color:#166534;font-weight:500}.content-wrapper{max-width:1600px;margin:0 auto;width:100%}.dashboard-header{margin-bottom:2rem}.dashboard-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem}.dashboard-card{background:var(--surface, #ffffff);border-radius:var(--radius-md, 16px);padding:1.1rem 1rem;border:1px solid var(--border, rgba(0, 0, 0, .08));box-shadow:var(--shadow-sm, 0 8px 18px rgba(0, 0, 0, .08));border-left:4px solid var(--primary, #C4A47A);display:flex;flex-direction:column;gap:.4rem;min-height:110px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 12px 24px rgba(0, 0, 0, .12))}.dashboard-card.users-card{border-left-color:var(--primary, #C4A47A)}.dashboard-card.categories-card{border-left-color:var(--success, #16a34a)}.dashboard-card.catalogues-card{border-left-color:var(--warning, #f59e0b)}.dashboard-card.promotions-card{border-left-color:#7c3aed}.dashboard-card.projects-card{border-left-color:#0891b2}.dashboard-card.behind-schedule-card{border-left-color:#dc2626}.dashboard-card.disputes-card{border-left-color:#ea580c}.dashboard-card.flagged-reviews-card{border-left-color:#d946ef}.dashboard-card.pending-milestones-card{border-left-color:#0d9488}.dashboard-card.revenue-card{border-left-color:#16a34a}.dashboard-card.overdue-card{border-left-color:#dc2626}.dashboard-card.completion-card{border-left-color:var(--primary)}.dashboard-card .card-title{font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-card .card-value{font-size:1.6rem;font-weight:600;color:var(--text)}.dashboard-card .card-helper{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-error{margin-top:1.5rem;color:var(--danger, #d14343);font-weight:500}.quick-actions-section{margin-top:2.5rem}.quick-actions-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.quick-action-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:10px;border:1px solid var(--border, rgba(0, 0, 0, .08));background:var(--surface, #ffffff);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.quick-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.quick-action-btn svg{flex-shrink:0}.quick-action-btn.qa-catalogue{border-left:3px solid #f59e0b}.quick-action-btn.qa-catalogue:hover{background:#fffbeb}.quick-action-btn.qa-notification{border-left:3px solid #C4A47A}.quick-action-btn.qa-notification:hover{background:#fff5ea}.quick-action-btn.qa-promotion{border-left:3px solid #7c3aed}.quick-action-btn.qa-promotion:hover{background:#f5f3ff}.quick-action-btn.qa-users{border-left:3px solid #0891b2}.quick-action-btn.qa-users:hover{background:#ecfeff}.quick-action-btn.qa-projects{border-left:3px solid #16a34a}.quick-action-btn.qa-projects:hover{background:#f0fdf4}.quick-action-btn.qa-analytics{border-left:3px solid #ea580c}.quick-action-btn.qa-analytics:hover{background:#fff7ed}.dashboard-charts-section{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.dchart-section-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 .1rem}.dchart-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.35rem 1.5rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.1rem}.dchart-full{width:100%}.dchart-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.dchart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.dchart-title{margin:0 0 .15rem;font-size:.95rem;font-weight:700;color:var(--text)}.dchart-subtitle{margin:0;font-size:.78rem;color:var(--text-muted)}.dchart-badge{flex-shrink:0;font-size:.7rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;white-space:nowrap}.dchart-badge--blue{background:#f5e8d8;color:#b8946a}.dchart-badge--green{background:#dcfce7;color:#15803d}.dchart-badge--teal{background:#ccfbf1;color:#0f766e}.dchart-badge--purple{background:#f3e8ff;color:#7c3aed}.dchart-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:2rem 0}.reg-bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:150px;padding-bottom:1.5rem;position:relative}.reg-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.reg-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:6px 6px 0 0;background:var(--surface-alt, #f8fafc);overflow:visible}.reg-bar-fill{width:100%;background:linear-gradient(180deg,#c4a47a,#d4b896);border-radius:6px 6px 0 0;transition:height .5s cubic-bezier(.16,1,.3,1);position:relative}.reg-bar-tip{position:absolute;top:-1.35rem;left:50%;transform:translate(-50%);font-size:.67rem;font-weight:700;color:#b8946a;white-space:nowrap;pointer-events:none}.reg-bar-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.62rem;color:var(--text-muted);white-space:nowrap;text-align:center;max-width:120%}.donut-wrap{display:flex;align-items:center;gap:1.25rem}.donut-svg{width:110px;height:110px;flex-shrink:0;overflow:visible}.donut-total-text{font-size:14px;font-weight:700;fill:var(--text, #0f172a)}.donut-sub-text{font-size:7px;fill:var(--text-muted, #64748b)}.donut-legend{flex:1;display:flex;flex-direction:column;gap:.45rem;min-width:0}.donut-legend-row{display:flex;align-items:center;gap:.4rem;font-size:.78rem}.donut-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.donut-label{flex:1;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-count{font-weight:700;color:var(--text);min-width:20px;text-align:right}.donut-pct{color:var(--text-muted);min-width:30px;text-align:right;font-size:.7rem}.dashboard-bottom-section{margin-top:1.25rem;display:grid;grid-template-columns:1fr 2fr;gap:1.25rem}.activity-card{max-height:440px;overflow:hidden}.activity-list{display:flex;flex-direction:column;gap:0;overflow-y:auto;max-height:340px}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--border, rgba(0, 0, 0, .06))}.activity-item:last-child{border-bottom:none}.activity-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon--user_registered{background:#f5e8d8;color:#c4a47a}.activity-icon--project_created{background:#dcfce7;color:#16a34a}.activity-icon--payment_received{background:#ccfbf1;color:#0d9488}.activity-icon--dispute_opened{background:#fee2e2;color:#dc2626}.activity-content{flex:1;min-width:0}.activity-text{font-size:.82rem;font-weight:500;color:var(--text);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:.7rem;color:var(--text-muted);margin:.15rem 0 0}.users-table-card{overflow:hidden}.view-all-btn{padding:.3rem .75rem;border-radius:8px;border:1px solid var(--border, rgba(0, 0, 0, .1));background:transparent;color:var(--primary, #C4A47A);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.view-all-btn:hover{background:var(--primary, #C4A47A);color:#fff;border-color:var(--primary, #C4A47A)}.recent-users-table-wrap{overflow-x:auto}.recent-users-table{width:100%;border-collapse:collapse;font-size:.82rem}.recent-users-table thead th{text-align:left;padding:.6rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border, rgba(0, 0, 0, .08));white-space:nowrap}.recent-users-table tbody td{padding:.65rem .75rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .04));color:var(--text);white-space:nowrap}.recent-users-table tbody tr:last-child td{border-bottom:none}.recent-users-table tbody tr:hover{background:var(--surface-alt, #f8fafc)}.user-name-cell{font-weight:600}.user-email-cell{color:var(--text-muted);max-width:200px;overflow:hidden;text-overflow:ellipsis}.user-date-cell{color:var(--text-muted);font-size:.78rem}.role-badge{display:inline-block;font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;text-transform:capitalize}.role-badge--admin{background:#f5e8d8;color:#b8946a}.role-badge--user{background:#f1f5f9;color:#475569}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.status-dot--active{background:#16a34a}.status-dot--deactivated{background:#dc2626}@media(max-width:1200px){.dashboard-cards{grid-template-columns:repeat(4,1fr)}.dashboard-bottom-section{grid-template-columns:1fr}}@media(max-width:1100px){.dchart-row-3{grid-template-columns:1fr 1fr}}@media(max-width:900px){.dashboard-cards{grid-template-columns:repeat(3,1fr)}.quick-actions-row{gap:.5rem}.quick-action-btn span{display:none}.quick-action-btn{padding:.65rem}}@media(max-width:700px){.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dchart-row-3{grid-template-columns:1fr}.donut-wrap{flex-direction:column;align-items:flex-start}.donut-svg{width:90px;height:90px}.dashboard-bottom-section{grid-template-columns:1fr}}.notifications-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.notifications-page-header h2{margin:0;font-size:1.6rem;color:var(--text)}.notifications-page-header p{margin:.2rem 0 0;color:var(--text-muted);font-size:.9rem}.notif-header-actions{display:flex;gap:.6rem;align-items:center}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:600}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.55rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.88rem;font-weight:500}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.primary-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500}.notif-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:1rem}.notif-tab{background:transparent;border:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;display:flex;align-items:center;gap:.4rem}.notif-tab.active{color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:-2px}.tab-badge{background:var(--primary);color:#fff;font-size:.7rem;font-weight:700;padding:.1rem .4rem;border-radius:999px;line-height:1.4}.notifications-list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.notification-row{display:grid;grid-template-columns:10px 1fr auto;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border)}.notification-row:last-child{border-bottom:none}.notification-content{display:flex;flex-direction:column;gap:.35rem}.notification-title{margin:0;font-weight:600;color:var(--text);font-size:.95rem}.notification-description{margin:0;color:var(--text-muted);font-size:.85rem}.notification-time{margin:0;color:var(--text-subtle);font-size:.75rem}.notification-actions{display:flex;flex-direction:column;gap:.4rem;align-items:flex-end}.notification-dot{width:8px;height:8px;margin-top:.4rem;border-radius:50%;background:var(--text-subtle)}.notification-dot.info{background:var(--accent)}.notification-dot.warning{background:var(--warning)}.notification-dot.success{background:var(--success)}.notification-dot.danger{background:var(--danger)}.notification-empty{padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.sent-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.15rem}.sent-target-badge{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#f5e8d8;color:#b8946a}.push-stats-badge{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:999px;background:#dcfce7;color:#15803d}.push-stats-badge.no-tokens{background:#f3f4f6;color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:overlayIn .18s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:14px;box-shadow:0 4px 6px -1px #00000012,0 20px 50px -8px #00000038;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-modal{max-width:540px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #f1f5f9;background:#fff;flex-shrink:0}.modal-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.modal-header h3:before{content:"";display:inline-block;width:4px;height:18px;background:var(--primary);border-radius:2px}.modal-close{width:32px;height:32px;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;font-size:.9rem;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.notif-form{display:flex;flex-direction:column;gap:0;overflow-y:auto;padding:1.25rem 1.5rem;flex:1}.notif-form-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:.6rem .9rem;font-size:.84rem;font-weight:500;margin-bottom:1rem}.notif-form-error:before{content:"⚠";font-size:.9rem;flex-shrink:0}.form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-row label{font-size:.8rem;font-weight:600;color:#4a3f38;text-transform:uppercase;letter-spacing:.04em}.form-row .required{color:#ef4444;margin-left:2px}.form-row input,.form-row textarea,.form-row select{border:1.5px solid var(--border-strong);border-radius:8px;padding:.6rem .85rem;font-size:.9rem;background:var(--surface-alt);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s;resize:vertical;font-family:inherit}.form-row input::placeholder,.form-row textarea::placeholder{color:var(--text-subtle)}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #c4a47a26}.form-row select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.2rem}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1rem}.form-row-inline .form-row{margin-bottom:0}.audience-pills{display:flex;gap:.5rem}.audience-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border:1.5px solid var(--border-strong);border-radius:8px;background:var(--surface-alt);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:all .15s}.audience-pill:hover{border-color:#d4b896;background:#fff5ea;color:var(--primary)}.audience-pill.active{border-color:var(--primary);background:#fff5ea;color:var(--primary);font-weight:600}.audience-pill svg{flex-shrink:0}.type-pills{display:flex;gap:.4rem;flex-wrap:wrap}.type-pill{display:flex;align-items:center;gap:.35rem;padding:.38rem .85rem;border-radius:999px;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;font-size:.8rem;font-weight:500;color:#64748b;transition:all .15s}.type-pill .pill-dot{width:7px;height:7px;border-radius:50%}.type-pill.active-info{border-color:var(--primary);background:#fff5ea;color:var(--primary)}.type-pill.active-success{border-color:#16a34a;background:#f0fdf4;color:#15803d}.type-pill.active-warning{border-color:#d97706;background:#fffbeb;color:#b45309}.type-pill.active-danger{border-color:#dc2626;background:#fef2f2;color:#b91c1c}.user-search-input{margin-bottom:.5rem!important}.user-checklist{max-height:175px;overflow-y:auto;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.user-checklist::-webkit-scrollbar{width:5px}.user-checklist::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.user-check-row{display:flex;align-items:center;gap:.65rem;padding:.55rem .85rem;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .1s}.user-check-row:last-child{border-bottom:none}.user-check-row:hover{background:#f8fafc}.user-check-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;border:none;background:transparent;box-shadow:none;padding:0}.user-check-row input[type=checkbox]:focus{outline:none;box-shadow:none;border-color:transparent}.user-check-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#A8845A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;flex-shrink:0}.user-check-info{display:flex;flex-direction:column;line-height:1}.user-check-name{font-size:.85rem;font-weight:500;color:#0f172a;line-height:1.3}.user-check-email{font-size:.75rem;color:#64748b;line-height:1.3}.user-checklist-empty{padding:1.25rem;text-align:center;color:#94a3b8;font-size:.85rem;margin:0}.selected-count{font-size:.78rem;color:var(--primary);margin:.4rem 0 0;font-weight:600;display:flex;align-items:center;gap:.3rem}.selected-count:before{content:"✓";width:16px;height:16px;background:#f5e8d8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;color:var(--primary)}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary);color:#fff;border:none;padding:.6rem 1.3rem;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;letter-spacing:.01em;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 1px 3px #c4a47a59}.btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 12px #c4a47a66;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border-strong);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:500;transition:background .15s,border-color .15s}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.notifications-page-header{flex-direction:column;align-items:flex-start}.form-row-inline{grid-template-columns:1fr}.notif-modal{max-width:100%}}.modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:sharedOverlayIn .18s ease}@keyframes sharedOverlayIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border-radius:14px;box-shadow:0 4px 6px -1px #00000012,0 20px 50px -8px #00000038;width:100%;max-height:90vh;overflow-y:auto;animation:sharedModalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes sharedModalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.modal-title:before{content:"";display:inline-block;width:4px;height:18px;background:var(--primary);border-radius:2px;flex-shrink:0}.modal-close{width:32px;height:32px;border:none;background:var(--surface-alt);border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:1.25rem 1.5rem}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.catalogue-search{position:relative;display:flex;align-items:center;flex:1;max-width:320px}.catalogue-search svg{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none;flex-shrink:0}.catalogue-search input{width:100%;padding:.5rem 2.2rem .5rem 2.25rem;border:1.5px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}.catalogue-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c4a47a26}.catalogue-search input::placeholder{color:var(--text-muted)}.catalogue-search-clear{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1;padding:.15rem .3rem;border-radius:4px;transition:color .15s}.catalogue-search-clear:hover{color:var(--text)}.catalogue-meta{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.catalogue-no-results{text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:.9rem}.catalogue-no-results p{margin:.4rem 0 0;font-size:.85rem}.catalogues-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.catalogue-card{background:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s,transform .2s}.catalogue-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.catalogue-card-header{padding:.65rem .85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--surface-alt) 0%,var(--surface-strong) 100%)}.catalogue-card-title{display:flex;align-items:center;gap:.5rem;min-width:0}.catalogue-card-icon{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,var(--primary),#A8845A);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.catalogue-card-header h3{margin:0;font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalogue-card-actions{display:flex;gap:.35rem;flex-shrink:0}.catalogue-card-actions .action-btn{width:30px;height:30px;border-color:transparent}.catalogue-card-actions .action-btn:hover{background:#fffc;border-color:var(--border)}.catalogue-images-carousel{padding:.65rem;position:relative}.carousel-container{position:relative;width:100%;overflow:hidden;border-radius:8px;background:var(--surface-alt);aspect-ratio:16 / 9;outline:none}.carousel-container:focus{outline:2px solid var(--primary);outline-offset:2px}.carousel-track{display:flex;transition:transform .3s ease-in-out;height:100%}.carousel-slide{min-width:100%;height:100%;flex-shrink:0}.image-item{position:relative;width:100%;height:100%;border-radius:8px;overflow:hidden;background:var(--surface-alt)}.image-item img{width:100%;height:100%;object-fit:cover}.img-count-badge{position:absolute;bottom:.6rem;left:.6rem;display:flex;align-items:center;gap:.25rem;background:#0f172aa6;color:#fff;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;pointer-events:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:none;border-radius:50%;width:36px;height:36px;font-size:1.3rem;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;box-shadow:0 2px 8px #00000026}.carousel-btn:hover{background:#fff;transform:translateY(-50%) scale(1.08);box-shadow:0 4px 12px #0003}.carousel-btn-prev{left:.75rem}.carousel-btn-next{right:.75rem}.carousel-indicators{display:flex;justify-content:center;gap:.4rem;margin-top:.75rem}.carousel-indicator{width:6px;height:6px;border-radius:50%;border:none;background:var(--border-strong);cursor:pointer;transition:all .2s;padding:0}.carousel-indicator:hover{background:var(--text-subtle);transform:scale(1.2)}.carousel-indicator.active{background:var(--primary);width:18px;border-radius:3px}.carousel-counter{text-align:center;margin-top:.4rem;font-size:.78rem;color:var(--text-muted);font-weight:500}.delete-image-btn{position:absolute;top:.5rem;right:.5rem;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0;z-index:20;box-shadow:0 2px 4px #0003}.image-item:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.no-images{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;color:var(--text-subtle);font-size:.85rem;gap:.5rem;background:var(--surface-alt);border-radius:8px;border:2px dashed var(--border)}.catalogue-pagination{margin-top:1.25rem}.catalogue-form{padding:1.25rem 1.5rem}.form-group label .hint{font-weight:400;color:#94a3b8;font-size:.78rem;text-transform:none;letter-spacing:0;margin-left:.3rem}.preview-images{margin-top:1rem;margin-bottom:.5rem}.preview-images h4{margin:0 0 .7rem;font-size:.8rem;font-weight:600;color:#4a3f38;text-transform:uppercase;letter-spacing:.04em}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.6rem}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--surface-alt);border:2px solid var(--border)}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.remove-preview-btn{position:absolute;top:.2rem;right:.2rem;background:#dc2626e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-preview-btn:hover{background:#b91c1c;transform:scale(1.1)}.file-hint{margin-top:.4rem;font-size:.78rem;color:#94a3b8}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #f1f5f9}@media(max-width:1280px){.catalogues-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.catalogues-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-search{max-width:100%}}@media(max-width:600px){.page-header{flex-direction:column;align-items:flex-start}.catalogue-toolbar{flex-direction:column;align-items:stretch}.catalogues-grid{grid-template-columns:1fr}.catalogue-modal{max-width:100%}}.cat-stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-bottom:1.1rem}.cat-stat-card{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1.1rem;box-shadow:var(--shadow-sm)}.cat-stat-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-stat-icon--blue{background:#f5e8d8;color:var(--primary)}.cat-stat-icon--violet{background:#f5f3ff;color:#7c3aed}.cat-stat-icon--teal{background:#f0fdfa;color:#0d9488}.cat-stat-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.cat-stat-value{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-stat-label{font-size:.73rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.cat-toolbar{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.cat-search{position:relative;display:flex;align-items:center;flex-shrink:0;width:220px}.cat-search svg{position:absolute;left:.7rem;color:var(--text-muted);pointer-events:none}.cat-search input{width:100%;padding:.48rem 2rem .48rem 2.1rem;border:1.5px solid var(--border);border-radius:8px;font-size:.865rem;background:var(--surface);color:var(--text);font-family:inherit;transition:border-color .15s,box-shadow .15s}.cat-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c4a47a26}.cat-search input::placeholder{color:var(--text-muted)}.cat-search-clear{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.95rem;line-height:1;padding:.1rem .25rem;border-radius:4px;transition:color .15s}.cat-search-clear:hover{color:var(--text)}.cat-filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.cat-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all .15s;text-transform:capitalize;white-space:nowrap}.cat-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-alt)}.cat-chip--active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.cat-chip--active:hover{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.cat-chip--type-active{background:var(--chip-color, #64748b);border-color:var(--chip-color, #64748b);color:#fff;font-weight:600}.cat-chip--type-active:hover{opacity:.88;color:#fff}.cat-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 .3rem;border-radius:999px;font-size:.7rem;font-weight:700;background:#0000001f;color:inherit;line-height:1}.cat-chip--active .cat-chip-count,.cat-chip--type-active .cat-chip-count{background:#ffffff40}.cat-no-results{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:3.5rem 2rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-muted)}.cat-no-results p{margin:0;font-size:.88rem}.cat-clear-filters{margin-top:.25rem;background:none;border:1.5px solid var(--border);border-radius:8px;padding:.4rem 1rem;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.cat-clear-filters:hover{border-color:var(--primary);color:var(--primary);background:#fff5ea}.categories-table-container{border-radius:var(--radius-md);overflow:hidden;overflow-x:auto}.cat-row .cat-row-first-cell{border-left:3px solid var(--row-accent, #e2e8f0);padding-left:calc(1rem - 3px)}.cat-name-cell{display:flex;align-items:center;gap:.75rem}.cat-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,#A8845A 100%);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;text-transform:uppercase}.cat-name-text{font-weight:500;color:var(--text);font-size:.93rem}.category-form{display:flex;flex-direction:column;gap:0;padding:1.25rem 1.5rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;margin:0 -1.5rem -1.25rem;border-top:1px solid #f1f5f9;background:#f8fafc;border-radius:0 0 14px 14px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.categories-table{min-width:560px}.cat-stats-bar{grid-template-columns:1fr 1fr}.cat-toolbar{flex-direction:column;align-items:stretch}.cat-search{width:100%}}@media(max-width:480px){.cat-stats-bar{grid-template-columns:1fr}}.cutout-labels-table-container{border-radius:var(--radius-md);overflow:hidden}.cutout-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-alt);display:block}.cutout-thumb-empty{width:56px;height:56px;border-radius:8px;background:var(--surface-alt);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:.75rem}.category-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;background:#f5e8d8;color:#b8946a;border:1px solid #D4B896;border-radius:999px;font-size:.78rem;font-weight:500;white-space:nowrap}.star-rating{display:flex;align-items:center;gap:.1rem}.star-filled{color:#f59e0b;font-size:.95rem}.star-empty{color:#d1d5db;font-size:.95rem}.rating-value{margin-left:.35rem;font-size:.82rem;color:var(--text-muted);font-weight:500}.cutout-label-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.form-group select{border:1.5px solid var(--border-strong);border-radius:8px;padding:.6rem 2.2rem .6rem .85rem;font-size:.9rem;background:var(--surface-alt);color:var(--text);cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.form-group select:focus{outline:none;border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px #c4a47a26}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.cutout-labels-table{min-width:620px}}.promotions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.promotions-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-form{display:flex;gap:.5rem;flex:1;min-width:200px}.promotions-error{color:var(--danger, #dc2626);font-weight:500;margin-bottom:1rem}.promotions-table{width:100%}.promo-title{font-weight:500;margin:0;color:var(--text)}.promo-desc{margin:.2rem 0 0;font-size:.82rem;color:var(--text-muted);max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-code{font-family:monospace;background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:.15rem .5rem;font-size:.88rem;letter-spacing:.05em}.date-to{font-size:.82rem;color:var(--text-muted);margin:.15rem 0 0}.badge-expired{font-size:.72rem;background:#fee2e2;color:#b91c1c;border-radius:4px;padding:.1rem .4rem;font-weight:600;display:inline-block;margin-top:.2rem}.promo-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:column;gap:.35rem}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.form-hint{font-weight:400;font-size:.78rem;color:var(--text-muted)}.form-row input,.form-row select,.form-row textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--primary)}.form-row-check{flex-direction:row}.check-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text)}.promo-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border);margin-top:.5rem}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:opacity .2s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s ease}.btn-secondary:hover:not(:disabled){border-color:var(--primary)}.promotions-table-container{overflow-x:auto}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.analytics-header h2{margin:0 0 .25rem}.analytics-header>div>p{margin:0}.analytics-section-tabs{display:flex;gap:.35rem;margin-bottom:1.75rem;border-bottom:2px solid var(--border);padding-bottom:0}.analytics-section-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;border-radius:6px 6px 0 0}.analytics-section-tab:hover{color:var(--text);background:var(--surface-alt, #f8fafc)}.analytics-section-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:transparent}.ast-icon{display:flex;align-items:center;opacity:.7}.analytics-section-tab.active .ast-icon{opacity:1}.period-tabs{display:flex;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.25rem;flex-shrink:0}.period-tab{background:transparent;border:none;border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.82rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.period-tab:hover{color:var(--text);background:var(--surface-alt)}.period-tab.active{background:var(--primary);color:#fff}.analytics-section{margin-bottom:2rem}.analytics-section-title{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-header .analytics-section-title{margin:0}.section-hint{font-size:.82rem;color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem}.kpi-card{background:var(--surface);border-radius:var(--radius-md);padding:1.4rem 1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);border-left:4px solid transparent;display:flex;flex-direction:column;gap:.4rem;transition:transform .18s,box-shadow .18s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card.accent-blue{border-left-color:var(--primary)}.kpi-card.accent-green{border-left-color:#16a34a}.kpi-card.accent-purple{border-left-color:#7c3aed}.kpi-card.accent-orange{border-left-color:#ea580c}.kpi-card.accent-teal{border-left-color:#0d9488}.kpi-card.accent-red{border-left-color:#dc2626}.kpi-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0}.kpi-value{font-size:2.2rem;font-weight:700;color:var(--text);margin:0;line-height:1.1}.kpi-sub{font-size:.8rem;color:var(--text-muted);margin:0}.kpi-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;width:fit-content;margin-top:.1rem}.kpi-badge.positive{background:#dcfce7;color:#15803d}.kpi-badge.negative{background:#fee2e2;color:#b91c1c}.kpi-badge.neutral{background:#f3f4f6;color:#6b7280}.chart-card{background:var(--surface);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.chart-empty{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem 0;margin:0}.line-chart-wrapper{width:100%;overflow:hidden}.line-chart-svg{width:100%;height:180px;display:block}.two-col-section{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.donut-card{display:flex;flex-direction:column}.donut-wrapper{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-top:.5rem}.donut-legend{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:120px}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;color:var(--text-muted)}.legend-value{font-weight:600;color:var(--text)}.legend-pct{font-size:.75rem;color:var(--text-muted);min-width:32px;text-align:right}.progress-row{padding:.75rem 0;border-bottom:1px solid var(--border)}.progress-row:last-child{border-bottom:none}.progress-meta{display:flex;justify-content:space-between;margin-bottom:.4rem}.progress-label{font-size:.88rem;color:var(--text)}.progress-count{font-size:.88rem;font-weight:600;color:var(--text)}.progress-track{height:6px;background:var(--surface-alt, #f3f4f6);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease;min-width:2px}.recent-table-wrap{overflow-x:auto}.recent-table{width:100%}.recent-user-cell{display:flex;align-items:center;gap:.65rem}.user-avatar-small{width:32px;height:32px;border-radius:50%;background:var(--primary, #C4A47A);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.recent-user-name{font-size:.88rem;font-weight:500;color:var(--text);margin:0}.recent-user-email{font-size:.78rem;color:var(--text-muted);margin:0}.recent-date{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.status-badge{font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.deactivated{background:#fee2e2;color:#b91c1c}.role-badge{font-size:.75rem;font-weight:600;padding:.15rem .55rem;border-radius:999px}.role-badge.admin{background:#f5e8d8;color:#b8946a}.role-badge.user{background:#f1f5f9;color:#475569}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:var(--text-muted)}.analytics-error p{color:var(--danger, #dc2626);font-weight:500;margin:0}.retry-button{padding:.5rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}.progress-pct{font-size:.75rem;color:var(--text-muted);font-weight:400}.rev-bar-chart{display:flex;align-items:flex-end;gap:.4rem;height:160px;padding-bottom:1.5rem;position:relative}.rev-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.rev-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;background:var(--surface-alt, #f8fafc);border-radius:5px 5px 0 0;overflow:visible}.rev-bar-fill{width:100%;border-radius:5px 5px 0 0;transition:height .5s cubic-bezier(.16,1,.3,1);position:relative;min-height:2px}.rev-bar-tip{position:absolute;top:-1.4rem;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:700;white-space:nowrap;pointer-events:none}.rev-bar-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.58rem;color:var(--text-muted);white-space:nowrap;text-align:center}@media(max-width:860px){.analytics-section-tabs{flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border)}.analytics-section-tab{border-radius:6px;margin-bottom:0;border-bottom:2px solid transparent}}@media(max-width:720px){.analytics-header{flex-direction:column}.two-col-section{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.period-tabs{flex-wrap:wrap}}.proj-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.proj-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.proj-stat-card{display:flex;align-items:center;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem;box-shadow:var(--shadow-sm)}.proj-stat-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.proj-stat-icon--blue{background:#f5e8d8;color:var(--primary)}.proj-stat-icon--yellow{background:#fef9c3;color:#ca8a04}.proj-stat-icon--blue2{background:#e0f2fe;color:#0284c7}.proj-stat-icon--green{background:#dcfce7;color:#16a34a}.proj-stat-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.1;margin:0}.proj-stat-label{font-size:.75rem;color:var(--text-muted);margin:.1rem 0 0;text-transform:uppercase;letter-spacing:.03em}.proj-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.proj-search-wrap{position:relative;flex:1;min-width:220px;max-width:360px}.proj-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.proj-search{width:100%;padding:.55rem 2.2rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s;box-sizing:border-box}.proj-search:focus{border-color:var(--primary)}.proj-search-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.75rem;padding:.15rem .3rem}.proj-search-clear:hover{color:var(--danger)}.proj-status-filters{display:flex;gap:.4rem;flex-wrap:wrap}.proj-filter-btn{padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.proj-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.proj-filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.proj-error{color:var(--danger, #dc2626);margin-bottom:1rem;font-size:.9rem}.proj-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.proj-table{width:100%;border-collapse:collapse;font-size:.875rem}.proj-table thead tr{background:var(--surface-alt, #f8fafc);border-bottom:1px solid var(--border)}.proj-table th{padding:.85rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap}.proj-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.proj-row:last-child td{border-bottom:none}.proj-row:hover td{background:var(--surface-alt, #f8fafc)}.proj-title-cell{max-width:260px}.proj-title{display:block;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-desc{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-user-cell{min-width:140px}.proj-user-name{display:block;font-weight:500}.proj-user-email{display:block;font-size:.75rem;color:var(--text-muted)}.proj-loading-row,.proj-empty-row{text-align:center;padding:3rem 1rem!important;color:var(--text-muted)}.proj-loading-row,.proj-empty-row{display:table-cell}.proj-empty-row svg{margin:0 auto .75rem;display:block;opacity:.35}.proj-empty-row p{margin:0 0 .75rem;font-size:.9rem}.proj-spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin-right:.5rem;vertical-align:middle}.proj-clear-btn{background:none;border:1px solid var(--border);border-radius:6px;padding:.4rem .9rem;font-size:.8rem;cursor:pointer;color:var(--primary)}.proj-clear-btn:hover{background:var(--surface-alt)}.proj-space-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.proj-space--home{background:#e0f2fe;color:#0369a1}.proj-space--retail{background:#fce7f3;color:#9d174d}.proj-space--office{background:#ede9fe;color:#6d28d9}.proj-size-badge{display:inline-flex;flex-direction:column;gap:.05rem;padding:.2rem .65rem;border-radius:8px;font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.3}.proj-size-sub{font-size:.65rem;font-weight:400;opacity:.75}.proj-size--small{background:#f0fdf4;color:#15803d}.proj-size--medium{background:#fef9c3;color:#854d0e}.proj-size--large{background:#f5e8d8;color:#b8946a}.proj-location-cell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-muted);font-size:.82rem}.proj-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.proj-page-btn{padding:.45rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font-size:.85rem;cursor:pointer;transition:all .15s}.proj-page-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.proj-page-btn:disabled{opacity:.4;cursor:not-allowed}.proj-page-info{font-size:.85rem;color:var(--text-muted)}.proj-page-total{font-size:.78rem}@media(max-width:900px){.proj-stats-bar{grid-template-columns:1fr 1fr}}@media(max-width:600px){.proj-stats-bar{grid-template-columns:1fr}.proj-toolbar{flex-direction:column;align-items:stretch}.proj-search-wrap{max-width:100%}.proj-table th:nth-child(4),.proj-table td:nth-child(4),.proj-table th:nth-child(5),.proj-table td:nth-child(5){display:none}}.settings-header{margin-bottom:2rem}.settings-layout{display:flex;gap:1.5rem;align-items:flex-start}.settings-tabs{display:flex;flex-direction:column;gap:.25rem;min-width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem;box-shadow:var(--shadow-sm);position:sticky;top:1.5rem}.settings-tab{background:transparent;border:none;border-radius:var(--radius-sm);padding:.6rem .9rem;text-align:left;font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.settings-tab:hover{background:var(--surface-alt);color:var(--text)}.settings-tab.active{background:var(--primary);color:#fff}.settings-panel{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-height:200px}.settings-list{display:flex;flex-direction:column}.setting-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.5rem 1.5rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);align-items:center}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:.2rem}.setting-label{font-size:.95rem;font-weight:500;color:var(--text);margin:0}.setting-desc{font-size:.82rem;color:var(--text-muted);margin:0}.badge-encrypted{font-size:.72rem;background:#f5e8d8;color:#b8946a;border:1px solid #D4B896;border-radius:4px;padding:.1rem .4rem;font-weight:600;display:inline-block;margin-top:.2rem}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.45rem .75rem;font-size:.9rem;background:var(--surface);color:var(--text);outline:none;min-width:240px;transition:border-color .2s ease}.setting-input:focus{border-color:var(--primary)}.btn-save{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .2s ease;min-width:68px}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save:hover:not(:disabled){opacity:.88}.setting-error{grid-column:1 / -1;color:var(--danger, #dc2626);font-size:.82rem;margin:0}.toggle-label{display:flex;align-items:center;cursor:pointer}.toggle-input{display:none}.toggle-slider{display:block;width:44px;height:24px;background:var(--border);border-radius:12px;position:relative;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-input:checked~.toggle-slider{background:var(--primary)}.toggle-input:checked~.toggle-slider:before{transform:translate(20px)}@media(max-width:640px){.settings-layout{flex-direction:column}.settings-tabs{flex-direction:row;position:static;flex-wrap:wrap}.setting-row{grid-template-columns:1fr}.setting-input{min-width:100%}}.sp-table-container{border-radius:var(--radius-md);overflow:hidden}.sp-table{width:100%}.sp-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-alt);display:block}.sp-thumb-empty{width:52px;height:52px;border-radius:8px;background:var(--surface-alt);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:.75rem}.sp-name{font-weight:500;color:var(--text)}.sp-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.sp-optional-hint{font-size:.78rem;color:var(--text-subtle);font-weight:400;margin-left:.25rem}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.sp-table{min-width:500px}}.cp-table-container{border-radius:var(--radius-md);overflow:hidden}.cp-table{width:100%}.cp-swatch{display:inline-block;width:32px;height:32px;border-radius:6px;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0;vertical-align:middle;box-shadow:0 1px 3px #0000001f}.cp-name{font-weight:500;color:var(--text)}.cp-hex-code{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.82rem;background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem;color:var(--text-muted);letter-spacing:.04em}.cp-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.cp-color-row{display:flex;align-items:center;gap:.6rem}.cp-color-picker{width:42px;height:38px;padding:2px;border:1.5px solid var(--border-strong);border-radius:8px;background:var(--surface-alt);cursor:pointer;flex-shrink:0}.cp-color-picker:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c4a47a26}.cp-hex-input{flex:1;border:1.5px solid var(--border-strong);border-radius:8px;padding:.6rem .85rem;font-size:.9rem;font-family:SF Mono,Consolas,Monaco,monospace;background:var(--surface-alt);color:var(--text);letter-spacing:.04em;transition:border-color .15s,box-shadow .15s}.cp-hex-input:focus{outline:none;border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px #c4a47a26}.cp-preview-swatch{width:38px;height:38px;border-radius:8px;border:1.5px solid rgba(0,0,0,.1);flex-shrink:0;transition:background-color .1s;box-shadow:0 1px 3px #00000026}.cp-hex-error{font-size:.78rem;color:#ef4444;margin-top:.3rem;margin-bottom:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.cp-table{min-width:520px}}.mat-table-container{border-radius:var(--radius-md);overflow:hidden}.mat-table{width:100%}.mat-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-alt);display:block}.mat-thumb-empty{width:52px;height:52px;border-radius:8px;background:var(--surface-alt);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:.75rem}.mat-name{font-weight:500;color:var(--text)}.mat-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.mat-optional-hint{font-size:.78rem;color:var(--text-subtle);font-weight:400;margin-left:.25rem}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.mat-table{min-width:500px}}.rf-table-container{border-radius:var(--radius-md);overflow:hidden}.rf-table{width:100%}.rf-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:var(--surface-alt);display:block}.rf-thumb-empty{width:52px;height:52px;border-radius:8px;background:var(--surface-alt);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:.75rem}.rf-name{font-weight:500;color:var(--text)}.rf-avg-rating{display:flex;align-items:center;gap:.2rem}.rf-star{color:#f59e0b;font-size:1rem;line-height:1}.rf-avg-value{font-weight:600;font-size:.875rem;color:var(--text)}.rf-rating-count{font-size:.78rem;color:var(--text-subtle)}.rf-no-rating{color:var(--text-subtle);font-size:.85rem}.rf-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:0}.rf-optional-hint{font-size:.78rem;color:var(--text-subtle);font-weight:400;margin-left:.25rem}.upload-preview-wrap{position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--border-strong)}.upload-preview-img{width:100%;max-height:200px;object-fit:cover;display:block}.upload-change-overlay{position:absolute;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;cursor:pointer}.upload-preview-wrap:hover .upload-change-overlay{opacity:1}.upload-change-overlay span{color:#fff;font-size:.85rem;font-weight:600;background:#ffffff26;padding:.4rem .9rem;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.5rem;margin:.75rem -1.5rem -1.25rem;border-top:1px solid #f1f5f9;background:#f8fafc;border-radius:0 0 14px 14px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.rf-table{min-width:500px}}.complaints-filters{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.complaints-search-wrap{position:relative;flex:1;min-width:220px}.complaints-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-subtle);pointer-events:none}.complaints-search{width:100%;padding:8px 32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s;box-sizing:border-box}.complaints-search:focus{border-color:var(--primary)}.complaints-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-subtle);cursor:pointer;font-size:.75rem;padding:2px 4px}.complaints-filter-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.875rem;outline:none;cursor:pointer;transition:border-color .15s}.complaints-filter-select:focus{border-color:var(--primary)}.complaints-table{width:100%;border-collapse:collapse;font-size:.875rem}.complaints-table thead th{text-align:left;padding:12px 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--surface-alt);border-bottom:1px solid var(--border);white-space:nowrap}.complaints-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.complaints-table tbody tr:last-child{border-bottom:none}.complaints-table tbody tr:hover{background:var(--surface-alt)}.complaints-table td{padding:12px 14px;color:var(--text);vertical-align:middle}.complaints-row-num{color:var(--text-muted);font-size:.8rem;width:36px}.complaints-user-cell{min-width:140px}.complaints-user-name{font-weight:500;color:var(--text)}.complaints-user-email{font-size:.775rem;color:var(--text-subtle);margin-top:1px}.complaints-subject-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.complaints-date-cell{white-space:nowrap;color:var(--text-muted);font-size:.825rem}.complaint-status{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap}.complaint-status--open{background:#eff6ff;color:#1d4ed8}.complaint-status--in_progress{background:#fefce8;color:#a16207}.complaint-status--resolved{background:#f0fdf4;color:#15803d}.complaint-status--closed{background:#f4f4f5;color:#52525b}.complaint-category{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:.73rem;font-weight:500;white-space:nowrap}.complaint-category--bug_error{background:#fef2f2;color:#b91c1c}.complaint-category--ui_issue{background:#f5f3ff;color:#6d28d9}.complaint-category--performance{background:#fff7ed;color:#c2410c}.complaint-category--payment{background:#f0fdf4;color:#166534}.complaint-category--other{background:var(--surface-alt);color:var(--text-muted)}.complaints-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-panel{background:var(--surface);border-radius:var(--radius-md);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1rem;font-weight:600;color:var(--text);margin:0}.modal-close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);transition:background .12s}.modal-close:hover{background:var(--surface-alt);color:var(--text)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border)}.complaints-detail-modal{width:520px}.complaints-detail-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.complaints-detail-row{display:flex;gap:12px;align-items:flex-start}.complaints-detail-label{flex-shrink:0;width:90px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding-top:2px}.complaints-detail-value{flex:1;font-size:.875rem;color:var(--text);line-height:1.5}.complaints-detail-email{color:var(--text-subtle);font-size:.8rem}.complaints-detail-desc{white-space:pre-wrap;word-break:break-word}.complaints-status-section,.complaints-notes-section{margin-top:16px}.complaints-notes-textarea{resize:vertical;min-height:72px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.form-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit}.form-input:focus{border-color:var(--primary)}.form-error{margin-top:10px;color:#b91c1c;font-size:.825rem}.complaints-confirm-modal{width:400px}.complaints-confirm-modal .modal-body p{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0}.btn-primary{background:var(--primary);color:#fff;border:none;padding:8px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--primary-600)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);padding:8px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.btn-secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-strong)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc2626;color:#fff;border:none;padding:8px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.App{display:flex;min-height:100vh;background-color:var(--bg)}.main-content{margin-left:260px;margin-top:70px;flex:1;padding:2rem;min-height:calc(100vh - 70px);background:var(--bg)}.content-wrapper{width:100%}.content-wrapper h2{font-size:2rem;font-weight:600;color:var(--text);margin:0 0 1rem}.content-wrapper p{font-size:1rem;color:var(--text-muted);margin:0}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card thead{background:var(--surface-alt);border-bottom:1px solid var(--border)}.table-card th,.table-card td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid var(--border);font-size:.95rem}.table-card th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.table-card tbody tr:hover{background:var(--surface-alt)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--surface)}.pagination-info{font-size:.85rem;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.4rem .7rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-size-select{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .6rem;font-size:.85rem;background:var(--surface);color:var(--text)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.page-header-left h2{margin:0 0 .2rem;font-size:1.6rem;font-weight:700;color:var(--text)}.page-header-left p{margin:0;font-size:.88rem;color:var(--text-muted)}.btn-add{display:inline-flex;align-items:center;gap:.45rem;background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 1px 3px #c4a47a4d;white-space:nowrap}.btn-add:hover{background:var(--primary-600);box-shadow:0 4px 12px #c4a47a59;transform:translateY(-1px)}.btn-add:active{transform:translateY(0)}.error-banner{display:flex;align-items:center;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.8rem 1rem;margin-bottom:1.25rem}.error-banner p{color:#b91c1c;margin:0;font-size:.88rem;flex:1}.close-error{background:none;border:none;color:#b91c1c;font-size:1.1rem;cursor:pointer;padding:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0;opacity:.7;transition:opacity .15s}.close-error:hover{opacity:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1rem;color:var(--text-muted);font-size:.9rem}.loading-state .loading-spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.empty-icon-wrap{width:64px;height:64px;border-radius:16px;background:#f5e8d8;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--primary)}.empty-state h3{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;color:var(--text)}.empty-state p{margin:0 0 1.5rem;color:var(--text-muted);font-size:.9rem;max-width:320px}.action-buttons{display:flex;gap:.4rem}.action-btn{width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.action-btn:hover{background:var(--surface-alt);border-color:var(--border-strong);color:var(--text)}.action-btn.edit:hover{background:#fff5ea;border-color:#d4b896;color:var(--primary)}.action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-btn.status-toggle:hover{background:var(--surface-alt);border-color:var(--border-strong);color:var(--text)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.form-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;padding:.6rem .9rem;font-size:.84rem;font-weight:500;margin-bottom:1rem}.form-error:before{content:"⚠";font-size:.9rem;flex-shrink:0}.form-error p{margin:0;color:inherit}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-group label,.form-label{font-size:.8rem;font-weight:600;color:#4a3f38;text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select{border:1.5px solid var(--border-strong);border-radius:8px;padding:.6rem .85rem;font-size:.9rem;background:var(--surface-alt);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s;font-family:inherit;box-sizing:border-box}.form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.2rem;cursor:pointer}.form-group input::placeholder{color:var(--text-subtle)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #c4a47a26}.btn-cancel{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);color:var(--text-muted);border:1.5px solid var(--border-strong);padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:500;transition:background .15s,border-color .15s}.btn-cancel:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-strong)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary);color:#fff;border:none;padding:.55rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:600;box-shadow:0 1px 3px #c4a47a59;transition:background .15s,box-shadow .15s,transform .1s}.btn-submit:hover:not(:disabled){background:var(--primary-600);box-shadow:0 4px 12px #c4a47a66;transform:translateY(-1px)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-submit--danger{background:#dc2626}.btn-submit--danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262659}.mat-badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap}.mat-badge--art{background:#f3e8ff;color:#7e22ce}.mat-badge--furniture{background:#fef3c7;color:#92400e}.mat-badge--metal{background:#f1f5f9;color:#475569}.mat-badge--wood{background:#ffedd5;color:#9a3412}.mat-badge--fabric{background:#fce7f3;color:#9d174d}.mat-badge--glass{background:#e0f2fe;color:#0369a1}.mat-badge--ceramic{background:#dbeafe;color:#1e40af}.mat-badge--plastic{background:#dcfce7;color:#166534}.mat-badge--stone{background:#f5f5f4;color:#44403c}.mat-badge--textile{background:#ccfbf1;color:#0f766e}.mat-badge--leather{background:#fdf2e9;color:#7c4700}.mat-badge--rubber{background:#e5e7eb;color:#1f2937}.mat-badge--other{background:#f1f5f9;color:#64748b}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed #cbd5e1;border-radius:10px;padding:2rem 1rem;cursor:pointer;background:#f8fafc;color:#64748b;transition:border-color .15s,background .15s;text-align:center}.upload-zone:hover{border-color:var(--primary);background:#fff5ea;color:var(--primary)}.upload-zone-icon{width:44px;height:44px;border-radius:10px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;transition:background .15s}.upload-zone:hover .upload-zone-icon{background:#f5e8d8}.upload-zone-label{font-size:.88rem;font-weight:600;color:inherit}.upload-zone-hint{font-size:.78rem;color:#94a3b8}.upload-input-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.date-text{color:var(--text-muted);font-size:.875rem}