*{box-sizing:border-box}body{margin:0;background-color:#f3f4f6}.admin-layout{display:flex;height:100vh;font-family:Arial,sans-serif}.sidebar{width:220px;background-color:#111827;color:#e5e7eb;display:flex;flex-direction:column}.sidebar-header{padding:20px;font-size:20px;font-weight:700;text-align:center;border-bottom:1px solid #1f2937}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{padding:12px 20px}.sidebar-menu a{color:#e5e7eb;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 12px}.sidebar-menu li:hover{background-color:#1f2937}.main-area{flex:1;display:flex;flex-direction:column}.topbar{height:60px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.topbar-title{font-size:18px;font-weight:700}.topbar-actions button{padding:6px 12px;border:none;background-color:#ef4444;color:#fff;border-radius:4px;cursor:pointer}.topbar-actions button:hover{background-color:#dc2626}.content-area{padding:20px;overflow:auto}.cards{display:flex;gap:20px;margin-top:20px}.card{background-color:#fff;padding:20px;border-radius:6px;border:1px solid #e5e7eb;min-width:150px}.card h3{margin:0 0 10px;font-size:16px}.card p{font-size:24px;font-weight:700;margin:0}form input{width:300px;padding:8px;margin-bottom:10px;border:1px solid #d1d5db;border-radius:4px}form button{padding:8px 16px;border:none;background-color:#2563eb;color:#fff;border-radius:4px;cursor:pointer}form button:hover{background-color:#1d4ed8}table{width:100%;background-color:#fff;border-collapse:collapse;margin-top:20px}th,td{padding:10px;border:1px solid #e5e7eb;text-align:left}th{background-color:#f9fafb}table button{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;background-color:#ef4444;color:#fff}table button:hover{background-color:#dc2626}.sidebar-menu a.active{background-color:#2563eb;color:#fff;border-radius:4px}