*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Mohave,sans-serif,sans-serif;font-size:14px;line-height:1.5;color:#3b492b;background-color:#fdfdfd}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}h4,h5,h6{font-size:14px}p{margin:0;line-height:1.8}a{color:#3b492b;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:#da771b}input,textarea,select{width:100%;padding:8px 16px;border:1px solid #e0e0e0;border-radius:4px;font-family:Mohave,sans-serif;font-size:14px;color:#3b492b;transition:border-color .3s ease-in-out}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b492b;box-shadow:0 0 0 2px #3b492b1a}input::placeholder,textarea::placeholder,select::placeholder{color:#666}button{background-color:#da771b;color:#fdfdfd;border:none;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out}button:hover{background-color:#ad5e15}button:active{background-color:#965213}button.secondary{background-color:#d8c8a4;color:#3b492b;border:1px solid #ccc;padding:8px 16px;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease-in-out}button.secondary:hover{background-color:#c9b280}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:#666}.text-success{color:#2ecc71}.text-warning{color:#f39c12}.text-danger{color:#e74c3c}.text-info{color:#3498db}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mt-2xl{margin-top:48px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mb-2xl{margin-bottom:48px}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:16px}.p-lg{padding:24px}.p-xl{padding:32px}.p-2xl{padding:48px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container{max-width:1200px;margin:0 auto;padding:16px}.row{display:grid;gap:16px}.row-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.row-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.row-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.card-header{border-bottom:1px solid #e0e0e0;padding-bottom:16px;margin-bottom:16px}.card-header h3{margin:0}.card-body{padding:16px}.card-footer{border-top:1px solid #e0e0e0;padding-top:16px;margin-top:16px}.alert{padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid}.alert.alert-success{background-color:#2ecc711a;border-left-color:#2ecc71;color:#124f2c}.alert.alert-danger{background-color:#e74c3c1a;border-left-color:#e74c3c;color:#7b190f}.alert.alert-warning{background-color:#f39c121a;border-left-color:#f39c12;color:#674105}.alert.alert-info{background-color:#3498db1a;border-left-color:#3498db;color:#124364}@media(max-width:768px){h1{font-size:20px}h2{font-size:16px}.row-2,.row-3,.row-4{grid-template-columns:1fr}}.page-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#3b492b;font-size:28px;font-weight:700;margin:0}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;text-transform:uppercase;letter-spacing:.5px;font-family:Mohave,sans-serif}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#da771b;color:#fdfdfd}.btn-primary:hover:not(:disabled){background-color:#ad5e15;transform:translateY(-1px);box-shadow:0 4px 12px #da771b4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#d8c8a4;color:#3b492b;border:1px solid rgb(200.7,178.4230769231,128.3)}.btn-secondary:hover:not(:disabled){background-color:#ccb787;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background-color:#e74c3c;color:#fdfdfd;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease-in-out}.btn-danger:hover:not(:disabled){background-color:#d62c1a;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c40}.btn-sm{padding:4px 8px;font-size:12px}.btn-icon{background:none;border:none;margin:0;cursor:pointer;font-family:inherit;font-size:inherit;font-size:18px;padding:4px 8px;border-radius:4px;transition:all .3s ease-in-out;color:#666}.btn-icon:hover{background-color:#3b492b14;color:#3b492b}.btn-icon.btn-danger{background:none;opacity:.6}.btn-icon.btn-danger:hover{opacity:1;background-color:#e74c3c14;color:#e74c3c;transform:none;box-shadow:none}.filters-section{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px}.filters-title{font-weight:600;color:#3b492b;margin-bottom:16px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-weight:600;color:#3b492b;font-size:12px;text-transform:uppercase}.filter-input,.filter-select{padding:8px 16px;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:Mohave,sans-serif;color:#3b492b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;background-color:#fdfdfd}.filter-input:focus,.filter-select:focus{outline:none;border-color:#da771b;box-shadow:0 0 0 3px #da771b1a}.filter-input::placeholder,.filter-select::placeholder{color:#666}.filters-actions{display:flex;gap:8px;flex-wrap:wrap}.error-message{background-color:#e74c3c1a;color:#a82315;padding:16px;border-radius:4px;margin-bottom:16px;border-left:4px solid #e74c3c;font-size:14px}.loading-state{text-align:center;padding:48px 24px;color:#666}.loading-state p{margin:0;font-size:16px}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:48px;color:#666}.empty-state p{font-size:16px;margin:0}.table-container{background:#fdfdfd;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;border:1px solid #e0e0e0}.data-table,.accounts-table{width:100%;border-collapse:collapse}.data-table thead,.accounts-table thead{background:linear-gradient(180deg,#d8c8a44d,#d8c8a426);border-bottom:2px solid #d8c8a4}.data-table th,.accounts-table th{padding:16px;text-align:left;font-weight:600;color:#3b492b;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.data-table td,.accounts-table td{padding:16px;border-bottom:1px solid #e0e0e0;color:#3b492b;font-size:14px}.data-table tbody tr,.accounts-table tbody tr{transition:background-color .15s ease-in-out}.data-table tbody tr:hover,.accounts-table tbody tr:hover{background-color:#d8c8a41a}.data-table tbody tr:last-child td,.accounts-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.empty-row,.accounts-table tbody tr.empty-row{text-align:center;color:#666}.data-table tbody tr.empty-row:hover,.accounts-table tbody tr.empty-row:hover{background-color:transparent}.actions-cell{display:flex;gap:8px;align-items:center}.roles-cell{font-size:12px;color:#666;max-width:200px}.badge{display:inline-block;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.badge-active{background-color:#2ecc711f;color:#176437}.badge.badge-inactive{background-color:#e74c3c1a;color:#bf2718}.badge-category[data-category=Beer]{background-color:#da771b1f;color:#ad5e15}.badge-category[data-category=Lemonade]{background-color:#f39c1226;color:#b06f09}.badge-category[data-category=Water]{background-color:#3498db1f;color:#1d6fa5}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.btn-pagination{padding:8px 16px;background-color:#fdfdfd;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Mohave,sans-serif;font-size:14px;font-weight:600;color:#3b492b;transition:all .3s ease-in-out}.btn-pagination:hover:not(:disabled){border-color:#da771b;color:#da771b;transform:translateY(-1px)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.btn-page-number{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;background-color:#fdfdfd;border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:12px;font-family:Mohave,sans-serif;font-weight:600;color:#3b492b;transition:all .3s ease-in-out}.btn-page-number:hover{border-color:#da771b;color:#da771b}.btn-page-number.active{background-color:#da771b;color:#fdfdfd;border-color:#da771b;box-shadow:0 2px 8px #da771b4d}.pagination-info{text-align:center;font-size:12px;color:#666}.dialog-backdrop{position:fixed;inset:0;background-color:#3b4a2b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease-out}.dialog{background:#fdfdfd;border-radius:12px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000040,0 0 0 1px #0000000d;animation:slideUp .25s ease-out;overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid #d8c8a4;background:linear-gradient(180deg,rgba(216,200,164,.12) 0%,transparent 100%)}.dialog-header h2{margin:0;color:#3b492b;font-size:20px;font-weight:700}.dialog-body{padding:24px}.dialog-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:8px;background-color:#d8c8a40f}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;color:#3b492b;font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.form-input{width:100%;padding:10px 16px;border:2px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:Mohave,sans-serif;color:#3b492b;box-sizing:border-box;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;background-color:#fdfdfd}.form-input:focus{outline:none;border-color:#da771b;box-shadow:0 0 0 3px #da771b1a}.form-input::placeholder{color:#666}.form-input:disabled{background-color:#d8c8a426;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.page-container{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.filters-grid,.form-row{grid-template-columns:1fr}.data-table,.accounts-table{font-size:12px}.data-table th,.data-table td,.accounts-table th,.accounts-table td{padding:8px 16px}.actions-cell{gap:4px}.actions-cell button{font-size:16px}.pagination{gap:4px}.dialog{max-width:100%;margin:8px}}