*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa}#root{width:100%;min-height:100vh}.app-container{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-wrapper{flex:1;padding:24px;overflow-y:auto}.sidebar{width:240px;background:#1e1e2e;color:#cdd6f4;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid #313244}.sidebar-header h2{font-size:18px;font-weight:700;color:#cba6f7;margin:0}.sidebar-nav{padding:12px 8px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#a6adc8;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:#313244;color:#cdd6f4}.nav-item.active{background:#45475a;color:#cba6f7}.nav-icon{font-size:18px;width:24px;text-align:center}.header{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 24px}.header-content{display:flex;align-items:center;justify-content:space-between}.header-title{font-size:20px;font-weight:700;color:#111827;margin:0}.user-info{display:flex;align-items:center;gap:10px}.user-name{font-size:14px;color:#6b7280}.user-avatar{font-size:24px}.loading{display:flex;align-items:center;justify-content:center;padding:48px;font-size:16px;color:#6b7280}.empty-state{text-align:center;padding:48px;color:#6b7280;font-size:16px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700;color:#111827;margin:0}.placeholder{text-align:center;padding:48px;color:#6b7280;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border-left:4px solid;box-shadow:0 1px 3px #00000014}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-title{font-size:13px;color:#6b7280;margin:0 0 4px;font-weight:500}.stat-value{font-size:22px;font-weight:700;color:#111827;margin:0}.stat-trend{font-size:12px;color:#16a34a}.dashboard-sections{display:grid;gap:24px}.section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014}.section h2{font-size:16px;font-weight:600;color:#111827;margin:0 0 12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters button{padding:6px 14px;border:1px solid #d1d5db;border-radius:20px;background:#fff;cursor:pointer;font-size:13px;color:#6b7280;transition:all .15s}.filters button:hover{border-color:#7c3aed;color:#7c3aed}.filters button.active{background:#7c3aed;border-color:#7c3aed;color:#fff;font-weight:600}.purchases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.purchase-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6}.purchase-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.purchase-user{display:flex;align-items:center;gap:10px}.purchase-user h3{font-size:15px;font-weight:600;color:#111827;margin:0}.purchase-user .phone{font-size:13px;color:#6b7280;margin:0}.time-ago{font-size:12px;color:#9ca3af}.purchase-details{margin-bottom:12px}.detail-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.detail-row .label{color:#6b7280}.detail-row .value{font-weight:500;color:#111827}.detail-row .value.amount{font-weight:700;color:#7c3aed;font-size:15px}.notifications{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.badge{font-size:11px;padding:3px 8px;background:#ede9fe;color:#7c3aed;border-radius:12px}.badge.paid{background:#dcfce7;color:#16a34a}.badge.pending{background:#fef3c7;color:#d97706}.purchase-actions{display:flex;gap:8px}.btn-validate{flex:1;padding:8px;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.btn-validate:hover{background:#15803d}.btn-reject{flex:1;padding:8px;background:#ef4444;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.btn-reject:hover{background:#dc2626}.btn-pay{padding:8px 16px;background:#7c3aed;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s;white-space:nowrap}.btn-pay:hover{background:#6d28d9}.btn-pay:disabled{background:#d1d5db;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.btn-secondary:hover{background:#e5e7eb}.users-page .search-input{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;width:240px}.users-page .search-input:focus{border-color:#7c3aed}.users-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.users-table table{width:100%;border-collapse:collapse}.users-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.users-table td{padding:12px 16px;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#fafafa}.user-type-icon{font-size:18px}.user-name{font-weight:500}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.visible{background:#dcfce7;color:#16a34a}.status-badge.invisible{background:#fee2e2;color:#dc2626}.agents-page .header-actions{display:flex;gap:10px;align-items:center}.agents-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.agents-table table{width:100%;border-collapse:collapse}.agents-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.agents-table td{padding:12px 16px;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle}.agents-table tr:last-child td{border-bottom:none}.agents-table tr:hover td{background:#fafafa}.commission-amount{font-weight:700;color:#7c3aed}.commission-zero{color:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:16px;padding:28px;width:480px;max-width:90vw;box-shadow:0 20px 40px #00000026}.modal h2{font-size:20px;font-weight:700;color:#111827;margin:0 0 20px}.modal-info{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:20px}.modal-info-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.modal-info-row .label{color:#6b7280}.modal-info-row .value{font-weight:600;color:#111827}.modal-info-row .value.big{font-size:18px;color:#7c3aed}.modal-field{margin-bottom:16px}.modal-field label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.modal-field textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;resize:vertical;box-sizing:border-box}.modal-field textarea:focus{border-color:#7c3aed}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.header-actions{display:flex;gap:10px;align-items:center}