body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f8f9fa;font-family:Segoe UI,Arial,sans-serif;margin:0}.App{display:flex;min-height:100vh}.sidebar{align-items:center;background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:2px 0 12px #0000001a;color:#fff;display:flex;flex-direction:column;padding-top:24px;position:relative;width:280px}.sidebar:before{background:linear-gradient(135deg,#20c997e6,#17a2b8e6);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.sidebar img{border-radius:16px;box-shadow:0 4px 12px #00000026;margin-bottom:24px;width:100px}.sidebar .logo{font-size:1.5rem;margin-bottom:32px}.sidebar .logo,.sidebar .logo .logo-icon{align-items:center;display:flex;font-weight:700}.sidebar .logo .logo-icon{background:#fff;border-radius:8px;color:#20c997;height:32px;justify-content:center;margin-right:12px;width:32px}.vendor-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;font-weight:500;margin-bottom:24px;padding:12px 16px;text-align:center;width:200px}.menu{display:flex;flex-direction:column;gap:4px;padding:0 16px;width:100%}.menu button{align-items:center;background:none;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:16px 20px;text-align:left;transition:all .2s}.menu button:hover{background:#ffffff1a;transform:translateX(4px)}.menu button.active{background:#fff3;box-shadow:0 4px 12px #0000001a}.menu-icon{height:20px;opacity:.8;width:20px}.sidebar-footer{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-top:auto;opacity:.8;padding:20px}.main-content{background:#f8f9fa;flex:1 1;min-height:100vh}.header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:24px 32px}.header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.logout-btn:hover{background:#f8f9fa;color:#495057}.tabs{display:flex;gap:0;margin-top:16px}.tab{background:none;border:none;border-radius:8px 8px 0 0;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.tab.active{background:#20c997;box-shadow:0 -2px 8px #20c9974d;color:#fff}.tab:not(.active):hover{background:#e9ecef;color:#495057}.content-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin:24px 32px;min-height:500px;padding:32px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.content-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.content-subtitle{color:#6c757d;font-size:.9rem;margin:4px 0 0}.search-container{align-items:center;display:flex;gap:12px}.search-input{border:2px solid #e9ecef;border-radius:12px;font-size:1rem;padding:12px 16px;transition:all .2s;width:300px}.search-input:focus{border-color:#20c997;box-shadow:0 0 0 3px #20c9971a;outline:none}.search-clear{background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;padding:8px;transition:all .2s}.search-clear:hover{background:#f8f9fa;color:#495057}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .2s}.activity-item:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.activity-avatar{align-items:center;background:linear-gradient(135deg,#20c997,#17a2b8);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.activity-content{grid-gap:16px;align-items:center;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.activity-field{color:#2c3e50;font-weight:500}.activity-type{background:#20c997;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 12px}.activity-type.reward{background:#ffc107;color:#000}.activity-time{color:#6c757d;font-size:.9rem}table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:16px;overflow:hidden;width:100%}td,th{border-bottom:1px solid #f1f3f4;padding:16px 20px;text-align:left}th{background:#f8f9fa;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tr:last-child td{border-bottom:none}tr:hover{background:#f8f9fa}button,input,select{font-size:1rem}input,select{background:#fff;border:2px solid #e9ecef;border-radius:8px;margin-left:8px;padding:12px 16px;transition:all .2s}input:focus,select:focus{border-color:#20c997;box-shadow:0 0 0 3px #20c9971a;outline:none}button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}button[type=submit]{background:#20c997;color:#fff;margin-top:16px}button[type=submit]:hover{background:#17a2b8;box-shadow:0 4px 12px #20c9974d;transform:translateY(-2px)}.btn-primary{background:#20c997;color:#fff}.btn-primary:hover{background:#17a2b8}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#000}.btn-warning:hover{background:#e0a800}.form-group{margin-bottom:16px}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:8px}.modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:80vh;max-width:600px;overflow:auto;padding:32px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.modal-title{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.modal-close:hover{background:#f8f9fa;color:#495057}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.loading{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:40px}.error{background:#f8d7da;color:#dc3545}.error,.success{border-radius:8px;margin:16px 0;padding:12px 16px}.success{background:#d4edda;color:#155724}@media (max-width:768px){.App{flex-direction:column}.sidebar{flex-direction:row;height:auto;width:100%}.main-content,.sidebar{padding:16px}.content-panel{margin:16px;padding:20px}.activity-content{gap:8px;grid-template-columns:1fr}.search-input{width:100%}}
/*# sourceMappingURL=main.0a8a5080.css.map*/