:root{--primary-color:#9e2a2b;--primary-dark:#7c2122;--primary-light:#9e2a2b14;--secondary-color:#e3b448;--bg-color:#f5f3ef;--surface-color:#fff;--border-color:#e7e2da;--text-color:#2d2d2d;--text-muted:#8a8378;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #2d23190f;--shadow-md:0 6px 20px #2d231914;--shadow-lg:0 12px 32px #2d231924;--transition:.2s ease;--sidebar-width:264px;--topbar-height:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{letter-spacing:-.01em;font-weight:700}.content>h2:first-child,.content>h1:first-child{margin-top:0}.login-page{background:linear-gradient(135deg, var(--primary-color) 0%, #5d1718 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:1rem;width:100%;max-width:380px;padding:2.5rem;display:flex}.login-card h1{color:var(--primary-color);text-align:center;margin:0;font-size:1.6rem}.login-card .subtitle{text-align:center;color:var(--text-muted);margin:0 0 1rem}.login-card .btn-primary{justify-content:center;margin-top:.5rem}.topbar{height:var(--topbar-height);background:var(--primary-color);color:#fff;z-index:30;box-shadow:var(--shadow-sm);align-items:center;gap:.75rem;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.topbar-title{font-size:1.05rem;font-weight:600}.icon-btn{border-radius:var(--radius-sm);width:38px;height:38px;color:inherit;cursor:pointer;transition:background var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:#ffffff26}.app-shell{min-height:100vh;display:flex}.sidebar-backdrop{z-index:40;background:#140f0a73;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{display:block}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;flex-direction:column;flex-shrink:0;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sidebar-title{margin:0;font-size:1.15rem}.sidebar-close{display:none}.sidebar nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-link{color:#fff;border-radius:var(--radius-sm);opacity:.85;transition:background var(--transition), opacity var(--transition);align-items:center;gap:.75rem;padding:.65rem .8rem;text-decoration:none;display:flex}.nav-icon{flex-shrink:0}.nav-link:hover{opacity:1;background:#ffffff1a}.nav-link.active{opacity:1;background:#ffffff2e;font-weight:600}.sidebar-footer{border-top:1px solid #fff3;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.admin-info{align-items:center;gap:.65rem;display:flex}.admin-avatar{background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.admin-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.content{flex:1;min-width:0;max-width:1200px;padding:2rem}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);border:1px solid #0000;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{color:var(--text-color);background:#ece7df}.btn-secondary:hover:not(:disabled){background:#ddd6cb}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover:not(:disabled){background:#c12333}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h2{margin:0}.table-wrapper{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.85rem 1rem}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;background:#faf8f5;font-size:.8rem;font-weight:600}.data-table tbody tr:hover{background:#9e2a2b08}.data-table tbody tr:last-child td{border-bottom:none}.thumb{object-fit:cover;border-radius:var(--radius-sm);width:56px;height:56px}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:280px;display:inline-block;overflow:hidden}.empty-message{color:var(--text-muted);text-align:center;background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2.5rem}.form{background:var(--surface-color);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow-sm);flex-direction:column;gap:1.1rem;padding:1.75rem;display:flex}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-label{flex:1;min-width:180px}.form-label{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.form-label-inline{align-items:center;gap:.5rem;font-weight:500;display:flex}.form-label input,.form-label textarea,.form-label select,.data-table select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-color);transition:border-color var(--transition), box-shadow var(--transition);padding:.65rem .75rem;font-family:inherit;font-size:.95rem}.form-label input:focus,.form-label textarea:focus,.form-label select:focus,.data-table select:focus{border-color:var(--primary-color);background:var(--surface-color);outline:none;box-shadow:0 0 0 3px #9e2a2b1f}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.image-preview img{border-radius:var(--radius-sm);max-width:200px;box-shadow:var(--shadow-sm);margin-top:.5rem}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.85rem 1rem}.alert-error{color:#c12333;background:#dc354514;border-left:4px solid #dc3545}.badge{letter-spacing:.02em;background:#e7e2da;border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-pending{color:#a37a10;background:#e3b4482e}.badge-reviewed{color:#335c67;background:#335c6726}.badge-resolved{color:#3e8e57;background:#3e8e5726}.badge-danger{color:#dc3545;background:#dc35451a}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.dashboard-card{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text-color);transition:transform var(--transition), box-shadow var(--transition);align-items:center;gap:1rem;padding:1.5rem;text-decoration:none;display:flex}.dashboard-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.dashboard-card-icon{border-radius:var(--radius);background:var(--primary-light);width:48px;height:48px;color:var(--primary-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-card-icon.accent-2{color:#a37a10;background:#e3b4482e}.dashboard-card-icon.accent-3{color:#335c67;background:#335c671f}.dashboard-card-icon.accent-4{color:#3e8e57;background:#3e8e571f}.dashboard-card-icon.accent-5{color:var(--primary-color);background:#9e2a2b1f}.dashboard-card-body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dashboard-card-value{color:var(--primary-color);font-size:1.8rem;font-weight:700;line-height:1}.dashboard-card-label{color:var(--text-muted);font-size:.9rem}.modal-backdrop{z-index:100;background:#140f0a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface-color);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:1.75rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.detail-panel{background:var(--surface-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1.5rem}@media (width<=900px){.topbar{display:flex}.sidebar{z-index:50;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{display:inline-flex}.content{padding:1.25rem;padding-top:calc(var(--topbar-height) + 1.25rem);max-width:100%}}@media (width<=640px){.form{padding:1.25rem}.form-row{flex-direction:column}.form-row .form-label{min-width:0}.login-card{padding:1.75rem}.page-header{align-items:flex-start}}